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
Solid
Gradient

Solid

Gradient

Buy Now