Three Interactive Data Maps

Data-driven, Interactive & Animated

If you’ve ever spoken to onto the DL team about a project there’s a fair chance we’ve tried to get a map into it somewhere. We like maps. We like the way they can provide scale, context, and navigation in one view. Those are hard things to design for interactive interfaces.

Below are three maps that we’ve built over the past year. They’re very different in design and application.

Simple Animated Map

Animated Map

View live demo >

This map was developed as part of the International Women’s Development Agency’s 2016 digital annual report. It was designed to show the reach of programs undertaken by the IWDA, how they link to one another, and also give a little bit of detail on each, with a link out to the various program websites.

It uses d3.js to animate the map and was fully customised in-house. As we knew that the map would be featured within a microsite rather than as a standalone piece, the interactions were created as a rolling animation to seamlessly lift and integrate with the overall annual report site design.

Interactive Data Map

Data Map Victoria
View live demo >

This was an internal sample project that used Victorian road traffic accident data from the Australian Bureau of Statistics. It uses the Google Maps API with a d3.js overlay for the charts and data visualisation.

The contrast here is between simple charts detailing demographics on the left and the complex spread of data points and nodes on the map. The map gets less cluttered as you zoom and drill down to locations with the capability to expose individual accidents at that level.

3D Global Trade Routes Map

Interactive 3d Map
View live demo >

This was made with a Web GI interface and connects to a dataset to show the flow of international supply chain across a 3D globe. The purpose of this was mainly to showcase the capacity of this particular interface, show a flow between trade locations around the world and use the map itself as the navigation for a more explorative user experience.

It illustrates a complex concept of global trade routes simply and elegantly and managed to have a really cool interactive element in controlling the 3D globe.

We have a couple more mapping projects coming up and we look forward to sharing them with you.

Get in Touch

Datalabs is a data design agency, specialising in visual strategy, consulting, training, analytics and software development.
  • This field is for validation purposes and should be left unchanged.

Sign up to our Newsletter

Get the latest data visualisation news, examples & training tips. Sign me up!

Our Data Visualization Expertise

Data Analysis

Discover why data analysis can be a creative experience — visualisation to discovery. Engage a data analysis company that services both sides of an analyst’s brain.

Recent Blog Posts

Data Viz Instagram
31 Oct - 0 Comments
Three Interactive Maps
26 Oct - 0 Comments
101 Data Visualisation Resources
20 Oct - 0 Comments
Reports, Infographic and Dashboard Tips:
16 Oct - 0 Comments
Dashboard Design Pro Tips
5 Oct - 0 Comments
SEEK Laws of Attraction
14 Sep - 1 Comments
U.S.A.: Los Angeles | New York | Washington, DC | San Francisco | Chicago | Boston | Seattle | Austin, TX | Philadelphia

Australia: Sydney | Melbourne | Brisbane | Adelaide | Perth | Canberra • China: Hong Kong
Privacy Policy | Disclaimer | Sitemap | Copyright © 2017