📊 Chart.js Builder 📈

1. Automate Community
2. Productivity

A full-featured, customizable chart builder based on Chart.js. Given some settings and data, this flow builds a complete web page user experience which charts your data. Now with dark mode!

The charting parts of this flow are the 15 blocks comprised of the subroutine starting at block 358, and the end of the flow starting at block 610. The rest are sample charts you can use to get started with your own charts.

The flow builds Line, Bar, Pie, Doughnut, Polar Area, Radar, Scatter, and Bubble charts, with buttons generated to switch chart types depending on your data. Tapping repeatedly on the Line or Bar chart buttons also switches between vertical and horizontal orientation if the data supports it. You can tap on individual datapoints to see a popup with details, and tapping on the dataset name buttons in the chart legend adds and removes datasets from the chart.

You can also show your data within an animated sliding window, with buttons for sliding one page over and jumping to either end. Long-pressing the Forward and Back buttons moves the window by one data point or half the window size. If you set your chart to have a selectable window size, long-pressing that button causes the sizes to be rotated in reverse. Your display preferences are saved if you press OK to close the chart, and can be cleared by tapping the gear button. See the Documentation flow for complete details.

Several flows are provided here as examples for charting your own data. See the Documentation flow for details.

Note that due to a limitation of Automate, the flow editor may crash while editing this flow but restarts normally. Crashes occur when opening a block after editing or moving several blocks. Increasing the Automate 'Stack size' setting may help.

Screen shots:
https://drive.google.com/drive/folders/1ZL4WD9fYV40rSApXE3sCOFJ7WD_Jh7m8

Also see:
https://www.chartjs.org

Blood Pressure Tracker:
https://llamalab.com/automate/community/flows/46031

Personal Activity Tracker:
https://llamalab.com/automate/community/flows/41569

Sleep Tracker:
https://llamalab.com/automate/community/flows/41570

Speed Tracker:
https://llamalab.com/automate/community/flows/45091

Step Tracker:
https://llamalab.com/automate/community/flows/41571

Weight Tracker:
https://llamalab.com/automate/community/flows/46030

Health Tracker Suite:
https://llamalab.com/automate/community/flows/46029