React Charts components for Fluent UI React
Fluent charts is a set of modern, accessible, interactive and highly customizable visualization library representing the Microsoft design system. The library is built using D3 (Data Driven Documents) and fluent v9 design system.
These controls are in preview mode whose APIs might change till a stable version is released. The stable version is targeted by end of CY '24
Examples and code snippets for the chart components are available on the doc site. The code snippets can be used as usage guide for all the props and chart variations.
The charting project is actively funded by a small feature team. The team responds within 1-2 business days for any queries or doubts.
You can reach out to the charting team by tagging @microsoft/charting-team in discussion items.
You could also create issues under the charting tag.
Refer the main fluentui wiki for detailed instructions on setup and contributing to the package.
A comprehensive contributor and developer guide is available in the charts wiki.
Our charts have elaborate accessibility support. The charts are WCAG 2.1 MAS C compliant for accessibility.
More details are covered in the wiki.