HTML5 & JavaScript Scatter / Point Charts

Scatter charts represents data as a series of points with their axis co-ordinates determined by x and y value of data point. Sometimes it is also referred to as Scatter Plot or Point Chart. A marker is drawn at each point and its shape and size can be customized as required. It very useful in cases where you want to find out how data point density is distributed with varying x and y co-ordinates. Below are some examples of Scatter Charts that are based on HTML5 Canvas. Zooming & Panning is also supported. Examples include source code for all the graphs.

Click on any example below to see live demo