Steve's public fiddles
-
Sparklines
How to make sparklines in highcharts. Essentially a sparkline is no different than any other highchart, just with all the stuff removed.
-
clickable table demo
dig into a chart and back out again.
-
CUSUM - 10 Year Data, 1 Year Intervals
jQuery 1.9.1, HTML, CSS, JavaScript
-
CUSUM - 3 Year Data, 1 Year Intervals
jQuery 1.9.1, HTML, CSS, JavaScript
-
CUSUM - 2 Year Data, 1 Month Intervals
jQuery 1.9.1, HTML, CSS, JavaScript
-
CUSUM - 1 Year Data, 1 Month Intervals
jQuery 1.9.1, HTML, CSS, JavaScript
-
CUSUM - 8 Month Data, 1 Month Intervals
jQuery 1.9.1, HTML, CSS, JavaScript
-
CUSUM - 6 Month Data, 1 Week Intervals
jQuery 1.9.1, HTML, CSS, JavaScript
-
CUSUM - 4 Month Data, 1 Week Intervals
jQuery 1.9.1, HTML, CSS, JavaScript
-
CUSUM - 3 Month Data, 1 Week Intervals
jQuery 1.9.1, HTML, CSS, JavaScript
-
CUSUM - 2 Month Data, 1 Day Intervals
jQuery 1.9.1, HTML, CSS, JavaScript
-
CUSUM: 1 days data, 1 hr int
First-stab at making a pulse-energy style baseline chart. Data for one day.
-
Cumulative Savings with light deviation in bg
Show the +/-
-
Pulse Energy - 15m base w/highlighting
Baseline/Actual on top, +/- and cumulative savings on the bottom
-
New Gauge Type
jQuery 2.2.4, HTML, CSS, JavaScript
-
New Gauge Type
jQuery 2.2.4, HTML, CSS, JavaScript
-
Mode Visualization
For switching between various mode types.
-
Plant WCAH Chart
Graphings the WCAHSCD value and highlighting when the WCAH unit changes.
-
Pulse Baseline Deviation Chart 3
As side-by-side charts to allow the user to easily see the degree of difference between intervals.
-
Pulse Baseline Deviation Chart 2
Pulse chart using a fixed baseline. Alternative using a single axis with both values converted to a directly comparable unit. http://www.perceptualedge.com/articles/visual_business_intelligence/dual-scaled_axes.pdf