Feature: add a visual analytics page

[kclejeune]

It's a bit of a pipe dream, but it would be pretty cool to have a page to generate graphs.

Ideally this should be implemented via a module system to make it easy to add other regularly polled data sources and generate graphs in a consistent format.

Initial ideas include:

• Internet speed vs time
• Network signal SNR/RSRP vs time

[highvolt-dev]

Threw this together as a very basic proof of concept of live stat visualization with T-Mobile Home Internet's Nokia 5G Gateway:

https://github.com/highvolt-dev/tmo-live-graph/

It uses https://github.com/recharts/recharts (d3 based react components) so not 100% ready to incorporate into svelte projects.

• https://github.com/himynameisdave/svelte-frappe-charts
• https://github.com/carbon-design-system/carbon-charts/tree/master/packages/svelte
• https://github.com/Rich-Harris/pancake
• https://github.com/mhkeller/layercake

All seem like great svelte options.

[kclejeune]

Threw this together as a very basic proof of concept of live stat visualization with T-Mobile Home Internet's Nokia 5G Gateway:

https://github.com/highvolt-dev/tmo-live-graph/

It uses https://github.com/recharts/recharts (d3 based react components) so not 100% ready to incorporate into svelte projects.

• https://github.com/himynameisdave/svelte-frappe-charts

• https://github.com/carbon-design-system/carbon-charts/tree/master/packages/svelte

• https://github.com/Rich-Harris/pancake

• https://github.com/mhkeller/layercake

All seem like great svelte options.

Looks great! I've used vanilla charts.js for this sort of thing in the past, and I suspect it would work out nicely here (since svelte is just a small layer on top of standard js+html+css).

I'm a bit busy with school work but the next time I can catch a break I'll start working on this + the other issues. Thanks!