Scatter Plots

JavaScript scatter plot (also known as a scatter chart or scatter diagram) is a simple chart type that displays data points plotted using two values (x-axis and y-axis values define a given data point). Scatter plots are rendered with SVG and support advanced tooltips and data labels which display x values and y values with custom formatting options. Zooming and panning is built-in and demonstrated in the scatter chart examples below. When zooming, the JSCharting JavaScript library automatically animates transitions. Data is easily supplied from your own database, HTML or raw JSON. Plot trend lines, custom background-color, data point colors by series, axis markers, negative axis and much more with no CSS editing required. JSCharting provides the most comprehensive scatter charts plus highly tuned example charts with source code, so you can hit the ground running.