Jay Taylor's notes
back to listing indexdc.js - Dimensional Charting Javascript Library
[web search]dc.js - Dimensional Charting Javascript Library
dc.js is a javascript charting library with native crossfilter support and allowing highly efficient exploration on large multi-dimensional dataset (inspired by crossfilter's demo). It leverages d3 engine to render charts in css friendly svg format. Charts rendered using dc.js are naturally data driven and reactive therefore providing instant feedback on user's interaction. The main objective of this project is to provide an easy yet powerful javascript library which can be utilized to perform data visualization and analysis in browser as well as on mobile device.
Version Status
This page is running version: v2.0.0-dev. The lastest stable version is 1.6.0.
Getting Started
Take a look at the annotated source to the Nasdaq Example that is shown below.
For more information and assistance
- Release Notes
- Wiki - Additional examples
- Roadmap - Future Plans
- Stable API - Documentation
- Master API - Bleeding Edge
- Mailing List - The users group and best place to post support questions.
- Issues - Please post any issues you have found or enhancements you would like to see. Usage questions should be directed to the mailing list
Fork me @ https://github.com/NickQiZhu/dc.js and also feel free to report any issue or request a new type of chart to be included in the next release.
Examples
The following charts provide a live example of dc.js used against Nasdaq 100 index for the last 27 years. (You can run this example completely off-line). Although it is just an example, using it you can already ask some quite interesting questions. If I am going to gamble whether Nasdaq 100 will gain or lose tomorrow what is my chance? Is Friday or Monday the most unlucky day for investors? Is spring better than winter to invest? Can you find the outliers? When did the outliers occur? Public data source: PiTrading.com.
Try it out or checkout other examples.
- US Venture Capital Landscape 2011 (choropleth chart, bubble chart)
- Major Canadian City Crime Stats 1998-2011 (bubble overlay, bar chart, line chart)
- List of Community Contributed Examples
- Simple, Specific Chart Examples
Nasdaq 100 Index 1985/11/01-2012/06/29
select a time range to zoom in
Date | Open | Close | Change | Volume |
---|---|---|---|---|
2012/06 | ||||
06/18/2012 | 2570.98 | 2592.52 | 21.54 | 15407330 |
06/19/2012 | 2606.43 | 2620.83 | 14.40 | 17714840 |
06/20/2012 | 2625.00 | 2623.33 | -1.67 | 15045430 |
06/21/2012 | 2619.98 | 2556.96 | -63.02 | 17211650 |
06/22/2012 | 2562.28 | 2585.53 | 23.25 | 22237210 |
06/25/2012 | 2562.98 | 2533.54 | -29.44 | 14373980 |
06/26/2012 | 2541.21 | 2549.84 | 8.63 | 15455900 |
06/27/2012 | 2558.67 | 2565.53 | 6.86 | 15713580 |
06/28/2012 | 2565.53 | 2536.65 | -28.88 | 16722440 |
06/29/2012 | 2566.84 | 2615.72 | 48.88 | 18325310 |