@iqvizyonui/react-charts
React Charts components for Iqvizyon UI React
Iqvizyon charts is a set of modern, accessible, interactive and highly customizable visualization library representing the Iqvizyon design system. The library is built using D3 (Data Driven Documents) and Iqvizyon UI design tokens.
Using the library
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.
Available charts
| Chart | React | Web Component |
|---|---|---|
| AreaChart | Stable | Planned |
| DonutChart | Stable | Stable |
| GaugeChart | Stable | Planned |
| HeatMapChart | Stable | Planned |
| HorizontalBarChart | Stable | Stable |
| HorizontalBarChart with Axis | Stable | Planned |
| HorizontalBarChart Stacked | Use HorizontalBarChart | Use HorizontalBarChart |
| HorizontalBarChart MultiStacked | Use HorizontalBarChart | Use HorizontalBarChart |
| Legends | Stable | Planned |
| LineChart | Stable | Planned |
| PieChart | Use DonutChart | Use DonutChart |
| SankeyChart | Stable | Planned |
| Sparkline | Stable | — |
| VerticalBarChart | Stable | Planned |
| VerticalBarChart Grouped | Stable | Planned |
| VerticalBarChart Stacked | Stable | Planned |
| Plotly Schema Chart | Stable | — |
| Scatter Chart | Stable | — |
| Gantt Chart | Stable | — |
Contact
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 via GitHub discussions.
You could also create issues using the charting template.
Contributing
Refer to the Iqvizyon UI wiki for detailed instructions on setup and contributing to the package.
Resources
- Chart doc site for examples and API reference
- Iqvizyon UI wiki for contributor and technical guides
- GitHub discussions for questions and feedback
Figma designs - Contact us for details.
Accessibility
Our charts are among the very few charting solutions providing elaborate accessibility support. The charts are WCAG 2.1 MAS C compliant for accessibility.
See accessibility examples on the chart doc site.