{"id":13380262,"url":"https://github.com/RCHowell/Flutter-Plot","last_synced_at":"2025-03-13T07:32:59.306Z","repository":{"id":53070987,"uuid":"126403245","full_name":"RCHowell/Flutter-Plot","owner":"RCHowell","description":"A pretty plotting package for Flutter apps","archived":false,"fork":false,"pushed_at":"2021-04-08T02:51:07.000Z","size":3146,"stargazers_count":48,"open_issues_count":0,"forks_count":8,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-05-20T22:46:08.304Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://pub.dartlang.org/packages/flutter_plot#-readme-tab-","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RCHowell.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}},"created_at":"2018-03-22T22:40:23.000Z","updated_at":"2023-12-29T05:05:01.000Z","dependencies_parsed_at":"2022-08-30T18:11:38.407Z","dependency_job_id":null,"html_url":"https://github.com/RCHowell/Flutter-Plot","commit_stats":null,"previous_names":["rchowell/flutter_plot"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RCHowell%2FFlutter-Plot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RCHowell%2FFlutter-Plot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RCHowell%2FFlutter-Plot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RCHowell%2FFlutter-Plot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RCHowell","download_url":"https://codeload.github.com/RCHowell/Flutter-Plot/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243361439,"owners_count":20278574,"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":[],"created_at":"2024-07-30T09:00:25.864Z","updated_at":"2025-03-13T07:32:57.823Z","avatar_url":"https://github.com/RCHowell.png","language":"Dart","funding_links":[],"categories":["Components"],"sub_categories":["Map","Charts"],"readme":"# flutter_plot\nR. C. Howell - 2018\n\nA pretty plotting package for Flutter apps. Sizing and autopadding isn't great right now, but tinkering with padding and fontSize will allow for you to align things well. You can also check out `/docs` to learn more, but it really is a single file package.\n\n## Example 1\n\n![Screenshot](https://i.imgur.com/17QwWzg.png)\n\nThis example is more complicated than typical because it's showing off the styling capability.\n\n```\nfinal List\u003cPoint\u003e data = [\n  const Point(21.0, 19.0),\n  const Point(3.0, 7.0),\n  const Point(8.0, 9.0),\n  const Point(11.0, 14.0),\n  const Point(18.0, 17.0),\n  const Point(7.0, 8.0),\n  const Point(-4.0, -4.0),\n  const Point(6.0, 12.0),\n];\n\nnew Card(\n  child: new Column(\n    children: \u003cWidget\u003e[\n      new Container(\n        padding: const EdgeInsets.only(top: 12.0),\n        child: new Text('Super Neat Plot'),\n      ),\n      new Container(\n        child: new Plot(\n          height: 200.0,\n          data: widget.data,\n          gridSize: new Offset(2.0, 2.0),\n          style: new PlotStyle(\n            pointRadius: 3.0,\n            outlineRadius: 1.0,\n            primary: Colors.white,\n            secondary: Colors.orange,\n            textStyle: new TextStyle(\n              fontSize: 8.0,\n              color: Colors.blueGrey,\n            ),\n            axis: Colors.blueGrey[600],\n            gridline: Colors.blueGrey[100],\n          ),\n          padding: const EdgeInsets.fromLTRB(40.0, 12.0, 12.0, 40.0),\n          xTitle: 'My X Title',\n          yTitle: 'My Y Title',\n          ),\n      ),\n    ],\n  ),\n),\n```\n\n## Example 2\n\n![Screenshot 2](https://i.imgur.com/yPUG61p.png)\n\n```\n// Using the same data as before\n\nPlot simplePlot = new Plot(\n  height: 200.0,\n  data: widget.data,\n  gridSize: new Offset(2.0, 2.0),\n  style: new PlotStyle(\n    primary: Colors.black,\n    textStyle: new TextStyle(\n      fontSize: 8.0,\n      color: Colors.blueGrey,\n    ),\n    axis: Colors.blueGrey[600],\n  ),\n  padding: const EdgeInsets.fromLTRB(40.0, 12.0, 12.0, 40.0),\n);\n```\n## Displaying trace lines and coordinates\n\n![Screenshot 4](https://i.imgur.com/DfEMb1Im.jpg)\n![Screenshot 5](https://i.imgur.com/RkIYTycm.jpg)\n![Screenshot 6](https://i.imgur.com/5M9h5zpm.jpg)\n\n```\nfinal List\u003cPoint\u003e data = [\n  const Point(9, 1),\n  const Point(-7.0, 19.0),\n  const Point(13.0, 5.0),\n  const Point(-10.0, -4.0),\n  const Point(16.0, 12.0),\n];\n\nnew Card(\n  child: new Column(\n    children: \u003cWidget\u003e[\n      new Container(\n        padding: const EdgeInsets.only(top: 12.0),\n        child: new Text('Super Neat Plot'),\n      ),\n      new Container(\n        child: new Plot(\n          height: 200.0,\n          data: widget.data,\n          gridSize: new Offset(2.0, 2.0),\n          style: new PlotStyle(\n            axisStrokeWidth: 2.0,\n            pointRadius: 3.0,\n            outlineRadius: 1.0,\n            primary: Colors.yellow,\n            secondary: Colors.red,\n            trace: true,\n            traceStokeWidth: 3.0,\n            traceColor: Colors.blueGrey,\n            traceClose: true,\n            showCoordinates: true,\n            textStyle: new TextStyle(\n              fontSize: 8.0,\n              color: Colors.grey,\n            ),\n            axis: Colors.blueGrey[600],\n            gridline: Colors.blueGrey[100],\n          ),\n            axis: Colors.blueGrey[600],\n            gridline: Colors.blueGrey[100],\n          ),\n          padding: const EdgeInsets.fromLTRB(40.0, 12.0, 12.0, 40.0),\n          xTitle: 'My X Title',\n          yTitle: 'My Y Title',\n          ),\n      ),\n    ],\n  ),\n),\n```\n\n## How to Use\n1. Add as a dependency\n2. `import 'package:flutter_plot/flutter_plot.dart';`\n3. See examples! There's not much to this package yet!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRCHowell%2FFlutter-Plot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FRCHowell%2FFlutter-Plot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRCHowell%2FFlutter-Plot/lists"}