# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://developer.supervisely.com/app-development/widgets/charts-and-plots.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.