feat: support Victory (React) charting library #543
Description
Summary
Add support for Victory as a third-party charting library that maidr can work with.
Background
Victory is a popular React charting library maintained by Nearform (formerly Formidable), rendering SVG-based charts with a composable component API. It is mentioned in chart2music's React documentation as one of the React charting libraries they've evaluated.
What This Involves
- Binder/Adapter: Create a React-compatible adapter that extracts data from Victory chart components and generates the MAIDR JSON schema.
- SVG Highlighting: Victory renders standard SVG elements, enabling CSS selector-based highlighting.
- React Integration: Leverage maidr's existing React component entry point for seamless integration.
- Chart Types: Victory supports bar, line, area, scatter, pie, box plot, histogram, candlestick, voronoi, and more.
Considerations
- Victory has a fully composable component architecture (
VictoryChart,VictoryBar,VictoryLine, etc.) which makes it predictable to extract data from props. - chart2music notes that Victory has limited visual integration capabilities due to internal tooltip management.
- Victory supports animation and transitions which may need to be coordinated with maidr's navigation.
Reference
- chart2music React docs mentioning Victory: https://www.chart2music.com/docs/API/React/
- Victory: https://commerce.nearform.com/open-source/victory/