packages/charts/react-charts/library/docs/Spec.md
Fluent UI React charts is a set of modern, accessible, interactive, lightweight and highly customizable visualization library representing the Microsoft design system. The charts are used across 100+ projects inside Microsoft including Microsoft 365 and Azure.
The library is built using D3 (Data Driven Documents) and fluent v9 design system.
Refer to the docsite for usage examples for each chart.
The v9 charts maintain feature parity with their v8 equivalent.
The following controls have been ported over to v9. For the remaining controls, refer to the migration guide to consume them in v9. https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-charts-migration--docs
| v8 control | v9 control |
|---|---|
| Area Chart | April 2025 |
| Donut Chart | Donut Chart |
| Gauge Chart | April 2025 |
| Heatmap Chart | April 2025 |
| Horizontal Bar Chart | Horizontal Bar Chart |
| Horizontal Bar Chart with Axis | April 2025 |
| Horizontal Bar Chart - Stacked | Horizontal Bar Chart |
| Horizontal Bar Chart - MultiStacked | Horizontal Bar Chart |
| Legends | Legends |
| Line Chart | Line Chart |
| Pie Chart | Use Donut Chart |
| Sankey Chart | April 2025 |
| Sparkline Chart | Sparkline Chart |
| Tree Chart | |
| Vertical Bar Chart | Vertical Bar Chart |
| Vertical Bar Chart - Grouped | April 2025 |
| Vertical Bar Chart - Stacked | April 2025 |
| Plotly Schema Chart | March 2025 |
Refer to our technical documentation for detailed information about behavior of chart controls. https://microsoft.github.io/fluentui-charting-contrib/docs/Technical%20Details
Refer this document for details about Accessibility aspects for chart controls. https://microsoft.github.io/fluentui-charting-contrib/docs/Accessibility