Two projects here:
- Purp: Simple visualizer of PurpleAir data.
- PurpMap: Visualizer for PurpleAir changes over time on a map
Written because I wanted to easily visualize multiple sensors on one, bookmarkable page.
And I wanted to learn Vue.js :)
To configure which sensors you want to see, add
?show=sensor1,sensor2...
to the parameters.
If you want to access private sensors, just add
&key=key1,key2...
to your url.
Note, if some of your sensors don't need a key, use empty field between commas (but commas are needed).
For example, if sensor1
and sensor3
need a key, but sensor2
does not,
use
index.html?show=sensor1,sensor2,sensor3&key=key1,,key3
Showing 4 sensors from various places in USA:
https://s3-us-west-1.amazonaws.com/marcin-pub/purp/index.html?show=15123,66673,34131,36597
This is a followup project, written as I wanted to see how air quality changes on the map
Hosted version: https://s3-us-west-1.amazonaws.com/marcin-pub/purp/purp-map.html
Example animation: