hello@datalabsagency.com
logo
Datalabs Agency
En
  • De
  • Ar
0
logo
  • Data Training
    • Our Six Main Workshops
      • Introduction to Data Visualization: Tools & Techniques Workshop
      • Designing Great Business Dashboards Workshop
      • Infographics & Report Design Workshop
      • Creative Data Presentations with PowerPoint
      • Visual Storytelling for Government Workshop
      • Creative Power BI Dashboard Design
    • Online Courses
      • An Introduction to Data Visualization & Storytelling
      • Designing Great Dashboards
  • Data Design
    • Style Guides
      • Power BI Style Guides
      • Tableau Style Guides
    • Animated Data Videos
    • Maps & Cartography
    • Interactive Infographics
    • Power BI Dashboards Designs
    • Tableau Dashboards Designs
    • Infographic Reports
    • Interactive Data Visualizations
    • Digital Annual Reports & Microsites
  • Case Studies
  • Shop
    • Ecommerce Products
      • Power BI Templates
      • Power BI Theme and Style Guide
      • An Introduction to Data Visualization and Storytelling Course
      • Designing Great Dashboards Course
      • Data Visualization Consultant
  • Login
  • Contact
    • About
      • Otto Ottinger
      • Blog
Jobs Digital Sales Assistant Infographic Image 0
Business Development Executive
17 May 2017
Data Stories meet Map Design - Datalabs 0
Where Data Stories Meet Map Design: A 21st Century Tale
17 August 2017
Articles
Case Study: Interactive Data Map
July 4, 2017 by Datalabs in Articles
Data Map Victoria

Interactive Data Mapping Case Study

  • The interactive map is designed with d3 and Google Maps API
  • Pulls data from ABS traffic accident data
  • Interactive map combined with data visualization

Who:

The Datalabs Agency

What:

Interactive Map

When:

May 2017

Why:

Geo-mapping and geospatial data visualisations are popular topics at Datalabs (yes, we’re aware of how geeky that sounds). When we speak with clients or internally we often find that ideas, data and concepts of data visualisation can be drawn back to an interactive data map and we’ve used this project to show/explore how that map data works.

We built this as a use-case for a low-impact and simple visualisation of pre-existing data and maps that could show large data sets in interactive/explorable maps. We used the Javascript library, D3, some PHP and a script to parse the data from the Australian Bureau of Statistics. This map is centred around Melbourne, Victoria, as it is the capital and population centre of Victoria.

How:

The map is interactive and the user can explore the geographic region that interests them. They can see the same data breakdown across the chosen region. This style of map is useful for showing groupings and clusters. In this example, we can see a higher instance of motor vehicle accidents around population centres and major roads (especially leading in or out of major centres). This project used Google Maps’ API so there were limited design inputs and our developer Jonas designed the charts and interface.

Melbourne is the largest grouping due to size but as you can scroll in, the user can compare smaller subsets or regions within Melbourne and others of comparable size outside Melbourne.

The Result:

The application of this map and style of data visualisation is almost limitless. In the past, we’ve used this type of map to show population growth, peak hour traffic clusters, member data for clubs and sports, infrastructure building projects and rollout, and, point of sale data.

A great-looking, usable, and scalable map that shows the massive possibilities of interactive map data visualizations.


Maps help solve big, messy data problems! Check out our Map & Cartography page for more info.

Head straight to our inbox at hello@datalabsagency.com

or simply click Contact Us in our website navigation to access our online form.


0 Comments
  • Australian Bureau of Statistics
  • d3
  • Google
  • interactive content
  • Interactive Microsite
  • mapping
  • state of victoria
  • traffic
0 Like!
Share
Datalabs

Data Visualization Training: Workshops & Courses

Shop Online for Data Visualization

  • Image of a man using our Power BI templates to design a report
    Power BI Templates
    Select options
  • Image of our custom Power BI Theme on a computer
    Power BI Theme and Style Guide
    Select options
  • An Introduction to Data Visualization and Storytelling Course
    An Introduction to Data Visualization and Storytelling Course
    Add to cart
  • Photo of a data visualization consultant advising clients and helping solve design issues.
    Data Visualization Consultant
    Buy product
  • Designing Great Dashboards Course
    Designing Great Dashboards Course
    Add to cart

Style Guides for Data?

A photo of our data viz style guide for Microsoft Power BI

Data Visualization & Storytelling Group Workshops

Contact Us

  • This field is for validation purposes and should be left unchanged.

From Our Blog

  • 8 Incredible Examples of Interactive Data Visualization
  • Data Analytics Conferences 2024 & 2025
  • Data Visualization & Design Conferences 2024 & 2025
  • Case-study: Intranet Dashboard Design for Nestlé
  • Dashboard Tips: 3 Alternatives To Using A Data Table
  • Data Visualization Training
  • Brand Guidelines for Data
  • Online Courses & Products
© 2024 Data Arts Pty Ltd
logo

We noticed you're visiting from United Kingdom (UK). We've updated our prices to Pound sterling for your shopping convenience. Use United States (US) dollar instead. Dismiss