Any Chart Cheat Sheet
Last modified: May 29, 2024
1 Introduction
This cheat sheet lists the most common chart types, together with a visual sample and the json required to create them. More chart types can be found at https://plot.ly/javascript/.
2 Basic Charts
2.1 Line Chart
![LineChartProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/line-chart2.png)
|
|
2.2 Bubble Chart
![BubbleChartProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/bubble-chart.png)
|
|
2.3 Scatter Chart
![ScatterPlotProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/scatter-plot.png)
|
|
2.4 Heatmap
![HeatMapProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/heat-map2.png)
|
|
2.5 Bar Chart
![BarChartProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/bar-chart2.png)
|
|
2.6 Column Chart
![ColumnChartProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/column-chart2.png)
|
|
2.7 Pie Chart
![PieChartProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/pie-chart2.png)
|
|
2.8 Doughnut Chart
![DoughNutChartProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/doughnut-chart.png)
|
|
2.9 Area Chart
![AreaChartProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/area-chart2.png)
|
|
3 Statistical Charts
3.1 Histograms
![HistogramProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/histogram.png)
|
|
3.2 Box Chart
![BoxPlotProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/box-plot.png)
|
|
3.3 2D Histogram
![2DHistogramProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/2d-histogram.png)
|
|
4 Maps
4.1 Bubble Map
![BubbleMapProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/bubble-map.png)
|
|
4.2 Choropleth Map
![ChoroplethMapProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/choropleth-map.png)
4.2.1 Choropleth Map Data
|
|
4.2.2 Choropleth Map Layout
|
|
4.3 Scatter Map
![ScatterMapProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/scatter-map.png)
|
|
5 3D Charts
5.1 3D Surface Chart
![3DSurfacePlotProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/3d-surface-plot.png)
|
|
5.2 3D Line Chart
![3DLineChartProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/3d-line-chart.png)
|
|
5.3 3D Scatter Chart
![3DScatterPlotProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/3d-scatter-plot.png)
|
|
6 Other Charts
6.1 Contour Chart
![ContourProperties](/attachments/refguide9/modeling/pages/chart-widgets/contour.png)
|
|
6.2 Time Series
![TimeSeriesProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/time-series2.png)
|
|
6.3 Group By Chart
![GroupByChartProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/group-by-chart.png)
|
|
6.4 Symmetric Error Bar
![ErrorBarProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/error-bar.png)
|
|
6.5 Polar Chart
![PolarChartProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/polar-chart.png)
|
|
6.6 Ternary Plot
![TernaryPlotProperties](/attachments/refguide9/modeling/pages/chart-widgets/charts-any-cheat-sheet/ternary-plot.png)
6.6.1 Ternary Plot Data
|
|
6.6.2 Ternary Plot Layout
|
|
7 Read More
- Full chart documentation is here: https://plot.ly/javascript/
- Any Chart Widget
- How to Use Any Chart