// Here is the corrected code for the next to last example at plot.ly/javascript/choropleth-maps/
// The existing code example makes the wrong assumptions about the names for columns of the data file.
// The following code corrects the names of the header columns.
// I’m a currently available as a remote python, javascript and reactjs developer . MikeSeiler@aol.com
Plotly.d3.csv(‘https://raw.githubusercontent.com/plotly/datasets/master/2014_usa_states.csv’, function(err, rows){
function unpack(rows, key) {
return rows.map(function(row) { return row[key]; });
}
console.log(unpack(rows, ‘Postal’));
var data = [{
type: ‘choropleth’,
locationmode: ‘USA-states’,
locations: unpack(rows, ‘Postal’),
z: unpack(rows, ‘Population’),
text: unpack(rows, ‘State’),
autocolorscale: true
}];
console.log(data.locations);
var layout = {
title: ‘2014 US Popultaion by State’,
geo:{
scope: ‘usa’,
countrycolor: ‘rgb(255, 255, 255)’,
showland: true,
landcolor: ‘rgb(217, 217, 217)’,
showlakes: true,
lakecolor: ‘rgb(255, 255, 255)’,
subunitcolor: ‘rgb(255, 255, 255)’,
lonaxis: {},
lataxis: {}
}
};
Plotly.plot(myDiv, data, layout, {showLink: false});
});