steveio steveio

Dynamically updating websocket based barometer radial gauge showing current and (3hour simple moving average) air pressure captured via an Arduino weather station project.

A nodeJS websocket implementation ( https://github.com/steveio/mqttWebSocket/blob/master/mqttWebsocket.js ) middleware processes JSON format data messages from an MQTT mosquito server, relaying these to browser over a Websocket connection.

Adapted from: https://github.com/stherrienaspnet/D3-Radial-Gauge

D£.js Radial Liquid Fill Gauge Adapted from: http://bl.ocks.org/brattonc/5e5ce9beee483220e2f6

Modifications:

Websocket client dynamic chart updater
Color gradient mapped to value
Configurable width / height

ts	tempC	tempF	humidity	LDR
1582636955	19.00	66.20	57.00	151
1582636965	19.00	66.20	57.00	137
1582636975	19.00	66.20	57.00	162
1582636985	19.00	66.20	57.00	129
1582636995	19.00	66.20	57.00	129
1582637005	19.00	66.20	57.00	125
1582637015	19.00	66.20	57.00	138
1582637025	19.00	66.20	57.00	150
1582637035	19.11	66.39	57.00	170

	<!-- adapted from http://bl.ocks.org/tomgp/6475678 -->
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	body {
	background: #000000;
	}

	svg{

	<!-- adapted from http://bl.ocks.org/tomgp/6475678 -->
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	body {
	background: #000000;
	}

	svg{

	<!-- adapted from http://bl.ocks.org/tomgp/6475678 -->
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	body {
	background: #000000;
	}

	svg{

	<!-- adapted from http://bl.ocks.org/tomgp/6475678 -->
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	body {
	background: #000000;
	}

	svg{