Dimensional charting built to work natively with crossfilter rendered using d3.js.
NOTE: We are seeking new maintainers to join Deepak Kumar. See #1868 for discussion.
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
- v4.0 API Reference (markdown) (last - v3.1.9)
- 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:
blank jsFiddle - example jsFiddle - blank bl.ock - example bl.ock
Version 4.* is compatible with d3 versions 4 and 5. It is not compatible with IE. Use dc.js 3.* if you need IE support, or use dc.js 2.* if you need compatibility with d3 version 3.
https://unpkg.com/dc@4/dist/dc.js
https://unpkg.com/dc@4/dist/style/dc.css
or copy the latest links from CDNJS
npm install dc
Download
Make sure the following packages are installed on your machine
- node.js
- npm
$ npm install
$ grunt test
$ 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.