C3 ChartsADDON Dygraphs is a fast, flexible open source JavaScript charting library.


C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. The plugin adds classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3. Provides a variety of APIs and callbacks to access the state of the chart.

Find more examples and guidelines on C3's official documentation and community support

Kitchen Sink Interactive Demo See how easy it is to manipulate and transform graphs using c3 engine!

Simple Line

Line chart with sequential data

Line Regions

Set regions for each data with style using the regions option

Time Series

Simple line chart with timeseries data using xFormat and axis options

Spline Line

Display as Spline Chart

Scatter Chart

Display as Scatter Plot

Bar Chart

Display as Bar Chart

Stacked Bar

Display as Stacked Bar Chart

Step Chart

An example of area and line Step Charts

Pie Chart

Display as Pie Chart

Donut Chart

Donut chart example

Combination Chart

An example of multiple charts in one canvas - "all in one"

Interactive Mouse wheel

Zoom by mouse wheel event and slide by drag

Interactive Example

Show sub chart for zoom and selection range