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

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.

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

Yearly Performance (radius: fluctuation/index ratio, color: gain/loss) (radius: fluctuation/index ratio, color: gain/loss) reset

Days by Gain/Loss reset Quarters reset Day of Week reset Days by Fluctuation(%) range: reset

Monthly Index Abs Move & Volume/500,000 Chart range: reset

select a time range to zoom in