Ooh…
Graphing with Google Charts
things
Jacob Maples
finds interesting
hosted on github
generated by jekyll
licensed by creative commons
Updated: 31 Jul 2015
Jump to examples:
Pie Chart
Scatter Chart
Histogram
Line Graph
Google Chart Gallery
Annotation Charts
Area Charts
Bar Charts
Bubble Charts
Calendar Charts
Candlestick Charts
Column Charts
Combo Charts
Diff Charts
Donut Charts
Gauge Charts
Geo Charts
Histograms
Intervals
Line Charts
Maps
Org Charts
Pie Charts
Sankey Diagrams
Scatter Charts
Stepped Area Charts
Table Charts
Timelines
Tree Map Charts
Trendlines
Waterfall Charts
Word Trees
Examples
Pie Chart
[["Task","Hours per Day"],["Work",11],["Eat",2],["Commute",2],["Watch TV",2],["Sleep",7]]
Data (JSON)
{"title":"Ooh... Pie!","slices":{"2":{"offset":0.1}}}
Options
(JSON)
Plot
Scatter Chart
[["Age","Weight"],[8,12],[4,5.5],[11,14],[4,5],[3,3.5],[6.5,7]]
Data (JSON)
{"chartArea":null, "title":"Age vs. Weight comparison","hAxis":{"title":"Age"},"vAxis":{"title":"Weight"},"legend":"none", "trendlines":{"0": {"type":"linear"}},"crosshair":{"trigger":"both"}}
Options
(JSON)
Plot
Histogram
[["Dinosaur","Length"],["Acrocanthosaurus (top-spined lizard)",12.2],["Albertosaurus (Alberta lizard)",9.1],["Allosaurus (other lizard)",12.2],["Apatosaurus (deceptive lizard)",22.9],["Archaeopteryx (ancient wing)",0.9],["Argentinosaurus (Argentina lizard)",36.6],["Baryonyx (heavy claws)",9.1],["Brachiosaurus (arm lizard)",30.5],["Ceratosaurus (horned lizard)",6.1],["Coelophysis (hollow form)",2.7],["Compsognathus (elegant jaw)",0.9],["Deinonychus (terrible claw)",2.7],["Diplodocus (double beam)",27.1],["Dromicelomimus (emu mimic)",3.4],["Gallimimus (fowl mimic)",5.5],["Mamenchisaurus (Mamenchi lizard)",21],["Megalosaurus (big lizard)",7.9],["Microvenator (small hunter)",1.2],["Ornithomimus (bird mimic)",4.6],["Oviraptor (egg robber)",1.5],["Plateosaurus (flat lizard)",7.9],["Sauronithoides (narrow-clawed lizard)",2],["Seismosaurus (tremor lizard)",45.7],["Spinosaurus (spiny lizard)",12.2],["Supersaurus (super lizard)",30.5],["Tyrannosaurus (tyrant lizard)",15.2],["Ultrasaurus (ultra lizard)",30.5],["Velociraptor (swift robber)",1.8]]
Data (JSON)
{"chartArea":null,"hAxis":{"title":"Length [m]"},"vAxis":{"title":"Dinosaurs"},"legend":{"position":"none"}}
Options
(JSON)
Plot
Line Graph
[["X","Dogs","Cats"],[0,0.0,0.0],[1,0.10,0.05],[2,0.23,0.15],[3,0.17,0.09],[4,0.18,0.10],[5,0.09,0.05],[6,0.11,0.03],[7,0.27,0.19],[8,0.33,0.25],[9,0.40,0.32],[10,0.32,0.24],[11,0.35,0.27],[12,0.30,0.22],[13,0.40,0.32],[14,0.42,0.34],[15,0.47,0.39],[16,0.44,0.36],[17,0.48,0.40],[18,0.52,0.44],[19,0.54,0.46],[20,0.42,0.34],[21,0.55,0.47],[22,0.56,0.48],[23,0.57,0.49],[24,0.60,0.52],[25,0.50,0.42],[26,0.52,0.44],[27,0.51,0.43],[28,0.49,0.41],[29,0.53,0.45],[30,0.55,0.47],[31,0.60,0.52],[32,0.61,0.53],[33,0.59,0.51],[34,0.62,0.54],[35,0.65,0.57],[36,0.62,0.54],[37,0.58,0.50],[38,0.55,0.47],[39,0.61,0.53],[40,0.64,0.56],[41,0.65,0.57],[42,0.63,0.55],[43,0.66,0.58],[44,0.67,0.59],[45,0.69,0.61],[46,0.69,0.61],[47,0.70,0.62],[48,0.72,0.64],[49,0.68,0.60],[50,0.66,0.58],[51,0.65,0.57],[52,0.67,0.59],[53,0.70,0.62],[54,0.71,0.63],[55,0.72,0.64],[56,0.73,0.65],[57,0.75,0.67],[58,0.70,0.62],[59,0.68,0.60],[60,0.64,0.56],[61,0.60,0.52],[62,0.65,0.57],[63,0.67,0.59],[64,0.68,0.60],[65,0.69,0.61],[66,0.70,0.62],[67,0.72,0.64],[68,0.75,0.67],[69,0.80,0.72]]
Data (JSON)
{"js":{"hline":[0.75]},"chartArea":null,"hAxis":{},"vAxis":{"title":"Popularity","format":"percent"},"crosshair":{"trigger":"both"},"explorer":{"axis":"horizontal","keepInBounds":true}}
Options
(JSON)
Plot