This walk-through will guide you through the development of a simple Bar chart visualization, using the Pentaho Visualization API and the amazing D3 graphics library.

The complete code of this sample is available at pentaho/pentaho-engineering-samples.

Prerequisites

• Basic JavaScript knowledge
• Basic D3 knowledge
• An npm registry compatible package manager like npm or yarn.

Steps

This walk-through is divided in the following steps:

1. Preparing the environment
2. Creating the model
3. Creating the view
4. Styling the view
5. Adding interactivity to the view
6. Adding a default configuration
7. Next steps

Start with Preparing the environment.