https://github.com/misoproject/d3.chart

A framework for creating reusable charts with d3.js.
https://github.com/misoproject/d3.chart

Last synced: 5 days ago
JSON representation

A framework for creating reusable charts with d3.js.

• Host: GitHub
• URL: https://github.com/misoproject/d3.chart
• Owner: misoproject
• License: mit
• Created: 2013-02-22T19:24:27.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2016-01-23T21:46:55.000Z (almost 9 years ago)
• Last Synced: 2024-04-26T04:02:29.240Z (6 months ago)
• Language: JavaScript
• Homepage: http://misoproject.com/d3-chart
• Size: 694 KB
• Stars: 732
• Watchers: 57
• Forks: 93
• Open Issues: 31
• Metadata Files:
  • Readme: readme.md
  • Changelog: changelog.md
  • License: LICENSE-MIT

Awesome Lists containing this project

• awesome-d3 - d3.chart - Framework for building reusable charts (Charts)
• awesome-d3 - d3.chart - Framework for building reusable charts (Charts)

README

        
# d3.chart

A framework for creating reusable charts with [D3.js](http://d3js.org).

[![Build Status](https://travis-ci.org/misoproject/d3.chart.png)](https://travis-ci.org/misoproject/d3.chart)

To get started you can:

* Read about reusability in d3 [here](http://weblog.bocoup.com/reusability-with-d3/)

* Read our introduction post to d3.chart [here](http://weblog.bocoup.com/introducing-d3-chart/)

* Dive right into the [wiki](http://github.com/misoproject/d3.chart/wiki), which is full of instructions and guides.

* Check out the [Miso Project website](http://misoproject.com/d3-chart) which has some live coding examples

## Installing

You can install d3.chart via [bower](http://bower.io) by running:

    $ bower install d3.chart

You can also install it via [npm](http://npmjs.org) by running:

    $ npm install d3.chart

Otherwise, you can download it directly from this repository.

## Using

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 ``

  tags--just be sure to load it *after* D3.js, e.g.

  ```html

  <script src="scripts/lib/d3.v3.min.js">

  

  ```

- From [AMD](https://github.com/amdjs/amdjs-api)-enabled environments, simply

  add an entry for "d3.chart" in your `paths` configuration.

- Consuming using [CommonJS modules](http://wiki.commonjs.org/wiki/Modules/1.1)

  (e.g. via tools like [Browserify](http://browserify.org/)) should "just work"

## Build Instructions

Build requirements:

- [Node.js](http://nodejs.org)

- [Grunt](http://gruntjs.com)

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