This project is a simple example for a web-based dashboard to visualize spatial and statistical data. It uses Nuxt.js as Framework and Highcharts to produce interactive and dynamic charts and maps. The data is pushed to the dashboard from an Apache Kafka topic via websocket.
I used this approach to visualize processing results from my project: spatio-temporal-autocorrelation-with-apache-flink
This dashboard comprises three charts:
- histogram with additional vertical line for an indicator value
- scatter plot with linear regression line
- map visualization of spatial data
The data is pushed to the charts via a websocket. In this example the websocket is configured to subscribe to a kafka topic.
Here you can see the dashboard visualizing the analysis results for a spatio-temporal autocorrelation index.
Requires Node.js v16 or higher.