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-beta.8. The latest stable version is 1.7.3.

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/dc-js/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 check out these 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 (source)

Nasdaq 100 Index 1985/11/01-2012/06/29