O'Reilly logo

Expert Data Visualization by Jos Dirksen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Dimple.js

Dimple is a library which provides a large set of charts out of the box (more information can be found here: http://dimplejs.org/). The goal of Dimple is to provide easy-to-use charts, and that is reflected in the way you define charts. We've provided a couple of example charts in <DVD3>/src/chapter-09/dimple. Let's start by looking at a simple bar chart:

To create this chart you use the following code:

var data = [     { "country":"The Netherlands", "value":5000 },     { "country":"Germany", "value":3000 },     { "country":"Spain", "value":4000 },     { "country":"Belgium", "value":2000 },     { "country":"France", "value":4500 } ]; var chart ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required