Best way to displayed timestamped data

nsa0bupkd3948x · 10-03-2017 08:01PM #1

I am keeping track of a value that changes every 5 minutes. The database just contains a timestamp and a value.

I'm looking to a make a nice GUI on a website with some graphs/tables displaying the data.

Allowing end users to filter the data based on date, specific day of the week (e.g. display the mean of every Tuesdays values).

What would the best framework to do this be? I've experience with Python's Flask but it doesn't come with built in Graph support.

Decos · 10-03-2017 08:44PM

Take a look at Highcharts, the JavaScript charting framework

Talisman · 10-03-2017 11:03PM

To push real-time data from the server to the browser you can use server-sent events (SSE). Native browser support is non-existent in Internet Explorer but there is a polyfill available - EventSource.js.

There are plenty of tutorials online which will walk you through how to implement server-sent events in any web framework e.g. Flask snippet and Bottle example.

On the client side there are plenty of charting libraries available to choose from, have a look at each of them before deciding which best suits your use case.

C3.js - wrapper which simplifies the creation of D3 charts
Chart
D3.js
Flot
Plotly
RazorFlow
Taucharts
Vega
Zing - Like Highcharts, full use of the library is permitted with the inclusion of a watermark or it can be licensed.

Best way to displayed timestamped data

Comments