Awesome
Graphic
<p align="left"> <a href="https://pub.dev/packages/graphic"> <img src="https://img.shields.io/pub/v/graphic.svg" /> </a> </p> Graphic is a grammar of data visualization and Flutter charting library.- Flexible declarative grammar: This visualization grammar derives from Leland Wilkinson's The Grammar of Graphics, and tries to balance between theoretical beauty and practicability. Data processing steps and mark shapes can be composed freely in a declarative specification, not limited to certain chart types. And shape draw methods are customizable.
- Interaction: With the event and selection definition, the chart is highly interactive, such as highlighting selected items, popping a tooltip, or scaling the coordinate.
- Animation: Mark transition animation can be set when a chart is built or changed. The entrance animation has various forms.
Documentation
See in the documentation.
Examples
Example of charts can be seen in the Example App. Please clone this repository and run the example project in example directory.
<div align="center"> <img src="https://github.com/entronad/graphic/raw/main/devdoc/animation1.gif" width="40%" height="40%" /> <img src="https://github.com/entronad/graphic/raw/main/devdoc/animation2.gif" width="40%" height="40%" /> <img src="https://github.com/entronad/graphic/raw/main/devdoc/animation3.gif" width="40%" height="40%" /> <img src="https://github.com/entronad/graphic/raw/main/devdoc/animation4.gif" width="40%" height="40%" /> <img src="https://github.com/entronad/graphic/raw/main/devdoc/signal_channel.gif" width="40%" height="40%" /> <img src="https://github.com/entronad/graphic/raw/main/devdoc/selection_channel.gif" width="40%" height="40%" /> </div>
Tutorials
The Versatility of the Grammar of Graphics
How to Build Interactive Charts in Flutter
Share this Lib
License
Graphic is MIT License.
Keep Informed
Thanks for reading.