Bar/D3 Visualization in Sandbox

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
• Have the npm package manager installed.

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. Styling the model for applications
6. Adding interactivity to the view
7. Adding a default configuration
8. Next steps

Start with Preparing the environment.