A framework for creating reusable charts with d3.js.
JavaScript HTML
Latest commit a7dca26 Jan 23, 2016 @jugglinmike jugglinmike Release v0.3.0



A framework for creating reusable charts with D3.js.

Build Status

To get started you can:

  • Read about reusability in d3 here
  • Read our introduction post to d3.chart here
  • Dive right into the wiki, which is full of instructions and guides.
  • Check out the Miso Project website which has some live coding examples


You can install d3.chart via bower by running:

$ bower install d3.chart

You can also install it via npm by running:

$ npm install d3.chart

Otherwise, you can download it directly from this repository.


d3.chart implements "UMD", making it convenient to consume from a number of environments:

  • The library may be loaded in a web browser directly via HTML <script> tags--just be sure to load it after D3.js, e.g.

    <script src="scripts/lib/d3.v3.min.js"></script>
    <script src="scripts/lib/d3.chart.min.js"></script>
  • From AMD-enabled environments, simply add an entry for "d3.chart" in your paths configuration.
  • Consuming using CommonJS modules (e.g. via tools like Browserify) should "just work"

Build Instructions

Build requirements:

To fetch required dependencies, run the following command from the root of this repository:

$ npm install
$ bower install

After this, the project can be built by invoking Grunt from within this repository:

$ grunt