A PRACTICAL CHART REFERENCE

About ChartTypes

Understand the chart. Explore the data. Build your own.

From a Question to a Chart

ChartTypes helps developers, analysts, and designers choose a chart and see how to implement it. Compare chart shapes, explore working examples, and adapt the code to the question your data needs to answer.

Find the Right Shape

Browse by purpose, from comparing categories to showing trends and relationships.

Explore an Example

Switch between libraries to compare implementations of the same chart type.

Make It Your Own

Copy the code, inspect the sample data, and replace the illustrative values with yours.

Live JavaScript Examples

Run charts in the browser and read the code alongside each preview.

  • Chart.js
  • D3.js
  • ECharts
  • Plotly

Python Code and Previews

See rendered chart images and copy Python examples to run in your own environment.

  • Matplotlib
  • Seaborn