# Chart

Codatum offers a wide variety of chart types to accommodate diverse data. Additionally, each chart comes with numerous settings, allowing you to tailor the visuals to your data.

## Chart Types

### [Big Number](/data-exploration/chart/bignumber.md)

Choose from text or gauge display, and set options such as prefix, suffix, value formatter, and conditional styles.

| <picture><source srcset="/files/l1ytkfhamnrmlyKNKmO4" media="(prefers-color-scheme: dark)"><img src="/files/7JCHpzmADWnBbClHRDMM" alt="BigNumber Text"></picture> | <picture><source srcset="/files/2JyrrAmRwZr1UKWbx3F4" media="(prefers-color-scheme: dark)"><img src="/files/xHbLSf2w8mBKR2b1zuEq" alt="BigNumber Gauge"></picture> |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |

### [XY Chart](/data-exploration/chart/xy-chart.md)

Choose from line, bar, stacked bar, area, stacked area, 100% stacked bar, 100% stacked area, scatter, and bubble charts. Composite charts are also available.

| <picture><source srcset="/files/Q2RY9bib3vvakKxYXIsR" media="(prefers-color-scheme: dark)"><img src="/files/MrxK2UFfcfNpvblQQQ8H" alt="XY Line"></picture>    | <picture><source srcset="/files/ILY64jBid2IZ7BiwURim" media="(prefers-color-scheme: dark)"><img src="/files/aiDpX36vhr9AcXExoDXF" alt="XY Bar"></picture>          | <picture><source srcset="/files/6y6g6zQEYFFsynKMQ6WC" media="(prefers-color-scheme: dark)"><img src="/files/sotwycaPiG3JdWSfwAIi" alt="XY Stacked Bar"></picture>  |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| <picture><source srcset="/files/JTaJYkP8pprczU3SM2fu" media="(prefers-color-scheme: dark)"><img src="/files/NG21FGPeuACDG7Ms1VcY" alt="XY Area"></picture>    | <picture><source srcset="/files/f3IfQ6bZ3PPFoVxn94gc" media="(prefers-color-scheme: dark)"><img src="/files/61fETzKPtOlyUQscxhGR" alt="XY Stacked Area"></picture> | <picture><source srcset="/files/QFl5YAEVO9RUf4J3l7Q2" media="(prefers-color-scheme: dark)"><img src="/files/MZum3H0s5KcglpcM42z9" alt="XY Percent Bar"></picture>  |
| <picture><source srcset="/files/VasGzdGJFfRerjHoWqHD" media="(prefers-color-scheme: dark)"><img src="/files/Njx9igO1bCCSpx8ixVeS" alt="XY Scatter"></picture> | <picture><source srcset="/files/7fC4Ozduupx3ZhALHFGE" media="(prefers-color-scheme: dark)"><img src="/files/aNpQEVc1XIaVgRhnrrMC" alt="XY Bubble"></picture>       | <picture><source srcset="/files/YPFJppMpmjKDV6uzpFH6" media="(prefers-color-scheme: dark)"><img src="/files/f0KM9wLpvKeUTkamp3PP" alt="XY Percent Area"></picture> |

### [Radial Chart](/data-exploration/chart/radial-chart.md)

Choose from pie, donut, and radar charts.

| <picture><source srcset="/files/KyHwQHMmtEGvNqZiqqsq" media="(prefers-color-scheme: dark)"><img src="/files/RRAIdY5ZIjjqO86dFq8F" alt="Radial Pie"></picture> | <picture><source srcset="/files/z7hIDJhBodPzGHorO8LE" media="(prefers-color-scheme: dark)"><img src="/files/Edj669X8Q5XMGiy1662L" alt="Radial Donut"></picture> | <picture><source srcset="/files/vbdeE1uJRghT1l7srMnP" media="(prefers-color-scheme: dark)"><img src="/files/WT5brGBMFhEuxR7oaVFx" alt="Radial Radar"></picture> |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |

### [XYZ Chart](/data-exploration/chart/xyz-chart.md)

Choose from scatter, bubble, and heatmap charts.

| <picture><source srcset="/files/ncrZwu0rRW4hTFRsG9rN" media="(prefers-color-scheme: dark)"><img src="/files/1BQIdefUUROjBfZPbhl0" alt="XYZ Scatter"></picture> | <picture><source srcset="/files/DKyG6aOFK5WjlWDIRyeC" media="(prefers-color-scheme: dark)"><img src="/files/8QDK5g7SMuENoAR29GEH" alt="XYZ Bubble"></picture> | <picture><source srcset="/files/qSnp2VtAOKzCQLEQltyO" media="(prefers-color-scheme: dark)"><img src="/files/j2OgfbikZ2lrg3etmZm9" alt="XYZ Heatmap"></picture> |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |

### [Hierarchy Chart](/data-exploration/chart/hierarchy-chart.md)

Choose from tree, treemap, sunburst, and hierarchy bar charts.

| <picture><source srcset="/files/8vjI2qNKAM4J8hDcJs79" media="(prefers-color-scheme: dark)"><img src="/files/KuaKANGxTgJUxK9JlVTU" alt="Hierarchy Tree"></picture> | <picture><source srcset="/files/rTKwW7rDwIkB4Zy3oL9M" media="(prefers-color-scheme: dark)"><img src="/files/08bKShWW1NXW2zFXyrPy" alt="Hierarchy Treemap"></picture> | <picture><source srcset="/files/xJg7fAWGz1rFB8RIPxzW" media="(prefers-color-scheme: dark)"><img src="/files/ef2dwH7DVpHIXNw7UAhs" alt="Hierarchy Sunburst"></picture> |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <picture><source srcset="/files/VcaE3E8Q8MiH5oBYJTYP" media="(prefers-color-scheme: dark)"><img src="/files/lLo3FiJ2Y1sthxFDum1l" alt="Hierarchy Bar"></picture>  |                                                                                                                                                                      |                                                                                                                                                                       |

