# Configurable Chart Collection (C3)

The [**Configurable Chart Collection**](http://drarmstr.github.io/chartcollection/) is a JavaScript library for data visualization in HTML5 built using [D3](http://d3js.org)
available as an [NPM package](https://www.npmjs.com/package/chartcollection).

### Notable visualizations include:

* [Line / Area Graphs](http://drarmstr.github.io/chartcollection/examples/#plot_zoom)
* [Bar Charts](http://drarmstr.github.io/chartcollection/examples/#stack)
* [Stacked Graphs](http://drarmstr.github.io/chartcollection/examples/#stack)
* [Pie / Donut Charts](http://drarmstr.github.io/chartcollection/examples/#pie)
* [Scatter Plots](http://drarmstr.github.io/chartcollection/examples/#scatterplot)
* [Swimlanes](http://drarmstr.github.io/chartcollection/examples/#swimlanes)
* [Flame Chart Timeline](http://drarmstr.github.io/chartcollection/examples/#flamechart)
* [Icicle](http://drarmstr.github.io/chartcollection/examples/#icicle_sunburst)
* [Sunburst](http://drarmstr.github.io/chartcollection/examples/#icicle_sunburst)
* [Sankey Flow Graph](http://drarmstr.github.io/chartcollection/examples/#sankey)
* [Butterfly _caller/callee_ Flow Graph](http://drarmstr.github.io/chartcollection/examples/#butterfly)
* [Legends](http://drarmstr.github.io/chartcollection/examples/#legend)
* [Data Tables](http://drarmstr.github.io/chartcollection/examples/#table_searchable)

### Notable features include:

* [Declarative style API.](http://drarmstr.github.io/chartcollection/api.html)
* [Flexibility with dataset organization.  Use your own structures and describe their shape via accessor functions.](http://drarmstr.github.io/chartcollection/api.html#datasets)
* [Layering mechanism for composability of different data in the same chart.](http://drarmstr.github.io/chartcollection/api.html#layers)
* [Compatible with animation for linked and dynamic datasets.](http://drarmstr.github.io/chartcollection/api.html#selection_options)
* [Lots of styling options by exposing CSS directly.](http://drarmstr.github.io/chartcollection/api.html#styling)
* [Extensible for custom user interaction by exposing DOM events.](http://drarmstr.github.io/chartcollection/api.html#events)
* [Extensible with custom functionality.](http://drarmstr.github.io/chartcollection/api.html#extensibility)
* Some visualizations contain built-in support for dealing with large datasets.
* Compatible with [Crossfilter](http://crossfilter.github.io/crossfilter/) ([_example_](http://drarmstr.github.io/chartcollection/examples/#worldbank))

## [Examples](http://drarmstr.github.io/chartcollection/examples/)
View example charts and visualizations with complete annotated sources.

## [Documentation](http://drarmstr.github.io/chartcollection/)

#### [API Overview](http://drarmstr.github.io/chartcollection/api.html)

#### [API Reference](http://drarmstr.github.io/chartcollection/doc/)