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:
- Go to http://sensors.fonts.cat/wizard/
- Choose a widget from the left menu.
- Configure it instantly with the "Widget Configuration" form.
4. See the result in the "Widget View" panel. 4. Embed the widget in any web page grabbing the code snippets from the "Take Away" panel.
- Install node and npm. See instructions:
- 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).
Simply use the "publish" grunt task:
grunt publish
This will push an optimized version of the library along with examples and documentation.
Just push the changes. GitHub will automatically trigger a build on readthedocs.
| 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 |