google Scatter Chart

A scatter plot (also called a scatter graph, scatter chart, scattergram, or scatter diagram) is a type of plot or mathematical diagram using Cartesian coordinates to display values for typically two variables for a set of data. If the points are color-coded you can increase the number of displayed variables to three. The data is displayed as a collection of points, each having the value of one variable determining the position on the horizontal axis and the value of the other variable determining the position on the vertical axis.

Scatter Chart

Scatter charts plot points on a graph. When the user hovers over the points, tooltips are displayed with more information. google scatter charts are rendered within the browser using SVG or VML depending on browser capabilities.

Scatter Diff Chart

To demonstrate the diff scatter chart, let's consider a pair of experiments, each comparing two medicines. Here are the results from the two experiments, and the resulting diff chart.

Scatter Material Chart

Creating a Material Scatter Chart is similar to creating what we'll now call a "Classic" Scatter Chart. You load the google Visualization API (although with the 'scatter' package instead of the 'corechart' package), define your datatable, and then create an object (but of class google.charts.Scatter instead of google.visualization.ScatterChart).

Material Scatter Charts have many small improvements over Classic Scatter Charts, including variable opacity for legibility of overlapping points, an improved color palette, clearer label formatting, tighter default spacing, softer gridlines and titles (and the addition of subtitles).

Point Interval Chart

Point intervals display interval data as small circles. The point size can be controlled with the intervals.pointSize option. Here, it's 10.

Theme Customizer

Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options



Buy Now