Tag Archive: google maps api

Mapping the news: Libya and Japan

The past several weeks have been full of foreign news, and we have been producing lots of graphics to explain what’s happening. I have worked on these two graphics, one about the earthquake and subsequent tsunami in Japan, and one that explains what is going on in Libya.

For a full explanation of the process of creating the Japan graphic, visit the new Innovations blog at the WP (excerpted below):

Friday morning, as news of the earthquake in Japan spread, we started pulling together an interactive map that would show readers where and how events unfolded. Over the next 36 hours, we would continually expand and improve the information, design and interactivity of the map as the news of the earthquake and tsunami came in. Read more »

For Libya, we combined an event tracker with audio and video from the ground. The reports from correspondents on the ground is my favorite part.

Both graphics are done using javascript and jquery, so check them out on your tablet devices!

Arbor Day Trees Map

We published this graphic for Arbor Day, which was on April 30. It takes a look at all the trees that have been planted by the non-profit organization Casey Trees since 2003. They’ve planted thousands of trees in order to try to increase D.C.’s “urban canopy.” You can use this tool to see where they’ve planted trees in your neighborhood and what kind they are.

Redbud Trees in DC

From a technical standpoint, this project was really interesting. It was executed in about two days, so it was a really quick turnaround, considering I haven’t done extensive development with the google maps api. Nathaniel and Gene worked up some cool custom tiles, and I designed and programmed a lot of it, and fit all the pieces together. Keep reading this post ยป