### [Graph Chart](/data-exploration/chart/graph-chart.md)

Choose from graph charts and sankey diagrams.

| <picture><source srcset="/files/DZRFXWMXSMsAhrh50Cnx" media="(prefers-color-scheme: dark)"><img src="/files/ILRjBtcszDvhgvfwLQDT" alt="Graph Chart"></picture> | <picture><source srcset="/files/CP2EaaPK1g0Fr0kb8dLr" media="(prefers-color-scheme: dark)"><img src="/files/Av7uIhNtizALbRf0qWi3" alt="Sankey Diagram"></picture> |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |

### [Funnel Chart](/data-exploration/chart/funnel-chart.md)

Choose from vertical and horizontal funnel charts.

| <picture><source srcset="/files/dQd381I5CC1MweILJqDk" media="(prefers-color-scheme: dark)"><img src="/files/GyTaDdPcbPhptTqehiei" alt="Funnel"></picture> |
| --------------------------------------------------------------------------------------------------------------------------------------------------------- |

### [Waterfall Chart](/data-exploration/chart/waterfall-chart.md)

Displays cumulative increases and decreases by item.

| <picture><source srcset="/files/UZDul9Q5FoAPYHIJTknf" media="(prefers-color-scheme: dark)"><img src="/files/FR0LvYDsplqDZb9Kw4lS" alt="Waterfall"></picture> |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------ |

### [Table Chart](/data-exploration/chart/table-chart.md)

Select the fields you want to display, apply filters, and show data in aggregated form.

| <picture><source srcset="/files/ke7u3aMEEVRUn9D8goGi" media="(prefers-color-scheme: dark)"><img src="/files/uRPYM14cYhlmvgRNQye0" alt="Table Raw"></picture> | <picture><source srcset="/files/QDd6vZwdEIl3LQ3gy3xc" media="(prefers-color-scheme: dark)"><img src="/files/39X1e22P0rW887ac45W2" alt="Table Aggregated"></picture> |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

### [Pivot Table](/data-exploration/chart/pivot-table.md)

Aggregate data by rows/columns and display it as a pivot table.

| <picture><source srcset="/files/dFPgKqweP0m3jROf4w9u" media="(prefers-color-scheme: dark)"><img src="/files/eMgVec50Skla1H5rIdcc" alt="Pivot Table"></picture> |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------- |

### [Text Panel](/data-exploration/chart/text-panel.md)

Display text in Markdown format. Combined with generative AI, it can be used to display dynamic [AI-generated summaries](/best-practices/ai-generated-summary.md) on dashboards.

| <picture><source srcset="/files/KI6kyE01po93Kl8hxn3u" media="(prefers-color-scheme: dark)"><img src="/files/1jfha941V53jtaMau6XR" alt="Text Panel Markdown"></picture> | <picture><source srcset="/files/LYvTajbfG1E7cSDBeezA" media="(prefers-color-scheme: dark)"><img src="/files/ArsXuu1RAnvLedeiTF3W" alt="Text Panel Raw"></picture> |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |

### [Map Chart](/data-exploration/chart/map-chart.md)

Display data on a map based on latitude/longitude, geohash, and other data.

| <picture><source srcset="/files/SIR0r0muLyevorYo8P75" media="(prefers-color-scheme: dark)"><img src="/files/LMWhmK5K9XpUaEWbhIdU" alt="Map Pin"></picture>     | <picture><source srcset="/files/D0spzOzFt536ph1X0T6B" media="(prefers-color-scheme: dark)"><img src="/files/0V2HAuuzh32VQVNkjerT" alt="Map Bubble"></picture>   | <picture><source srcset="/files/WRvdWjhkZ7Zhetsuf4o1" media="(prefers-color-scheme: dark)"><img src="/files/l0KijWtzd7wDq4EU3X2n" alt="Map Heatmap"></picture> |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <picture><source srcset="/files/mU3rGjaRF4AKRKXPpAXT" media="(prefers-color-scheme: dark)"><img src="/files/PxQSUlM8QuALCkz5zEiu" alt="Map Flow"></picture>    | <picture><source srcset="/files/IhpeLuOAZlhZSld6EFFc" media="(prefers-color-scheme: dark)"><img src="/files/1RJHo2rzVnTOPd07rvVn" alt="Map Area"></picture>     | <picture><source srcset="/files/D8dFotLUhvFtxEXuDwjD" media="(prefers-color-scheme: dark)"><img src="/files/angGPfF9XmDq9H5pmrrM" alt="Map Mesh"></picture>    |
| <picture><source srcset="/files/RvP6QHKxCzG7Ryp0pi6t" media="(prefers-color-scheme: dark)"><img src="/files/3tfYm3deAoiHhuBkWdCD" alt="Map Polygon"></picture> | <picture><source srcset="/files/M1olTZkN8PFCIiWV9jpd" media="(prefers-color-scheme: dark)"><img src="/files/M5JmmkaLEkqs5I8tYx6T" alt="Map Polyline"></picture> |                                                                                                                                                                |

### [Word Cloud](/data-exploration/chart/word-cloud.md)

Display a word cloud (tag cloud).

| <picture><source srcset="/files/u84OhtjMY6kxPVHdLjDp" media="(prefers-color-scheme: dark)"><img src="/files/GmYFlEMXqg0WyemJs4Gy" alt="Word Cloud"></picture> |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------- |


---

# 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://docs.codatum.com/data-exploration/chart.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.