Pulse chart using a fixed baseline
Show the +/-
By using a fixed baseline value, a user can more easily identify the difference between Setpoint and Actual.
using percentage-based SVGs instead of absolute value SVG.
jQuery 1.9.1, HTML, CSS, JavaScript
Efficiency sans color and a fixed baseline value.
No-Library (pure JS), HTML, CSS, JavaScript
Baseline/Actual on top, +/- and cumulative savings on the bottom. Baseline is represented as a black bar that the actual may intersect.
Baseline/Actual on top, +/- and cumulative savings on the bottom, shading the area between the line charts
Baseline/Actual on top, +/- and cumulative savings on the bottom
Mixing line charts with over/under chart, with cumulative savings (separated onto its own chart)
Mixing line charts with over/under chart, with cumulative savings
Mixing line charts with over/under chart
Using line charts
First-stab at making a pulse-energy style baseline chart. Data for one week with Negative data.
First-stab at making a pulse-energy style baseline chart. Data for one day.
First-stab at making a pulse-energy style baseline chart. Data for one year.