WebSockets & Vue

Clients connected: {{ numberOfClients }}

Data sent from WebSocket server every 3 seconds


Messaging

Send messages to everyone visiting the page:

Messages sent from everyone viewing this page:


OpenLayers map update position

Updates the icon on the map with generated LonLat:

Lon: {{position.lon}} / Lat: {{position.lat}}


Progress Bar

Value sent from WebSocket server

{{ progressValue }} / 100

ChartJs - Bar chart

Values updated from WebSocket server


ChartJs - Line chart

Values updated from WebSocket server