These Simple Interactive News Maps Give Your Stories A Sense Of Place

The future of storytelling is interactivity, but most media companies don’t have the resources to assign programmers to every story. One company thinks they have a solution.

These Simple Interactive News Maps Give Your Stories A Sense Of Place
[Image via CartoDB]

Interactive maps can draw people into complicated stories in an easy-to-understand way, making them great traffic-earners for media sites. But building those maps often involves working with arcane geographical software and writing lots of JavaScript, making Internet cartography too difficult and time-consuming for many journalists and online storytellers.


The founders of Vizzuality, the company behind the cloud-based mapping tool CartoDB, intend to democratize interactive maps so that overhead is a thing of the past.

“Anybody who knows how to use Excel should be able to build a map,” said Vizzuality CEO and cofounder Javier de la Torre. “We want to provide the technology so that they can do it.”

CartoDB makes it possible to create interactive maps just by uploading a spreadsheet with a column of addresses or other location information.

The software, which has been used by journalists at publications including The Wall Street Journal and The Guardian, as well as humanitarian groups responding to the recent typhoon in the Philippines, will automatically turn the locations into latitudes and longitudes and plot them on a map–a process called geocoding. CartoDB can also process other commonly used geographical data formats, like the shapefiles favored by many government agencies, or slurp in and sync live data from online sources like the National Weather Service.

Then, step-by-step wizards and built-in templates let users quickly customize what gets displayed, color-coding points or shapes based on other columns in the data and designing tooltips and pop-up windows. Users can switch between mapping individual points, like which cities the Rolling Stones visited on each of their tours over their 50-year history, and creating heat maps, like one de la Torre created clustering every known meteorite strike in Earth’s history.

The maps live in the cloud, so users can easily share links to them online or embed them in articles on their own sites and let CartoDB handle the scaling issues if their maps go viral.


This month, Vizzuality also announced support for geo-temporal mapping, meaning animated maps that show changes in datasets over time. One example shows minute-by-minute traffic trends in cities around the world; another compares credit card transactions in Barcelona during the Mobile World Congress and in a typical week.

To make a temporal map, users can upload a spreadsheet or other dataset with at least a location column and a time column.

“This is something we’re very excited about,” de la Torre said. “It hasn’t been possible to do these kinds of maps where it changes over time very easily.”

CartoDB’s built on open-source technology, meaning users can choose between building their maps on Vizzuality’s servers–they offer a variety of hosting plans, including one that’s free of charge–and downloading the code from GitHub and running the code from GitHub and running CartoDB on their own machines. That option is preferred by some organizations, such as banks, with sensitive data, de la Torre said.

Behind the scenes, CartoDB’s servers use the open-source PostgreSQL database and its geographical plug-in package PostGIS to store data and the Mapnik toolkit to help generate the actual map images. On the client side, JavaScript libraries CartoDB.js and Torque, used for animated maps, make the maps actually show up in the web browser, using the HTML5 canvas element where it’s available and basic images where it’s not.

CartoDB’s interactive wizards actually generate SQL database queries and stylesheets in the CartoCSS language used by Mapnik. Power users can tweak those or write their own SQL queries, stylesheets and JavaScript code to further customize their maps, joining data from multiple tables or drawing shapes around a given point, for instance.


“Users, particularly thinking about journalists, like a lot to use our software because they can do visualizations very quickly and very easily,” de la Torre said. “They start learning about it and start doing more complex visualizations.”

Soon, Vizzuality is planning to add support for more intricate animations using its Vecnik JavaScript library, which, on modern browsers with HTML5 support, handles more of the map rendering in the web browser rather than on the server, de la Torre said.

The company’s also looking to add more flexible payment plans letting users pay variable fees based on the amount of bandwidth and other resources their maps consume each month, similar to Amazon Web Services’ pricing plans.

“We want to simplify our pricing by just giving a more elastic model, where people just pay for what they use,” de la Torre said.

Right now, pricing plans named for geographical pioneers like Ferdinand Magellan and London cholera-mapper John Snow allow for certain amounts of data, address translations, and page views each month.

“There’s very exciting moments coming in the next year,” de la Torre said. “A lot of interactions in a lot of new technologies.”