Skip to content

Instantly share code, notes, and snippets.

@gerryster
Created December 8, 2012 23:13
Show Gist options
  • Save gerryster/4242467 to your computer and use it in GitHub Desktop.
Save gerryster/4242467 to your computer and use it in GitHub Desktop.
US State Map using the GeoChart from the Google Chart Tools
// GeoChart from https://google-developers.appspot.com/chart/interactive/docs/gallery/geochart
// Try out by pasting code into: https://code.google.com/apis/ajax/playground/?type=visualization#geo_chart
function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['State', 'Foo Factor'],
['US-IL', 200],
['US-IN', 300],
['US-IA', 20],
['US-RI', 150]
]);
var geochart = new google.visualization.GeoChart(
document.getElementById('visualization'));
geochart.draw(data, {width: 556, height: 347, region: "US", resolution: "provinces"});
}
@Salesforce-Techie
Copy link

Is it possible to show the GeoChart on districts level for United State atleast.

Thanks & Regards,
Shrikant

@soynog
Copy link

soynog commented Nov 30, 2017

Is there a solution to this, or is it not possible with google charts? Would be really useful to be able to show a zoomed in map of one state...

@soynog
Copy link

soynog commented Nov 30, 2017

Ooh, just got it to work, with the following options:

dataMode: 'markers',
resolution: 'provinces',
region: 'US-FL'

@bluevisor
Copy link

bluevisor commented Mar 7, 2020

The list provided by doxtad also works with state names, which I think is easier to read when hovering:

['State', 'Stats'],
['Alabama', ],
['Alaska', ],
['Arizona', ],
['Arkansas', ],
['California', ],
['Colorado', ],
['Connecticut', ],
['Delaware', ],
['Florida', ],
['Georgia', ],
['Hawaii', ],
['Idaho', ],
['Illinois', ],
['Indiana', ],
['Iowa', ],
['Kansas', ],
['Kentucky', ],
['Louisiana', ],
['Maine', ],
['Maryland', ],
['Massachusetts', ],
['Michigan', ],
['Minnesota', ],
['Mississippi', ],
['Missouri', ],
['Montana', ],
['Nebraska', ],
['Nevada', ],
['New Hampshire', ],
['New Jersey', ],
['New Mexico', ],
['New York', ],
['North Carolina', ],
['North Dakota', ],
['Ohio', ],
['Oklahoma', ],
['Oregon', ],
['Pennsylvania', ],
['Rhode Island', ],
['South Carolina', ],
['South Dakota', ],
['Tennessee', ],
['Texas', ],
['Utah', ],
['Vermont', ],
['Virginia', ],
['Washington', ],
['West Virginia', ],
['Wisconsin', ],
['Wyoming', ]

is there a way to spell out DC? I tried Washington DC and Washington D.C., didn't work.

@mrbrianevans
Copy link

If you do resolution: "metros" in options it divides each state into districts.
The only thing I can't find is a list of the name of the districts that are recognized by Google Charts. If anyone can find this it would be very helpful! Ideally, I would like to use county names

@mdesoto
Copy link

mdesoto commented Mar 16, 2024

If you do resolution: "metros" in options it divides each state into districts. The only thing I can't find is a list of the name of the districts that are recognized by Google Charts. If anyone can find this it would be very helpful! Ideally, I would like to use county names

Check out what I found about metros: google/google-visualization-issues#938 (comment).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment