Skip to main content

Scatter Plots

JavaScript Chart Types

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.

Dot plot histogram chart.
Scatter chart.
Scatter chart with multiple series.
Scatter chart with smartPalette axis line.
A scatter chart with average lines.
A scatter chart with overlapping area and line series.
A quadrant scatter chart type.
Scatter chart with multiple series and axis markers.
A scatter line chart.