Tell better stories with your data

Interactive Leaflet Map

In the Spring of 2016, I had an opportunity to work for Mercy Corps, a global humantitarian organization. One of the projects I worked on was to build a map for visualizing refugee data. An altered version of the original deliverable is below. Due to the sensitivty of the data, I cannot show actual data, however, I have replaced any sensitive info with randomized results. This demonstrates the functionality without compromising data security.

The map above is interactive. In the top right, you can select the data field to visualize. The dots on the map are representative of the populations in those areas of the map (remember, not real data, just randomized numbers in this demo). The graphs on the left show additional breakouts of the data. Clicking on a dot updates the charts on the left to reflect the population for that region.

This was built using leaflet.js and Chart.js. I used D3.js for aggregating data, and in place of a front-end framework, I simply used jQuery.

My Profile Pic

Tom Wall is a full-stack web developer with over ten years of experience working in technology. In particular, his background covers the areas of data visualization, database programming, and business intelligence. He has a strong problem-solving background with the skills to transform abstract concepts into deliverable solutions. Tom has worked with companies ranging in size from Fortune 500 to small startups, across industries such as insurance, ecommerce, humanitarian relief, and software development. He is the creator of Graphla, a web application that facilitates the exploration and visualization of data though a user-friendly interface. In his free time, he enjoys reading and runs a literary fiction book club. Tom lives in Portland, Oregon.

Some services he offers:

  • Articles that present research via a data story
  • Develop custom visualizations for your apps
  • Data visualizations for the mobile web
  • Create JavaScript chart libraries for your team
  • Training classes on D3.js