📊 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.

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. Long-pressing the chart buttons causes the data to be reversed. 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 alternate the chart between light mode, dark mode, and system mode by pressing the "sun" button.

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.

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

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

Barometer Tracker:
https://llamalab.com/automate/community/flows/48432

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

Network Connection Tracker:
https://llamalab.com/automate/community/flows/49490

Network Usage Tracker:
https://llamalab.com/automate/community/flows/47368

Notification Tracker:
https://llamalab.com/automate/community/flows/49975

Wi-Fi Connection Tracker:
https://llamalab.com/automate/community/flows/49490

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

Screen Time & Lock Tracker:
https://llamalab.com/automate/community/flows/48237

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