Comfortable
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.
Customizable
C3 gives some 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.
Controllable
C3 provides a variety of APIs and callbacks to access the state of the chart. By using them, you can update the chart even if after it’s rendered.

C3.js | D3-based reusable chart library//
Examples:
C3.js | D3-based reusable chart library//
# Chart
Timeseries Chart
Simple line chart with timeseries data.
View details »
Multiple XY Line Chart
Multiple line chart with multiple custom x.
View details »
Line Chart with Regions
Set regions for each data with style.
View details »
# Data
Column Oriented Data
Column-oriented data can be used as input.
View details »
Row Oriented Data
Row-oriented data can be used as input.
View details »
Category Data
Load data with x values on category axis.
View details »
Data Order
Define data order. This will be used for stacked bar chart.
View details »
# Grid
Optional X Grid Lines
Add optional grid lines on x grid.
View details »
Optional Y Grid Lines
Add optional grid lines on y grid.
View details »
# Tooltip
Tooltip Format
Set format for title and value on tooltip.
View details »
# Chart Options
Duration of Transition
Set duration of transition for chart animation.
View details »