> For the complete documentation index, see [llms.txt](https://developer.supervisely.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developer.supervisely.com/app-development/widgets/charts-and-plots.md).

# Charts and Plots

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>LineChart</strong></td><td><img src="/files/6X9ctYJf4uuLOSqLrfjw" alt=""></td><td><mark style="color:purple;">A widget that shows data as line graphs, ideal for tracking trends or comparing different data sets.</mark></td><td><a href="/pages/crGavduqSGsPx7ZymOje">/pages/crGavduqSGsPx7ZymOje</a></td></tr><tr><td><strong>GridChart</strong></td><td><img src="/files/V3V0VNVXJPZlkxQDW1hG" alt=""></td><td><mark style="color:purple;">The widget lets you easily view and access multiple LineChart plots arranged in a grid.</mark></td><td><a href="/pages/lC8Tof1VXVDMHuRNbIG4">/pages/lC8Tof1VXVDMHuRNbIG4</a></td></tr><tr><td><strong>HeatmapChart</strong></td><td><img src="/files/tIFW6KHtlwshk5xrxjI3" alt=""></td><td><mark style="color:purple;">Shows data in a color-coded matrix, typically used to represent the intensity or frequency of occurrences, with colors representing the value ranges</mark></td><td><a href="/pages/pmTkh07YTlgyEVa5qXo5">/pages/pmTkh07YTlgyEVa5qXo5</a></td></tr><tr><td><strong>ApexChart</strong></td><td><img src="/files/e8hrZoc6yO9HALPLuM2u" alt=""></td><td><mark style="color:purple;">Versatile charting widget capable of displaying data in a variety of visual formats such as line, area, or bar charts</mark></td><td><a href="/pages/O62G3qqJFRDdeEPYeTrX">/pages/O62G3qqJFRDdeEPYeTrX</a></td></tr><tr><td><strong>ConfusionMatrix</strong></td><td><img src="/files/zxeuz4R0GthkBOSuSxIx" alt=""></td><td><mark style="color:purple;">Specialized chart for displaying the performance of a machine learning model, showing the actual versus predicted classifications and commonly used in classification problems to identify model performance</mark></td><td><a href="/pages/dWsZLpxd7zHf4gqpn3iS">/pages/dWsZLpxd7zHf4gqpn3iS</a></td></tr><tr><td><strong>LinePlot</strong></td><td><img src="/files/QIjBZixsT8axmxiqthPC" alt=""></td><td><mark style="color:purple;">Similar to the LineChart, it displays data as a series of points connected by lines, which is typically used to observe trends and patterns in data over a continuous interval</mark></td><td><a href="/pages/QKdNNbwOGoJpTTyyCeXU">/pages/QKdNNbwOGoJpTTyyCeXU</a></td></tr><tr><td><strong>GridPlot</strong></td><td><img src="/files/dmH2ks78T74aTx6suKEw" alt=""></td><td><mark style="color:purple;">Widget allows displaying multiple plots in a grid layout, enabling the comparison of different datasets or different aspects of a single dataset side by side</mark></td><td><a href="/pages/k8vECvDbJsf6eRLiZYZa">/pages/k8vECvDbJsf6eRLiZYZa</a></td></tr><tr><td><strong>ScatterChart</strong></td><td><img src="https://user-images.githubusercontent.com/79905215/223392072-fc3db4c2-27b9-42e8-b6eb-ecc8140fc138.png" alt="" data-size="original"></td><td><mark style="color:purple;">Widget is used to display a scatter plot of numerical data, which is beneficial for identifying the relationship or correlation between two variables</mark></td><td><a href="/pages/of1kurAjBxkrJhM1KlQs">/pages/of1kurAjBxkrJhM1KlQs</a></td></tr><tr><td><strong>TreemapChart</strong></td><td><img src="https://github-production-user-asset-6210df.s3.amazonaws.com/118521851/242254345-8fc4eccd-b04b-489a-89ee-4569de6a2624.png" alt="" data-size="original"></td><td><mark style="color:purple;">Displays a treemap chart of numerical data, where each category is represented by a rectangle, and sub-categories are nested as rectangles within these</mark></td><td><a href="/pages/1IqWBXWjYBshPi3pc2CB">/pages/1IqWBXWjYBshPi3pc2CB</a></td></tr><tr><td><strong>PieChart</strong></td><td><img src="/files/oi7QtTtjH0wZznFQH6rt" alt=""></td><td><mark style="color:purple;">Widget for visualizing data in a pie chart format. It is commonly used to represent proportions or percentages, showing how individual parts make up a whole</mark></td><td><a href="/pages/16Q5qLfQqzYfquJjAgCc">/pages/16Q5qLfQqzYfquJjAgCc</a></td></tr></tbody></table>