Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including d3.chart with all npm packages installed. Try it out:

require("d3/package.json"); // d3 is a peer dependency. var d3Chart = require("d3.chart")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

d3.chart v0.3.0

A framework for creating reusable charts with D3.js


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


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free