dc.js - Dimensional Charting Javascript Library

dc.js is a javascript charting library with native crossfilter support, allowing highly efficient exploration on large multi-dimensional datasets (inspired by crossfilter's demo). It leverages d3 to render charts in CSS-friendly SVG format. Charts rendered using dc.js are data driven and reactive and therefore provide instant feedback to user interaction.

dc.js is an easy yet powerful javascript library for data visualization and analysis in the browser and on mobile devices.

Version Status

This page is running dc.js version

Getting Started

Take a look at the annotated source to the Nasdaq Example shown below.

For more information and assistance

• 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.

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

Examples

The following charts provide an example of dc.js used against 27 years of Nasdaq 100 index data. Although it is just an example, using it you can already ask some 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