{"id":17991071,"url":"https://github.com/lempiy/flutter_graphite","last_synced_at":"2025-04-09T17:26:28.267Z","repository":{"id":42073505,"uuid":"280655573","full_name":"lempiy/flutter_graphite","owner":"lempiy","description":"Flutter widget to draw interactive direct graphs (flowcharts) of any complexity in a tile rectangular manner.","archived":false,"fork":false,"pushed_at":"2025-03-28T21:38:49.000Z","size":12953,"stargazers_count":178,"open_issues_count":6,"forks_count":34,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-02T15:09:02.851Z","etag":null,"topics":["arrows","flow","flowchart","flutter","graph","grid","widget"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lempiy.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-07-18T12:50:19.000Z","updated_at":"2025-03-28T21:37:27.000Z","dependencies_parsed_at":"2024-06-25T16:39:46.233Z","dependency_job_id":"e203d05a-ec45-4849-a4e9-025ea54007c3","html_url":"https://github.com/lempiy/flutter_graphite","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lempiy%2Fflutter_graphite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lempiy%2Fflutter_graphite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lempiy%2Fflutter_graphite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lempiy%2Fflutter_graphite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lempiy","download_url":"https://codeload.github.com/lempiy/flutter_graphite/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248076254,"owners_count":21043737,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["arrows","flow","flowchart","flutter","graph","grid","widget"],"created_at":"2024-10-29T19:20:00.576Z","updated_at":"2025-04-09T17:26:28.250Z","avatar_url":"https://github.com/lempiy.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Graphite\n\n[![Actions Status](https://github.com/lempiy/flutter_graphite/workflows/tests/badge.svg)](https://github.com/lempiy/flutter_graphite/actions)\n[![](https://img.shields.io/pub/v/graphite)](https://pub.dev/packages/graphite)\n[![](https://img.shields.io/badge/package-flutter-blue)](https://github.com/lempiy/flutter_graphite)\n[![](https://img.shields.io/github/license/lempiy/flutter_graphite)](https://github.com/lempiy/flutter_graphite)\n[![](https://img.shields.io/github/stars/lempiy/flutter_graphite)](https://github.com/lempiy/flutter_graphite)\n[![](https://img.shields.io/github/languages/code-size/lempiy/flutter_graphite)](https://github.com/lempiy/flutter_graphite)\n\n\n:arrow_right: :black_square_button: Flutter widget to draw direct graphs, trees, flowcharts in rectanglar manner.\n\n#### Support the author :yellow_heart: :blue_heart:\n\n\n[![](./image/cba.svg)](https://savelife.in.ua/en/donate-en/#donate-army-card-once)\n\n\nThe only reason why the latest release of Graphite become possible is because of __Armed Forces Of Ukraine__.\nUkrainian defenders are those who saved the author's life last spring and currently continue fighting \nwith absolute evil in my country. If you liked this lib and want to support future releases I would \nbe grateful for your donations to [Come Back Alive](https://savelife.in.ua/en/donate-en/#donate-army-card-once) Charity which directly supports UA Army with equipment. \n\nThank you.\n\n\n![vertical](./image/vertical.gif)  ![custom](./image/custom.gif)\n\n\n![flowchart](./image/flo.gif)\n\n\n![label](./image/leb.gif)\n\n\n![digimon](./image/dig.gif)\n\n\n\n## Example of usage:\n```dart\nimport 'package:flutter/material.dart';\nimport 'package:graphite/graphite.dart';\n\nvoid main() =\u003e runApp(MyApp());\nconst list = '['\n    '{\"id\":\"A\",\"next\":[{\"outcome\":\"B\"}]},'\n    '{\"id\":\"B\",\"next\":[{\"outcome\":\"C\"},{\"outcome\":\"D\"},{\"outcome\":\"E\"}]},'\n    '{\"id\":\"C\",\"next\":[{\"outcome\":\"F\"}]},'\n    '{\"id\":\"D\",\"next\":[{\"outcome\":\"J\"}]},{\"id\":\"E\",\"next\":[{\"outcome\":\"J\"}]},'\n    '{\"id\":\"J\",\"next\":[{\"outcome\":\"I\"}]},'\n    '{\"id\":\"I\",\"next\":[{\"outcome\":\"H\"}]},{\"id\":\"F\",\"next\":[{\"outcome\":\"K\"}]},'\n    '{\"id\":\"K\",\"next\":[{\"outcome\":\"L\"}]},'\n    '{\"id\":\"H\",\"next\":[{\"outcome\":\"L\"}]},{\"id\":\"L\",\"next\":[{\"outcome\":\"P\"}]},'\n    '{\"id\":\"P\",\"next\":[{\"outcome\":\"M\"},{\"outcome\":\"N\"}]},'\n    '{\"id\":\"M\",\"next\":[]},{\"id\":\"N\",\"next\":[]}'\n    ']';\n\nclass MyApp extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      title: 'Flutter Graphite',\n      theme: ThemeData(\n        primarySwatch: Colors.teal,\n      ),\n      home: MyHomePage(),\n    );\n  }\n}\n\nclass MyHomePage extends StatefulWidget {\n  MyHomePage({Key key}) : super(key: key);\n  @override\n  _MyHomePageState createState() =\u003e _MyHomePageState();\n}\n\nclass _MyHomePageState extends State\u003cMyHomePage\u003e {\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      body: InteractiveViewer(\n        constrained: false,\n        child: DirectGraph(\n          list: nodeInputFromJson(list),\n          defaultCellSize: const Size(100.0, 100.0),\n          cellPadding: const EdgeInsets.all(20),\n          orientation: MatrixOrientation.Vertical,\n       ),\n      )\n    );\n  }\n}\n```\n\n## Features\n* Nodes and edge gesture events.\n* Ability provide graph building direction (horizontal or vertical).\n* Ability to provide custom builder to node widget.\n* Ability to add overlays.\n* Ability to add edge text or `Widget` labels.\n* Ability to provide custom paint builder to graph edges.\n* Ability to customize arrows and lines.\n\n\n## License\n\nMIT © [lempiy](https://github.com/lempiy)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flempiy%2Fflutter_graphite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flempiy%2Fflutter_graphite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flempiy%2Fflutter_graphite/lists"}