Sensor Widgets

Configurable graphical components for your SOS sensor data.

100% Javascript. Extensible. MIT licensed.

• Demo & samples: http://sensors.fonts.cat/
• Documentation: http://sensor-widgets.readthedocs.org/en/latest/
• Configure your own widget:
  1. Go to http://sensors.fonts.cat/wizard/
  2. Choose a widget from the left menu.
  3. Configure it instantly with the "Widget Configuration" form.
  4. See the result in the "Widget View" panel.
  5. Embed the widget in any web page grabbing the code snippets from the "Take Away" panel.

Building

• Install node and npm. See instructions:
  • Mac & Windows: http://nodejs.org/download/
  • Debian & Ubuntu: https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager#debian-and-ubuntu-based-linux-distributions
• Install grunt-cli. For example: sudo npm install -g grunt-cli.
• Get the project's npm deps (such as grunt) running npm install.
• Build the project running grunt build.
• Run a server with livereload using grunt (default task).

Updating gh-pages (demo site)

Simply use the "publish" grunt task:

grunt publish

This will push an optimized version of the library along with examples and documentation.

Updating documentation

Just push the changes. GitHub will automatically trigger a build on readthedocs.

Available widgets

Name	Library & dependencies	Represented concept	Candidate properties
Compass	(SVG + JS)	Instant angle	Wind direction
Gauge	(SVG + JS)	Percentage	Relative humidity
jqGrid	jqGrid	Any measurement	Any value
Map	Leaflet	Geographic Features	Features of Interest
Panel	(HTML + bootstrap-CSS)	Instant quantities	Any collection
Progressbar	(HTML + CSS)	Instant quantity	Pressure, wind speed, solar radiation, etc.
Status	(HTML + bootstrap-CSS)	All measurements	All values
Table	(HTML + bootstrap-CSS)	Any measurement	Any value
Thermometer	(SVG + JS)	Temperature	Temperature
Timechart	Flot Charts	Time series	Any numeric quantity
Windrose	Highcharts (not free!)	Accumulated angular	Wind direction stats