https://github.com/entronad/graphic

A grammar of data visualization and Flutter charting library.
https://github.com/entronad/graphic

chart charting-library charts dart dartlang data-visualization flutter flutter-package flutter-widget graph graphic visualization

Last synced: 13 days ago
JSON representation

A grammar of data visualization and Flutter charting library.

• Host: GitHub
• URL: https://github.com/entronad/graphic
• Owner: entronad
• License: mit
• Created: 2020-02-22T08:36:12.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2025-01-23T02:21:18.000Z (3 months ago)
• Last Synced: 2025-04-03T09:45:05.319Z (20 days ago)
• Topics: chart, charting-library, charts, dart, dartlang, data-visualization, flutter, flutter-package, flutter-widget, graph, graphic, visualization
• Language: Dart
• Homepage: https://pub.dev/packages/graphic
• Size: 6.67 MB
• Stars: 1,675
• Watchers: 21
• Forks: 184
• Open Issues: 82
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Graphic











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](https://pub.dev/documentation/graphic/latest/graphic/graphic-library.html).

## Examples

Example of charts can be seen in the [Example App](https://github.com/entronad/graphic/tree/main/example). Please clone this repository and run the example project in example directory.

















![examples](https://github.com/entronad/graphic/raw/main/devdoc/examples.jpg)

## Tutorials

[The Versatility of the Grammar of Graphics](https://medium.com/@entronad/the-versatility-of-the-grammar-of-graphics-d1366760424d)

[How to Build Interactive Charts in Flutter](https://medium.com/@entronad/how-to-build-interactive-charts-in-flutter-e317492d5ba1)

## Share this Lib

[![Twitter](https://img.shields.io/badge/share%20on-twitter-03A9F4?style=flat-square&logo=twitter)](https://twitter.com/share?url=https://github.com/entronad/graphic&text=Graphic:%20A%20grammar%20of%20data%20visualization%20and%20Flutter%20charting%20library.)

[![HackerNews](https://img.shields.io/badge/share%20on-hacker%20news-orange?style=flat-square&logo=ycombinator)](https://news.ycombinator.com/submitlink?u=https://github.com/entronad/graphic)

[![Reddit](https://img.shields.io/badge/share%20on-reddit-red?style=flat-square&logo=reddit)](https://reddit.com/submit?url=https://github.com/Kanaries/pygwalker&title=Graphic:%20A%20grammar%20of%20data%20visualization%20and%20Flutter%20charting%20library.)

## License

Graphic is [MIT License](https://github.com/entronad/graphic/blob/main/LICENSE).

## Keep Informed

[Twitter](https://twitter.com/entronad_viz)

[Medium](https://medium.com/@entronad)

[Zhihu](https://www.zhihu.com/people/entronad)

Thanks for reading.