HTML5 & JavaScript Step Line Charts

Step Line Charts are similar to Line Charts except that the data points are connected using horizontal and vertical lines. These Charts are useful for in cases where you want to show data that changes value at discrete but non-uniform intervals of time. Below are some examples of Step Line charts based on HTML5 Canvas and JavaScript. Features like zooming, panning & dynamic updates are supported. Examples include source code for all the graphs.

Click on any example below to see live demo