Dimensional charting built to work natively with crossfilter rendered using d3.js. In dc.js, each chart displays an aggregation of some attributes through the position, size, and color of its elements, and also presents a dimension which can be filtered. When the filter or brush changes, all other charts are updated dynamically, using animated transitions.

Check out the example page and its annotated source for a quick five minute how-to guide. The detailed API reference is here (markdown version). For more examples and hints please visit the Wiki.

• Example Site
• Changelog
• Frequently Asked Questions and Wiki
• v2.0 API Reference ^{(markdown) (next - v2.1) (last - v1.7)}
• dc.js on StackOverflow - ask questions and get help
• User Group ("mailing list") - discussion and longer topics
• GitHub Issues - bug reports and feature requests

Please direct questions and support requests to Stack Overflow or the user group. When posting to Stack Overflow, use the [dc.js] and/or [crossfilter] tags - other tags are likely to draw unwanted attention.

Get help faster with a working example! Fork these to get started:
example jsFiddle - blank jsFiddle - example bl.ock - blank bl.ock

http://cdnjs.cloudflare.com/ajax/libs/dc/2.0.0/dc.min.js
http://cdnjs.cloudflare.com/ajax/libs/dc/2.0.0/dc.min.css

Please do not use github.io as a CDN unless you need the bleeding-edge features.

More info on the Wiki.

npm install dc

bower install dcjs

Download

• d3.js
• crossfilter.js
• dc.js - stable
• dc.js - bleeding edge (master)

Make sure the following packages are installed on your machine

• node.js
• npm

dc.js$ npm install

dc.js$ grunt test

dc.js$ grunt server

• Jasmine specs are hosted at http://localhost:8888/spec
• The stock example is at http://localhost:8888/web
• More examples are at http://localhost:8888/web/examples

dc.js is an open source javascript library and licensed under Apache License v2.