# Fluent UI Charts v9 > **Note:** This is a summary overview using the LLMs.txt format (https://llmstxt.org/). Each section links to its full documentation file in plain text (.txt) format. Click any link below to view the detailed documentation for that section. Fluent UI React charts is a set of modern, accessible, interactive, lightweight and highly customizable visualization library representing the Microsoft design system. These charts are used across 100s of projects inside Microsoft across Microsoft 365, Copilot and Azure. - [Introduction](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/introduction.txt) - [Charts/AreaChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-areachart.txt): Area charts are graphical representations of data that display quantitative data points connected by lines and filled with colors to create a visual representation of trends and patterns. The area between the line and the x-axis is colored, which helps in emphasizing the cumulative total or the overall magnitude of the data. They are a slight variation of single line charts, and generally can be used interchangeably. - [Charts/DeclarativeChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-declarativechart.txt): DeclarativeChart enables developers to render interactive chart visualizations using Plotly's widely adopted JSON-based schema while ensuring a consistent Fluent UI design language. - [Charts/DonutChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-donutchart.txt): Donut charts are used to show proportion, which expresses a partial value in comparison to a total value. These types of charts are best to show percentage of individual parts in comparison to a whole, where the change over time is not important to visualize. They are circular statistical graphics divided into slices to illustrate numerical proportion. - [Charts/FunnelChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-funnelchart.txt): - [Charts/GanttChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-ganttchart.txt): - [Charts/GaugeChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-gaugechart.txt): A radial gauge chart uses a circular arc to show how a single value progresses toward a goal or a Key Performance Indicator (KPI). The gauge line (or needle) represents the goal or target value. The shading represents progress toward the goal. The value inside the arc represents the progress value. - [Charts/GroupedVerticalBarChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-groupedverticalbarchart.txt): A grouped vertical bar chart displays multiple series of data as a group of bars, with each bar denoting a category. The bars are grouped together side by side, with each group denoting a different series. - [Charts/HeatMapChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-heatmapchart.txt): A heatmap is a 2D visualization that uses color to represent magnitude or intensity of values in the dataset. Generally, the color uses a sequential palette and corresponds to the value’s relative position within the represented ranges. This generally means larger values have darker colors. - [Charts/HorizontalBarChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-horizontalbarchart.txt): A horizontal bar chart is a chart that presents categorical data with rectangular bars with lengths proportional to the values they represent. This type of chart is particularly useful when the intention is to show comparisons among various categories and the labels for those categories are long. - [Charts/HorizontalBarChartWithAxis](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-horizontalbarchartwithaxis.txt): A horizontal bar chart is a chart that presents categorical data with rectangular bars with lengths proportional to the values they represent. This type of chart is particularly useful when the intention is to show comparisons among various categories and the labels for those categories are long. - [Charts/Legends](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-legends.txt): A legend describes data visualized in the chart. The legends can wrap based upon the space available for them. If there is not enough space to show all legends on a single line, the legends fall into an overflow menu. A button is shown to open the overflow menu and displays the number of legends in it. - [Charts/LineChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-linechart.txt): A line chart is a visual representation of data that shows the relationship between two variables, often used to show trends over a period of time or number line. Line charts plot data at regular intervals connected by lines. Multi-line charts enable comparison between multiple series over the same x domain. - [Charts/SankeyChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-sankeychart.txt): A Sankey chart visualizes a flow from one entity to another. Its goal is to clearly show the path of a depicted property. By hovering over a path, the user can highlight the source and destination of flow of this information. - [Charts/ScatterChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-scatterchart.txt): A scatter (or bubble) chart is used to visualize relationships between two numerical variables, with data points plotted along the x and y axes. Bubble charts extend this by using the size of the markers to represent an additional variable, providing a third dimension of data visualization. - [Charts/Sparkline](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-sparkline.txt): A sparkline is a very small area chart without axes or coordinates. It is useful for quick and high-level evaluation of trends. It can be an effective solution for presenting an overview of multiple series (high cardinality of data) simultaneously while maximizing legibility. - [Charts/VerticalBarChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-verticalbarchart.txt): A vertical bar chart displays data as a series of vertical bars, with each bar representing a category and the height of the bar representing the value of that category. It is commonly used to show comparisons between categories of one or more data sets, usually over a period of time. Categories are shown on the horizontal axis, while the data values are shown along the vertical axis. They could present data over time or in relationship to a whole. - [Charts/VerticalStackedBarChart](https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook/llms/charts-verticalstackedbarchart.txt): Vertical stacked bar chart displays multiple series of data as stacked bars, with each bar representing a category. The bars are stacked on top of each other, with the height of each bar representing the value of the category of the series.