Our previous example was very fascinating. We went from visualizing a map in two dimensions to three dimensions with just a few lines. The next step is to animate it. For this experiment, open http://localhost:8080/chapter-5/example-5.html in the code samples. Let's now piece it together.
First, we’ll load the world data and reformat it from TopoJSON to GeoJSON:
d3.json('world.json').then(function(data) {
var countries = topojson.feature(data, data.objects.countries);
var mexico = countries.features[102];
As Mexico is the center of the universe and requires special attention, we isolated it into its own variable by taking the corresponding feature from the countries' feature array. This will allow us to manipulate it separately from the rest of the globe.
Next, we will data join the information...
