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.

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.

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 intervals display interval data as small circles. The point size can be controlled with the intervals.pointSize option. Here, it's 10.