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: v. The latest stable version is v.

Getting Started

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

For more information and assistance

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.


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.

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

Yearly Performance (radius: fluctuation/index ratio, color: gain/loss)
Days by Gain/Loss
Day of Week
Days by Fluctuation(%)
Monthly Index Abs Move & Volume/500,000 Chart

select a time range to zoom in

selected out of records | Reset All
Fork me on GitHub