You create a visualization by defining the following classes:
Model class
identifies the visualization and defines it in terms of its data requirements, such as the visual degrees of freedom it has (x position, color, and size for example) and any major options that affect its rendering.
IView class
implements the actual rendering using chosen technologies, such as HTML, SVG, D3, and handles user interaction by dispatching actions including selection, drilling-down, and showing a tooltip.
The following walk-through tutorials guide you through the creation of a custom visualization for the Pentaho platform: