FLUTTER ECOSYSTEM

entronad/graphic

데이터 시각화의 문법과 Flutter 차트 라이브러리입니다.

그래픽 프로젝트 이미지
Stars
1.8천
Forks
185
최근 푸시(UTC)
2026. 2. 25.
프로젝트 상태
활성
LIN Chen GitHub avatar
GITHUB User

LIN Chen ↗

Data visualization

Nanjing, China
언어DartC++CMakePythonHTMLCSwiftKotlinObjective-C

기술 주제

이 저장소가 배포한 패키지

사용 중인 의존성

의존성 목록 6 개

순위

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

README 펼치기 / 접기

Graphic

https://img.shields.io/pub/v/graphic.svg

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.

Skill for AI coding

Add the following skill, and your coding agent will be an expert of charting with this library:

npx skills add https://github.com/entronad/graphic --skill flutter-chart

Or you can find the skill in /skills/flutter-chart of this repository.

Documentation

See in the documentation.

(But in fact, I would prefer you to use the skill above for your coding agent.)

Examples

Example of charts can be seen in the Example App. Please clone this repository and run the example project in example directory.

https://github.com/entronad/graphic/raw/main/devdoc/animation1.gif https://github.com/entronad/graphic/raw/main/devdoc/animation2.gif https://github.com/entronad/graphic/raw/main/devdoc/animation3.gif https://github.com/entronad/graphic/raw/main/devdoc/animation4.gif https://github.com/entronad/graphic/raw/main/devdoc/signal_channel.gif https://github.com/entronad/graphic/raw/main/devdoc/selection_channel.gif

examples

Tutorials

The Versatility of the Grammar of Graphics

How to Build Interactive Charts in Flutter

Share this Lib

Twitter HackerNews Reddit

License

Graphic is MIT License.

Keep Informed

Twitter

Medium

Zhihu

Thanks for reading.