C3 ChartsADDON Dygraphs is a fast, flexible open source JavaScript charting library.
Features:
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