entronad/graphic

최근 기록된 소스 활동: 2026년 2월 25일 02:17

SkillsMP 카탈로그 업데이트: 2026년 11월 9일 14:22

수집된 skills: 1

GitHub 스타: 1,791
GitHub 포크: 185

AI 어시스턴트로 설치

이 프롬프트를 복사해 사용 중인 AI 어시스턴트에 입력하세요.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/entronad/graphic.

저장소 README

README 원본 파일: README.md

README 원본 보기

README 전체 펼치기

# 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. ## 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](https://pub.dev/documentation/graphic/latest/graphic/graphic-library.html). (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](https://github.com/entronad/graphic/tree/main/example). 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> ![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.

저장소 README를 불러오는 중…

이 저장소의 skills

소프트웨어 개발자

직업 카테고리 1개 · 100% 분류됨

skill

직업 분류

설명

업데이트

flutter-chart

소프트웨어 개발자

Guide users to build charts and data visualizations using the Graphic Flutter library. Use when users ask how to create charts, configure chart options, add interactivity, customize appearance, or need help with any aspect of the Graphic charting library.

원문 언어: 영어

2026-02-25

수집된 skill 1개 중 1개를 표시합니다.