leonardo-module-vis-quantitative 0.0.1

Quantitative visualization module

General chart theory

• Battle of the Charts: Why Cartesian Wins Against Radial http://blog.visual.ly/cartesian-vs-radial-charts/

Available widgets

Angular Gauge

• http://bl.ocks.org/tomerd/1499279

• google style gauges using javascript d3.js

Doughnut chart

• http://d3pie.org/

Time table

• Simple tables in D3 http://bl.ocks.org/gka/17ee676dc59aa752b4e6

Isotype

• bl.ocks: Pictogram grid in d3js http://bl.ocks.org/alansmithy/d832fc03f6e6a91e99f4

• bl.ocks: d3.layout.colgrid http://bl.ocks.org/giuliano108/7482331

• bl.ocks: Grid layout http://bl.ocks.org/herrstucki/5684816

Liquid fill gauge

• D3 Liquid Fill Gauge http://bl.ocks.org/brattonc/5e5ce9beee483220e2f6

Rose chart

• Nightingale’s Rose + D3.js http://bl.ocks.org/kgryte/5926740

Radial bar chart

• Visualisation of domestic energy consumption http://prcweb.co.uk/lab/energy/

Radial progress bar

• http://pablomolnar.github.io/radial-progress-chart/

Metric dissected

support_prd.graphite-stg-mtr01_iot_tcpcloud_eu.load.short_term|Passages|PI01|gauge|0.2|0.5|0.1|200