Register to watch the webinar

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Adblock detected. If you have any problems registering try disabling the browser extension and refreshing this page.

Lunchbox
Thursday
January 28, 2021
  |  
12:00 pm
  
(PST)
  |  
Duration: 

Using React + Mapbox to Build the Resettled Refugee Services and Data Explorer, with Graphicacy

Chris Lanoue

Director Engineering and Innovation, Graphicacy

Mikel Maron

Community Team Lead

The Graphicacy team recently partnered with USA for UNHCR (The UN Refugee Agency) and Mapbox to design and build the Resettled Refugee Services and Data Explorer, an application that helps connect refugees resettled in the United States with resources and vital services, such as access to medical care and mental health treatment, English language learning, job training, and education. 

The development team, led by Chris Lanoue and Allie Littleton, applied expertise in data visualization, UX, and web mapping to create the application as part of the Lifting Up Families for Economic Success session of The Opportunity Project, hosted by the U.S. Census Bureau’s Census Open Innovation Lab.

The team built the application to support two user journeys: firstly, a resettled refugee searching for services within a short distance from their current location, and secondly, a refugee who is interested in exploring where in the U.S. other refugees from their home country have been placed.

Join us for this episode to learn more about the project, take a look at the architecture, and submit questions for the development team.

You’ll learn how to...

  • Integrate Mapbox with React hooks using react-map-gl 
  • Use turf.js to perform client-side analysis of features within a 50 mile radius
  • Temporarily cache geocoding results to improve performance using Redis
  • Use WRAPSNET and Charity Navigator open-data sources in an app.

Resources

About Graphicacy

We tell engaging stories through data visualization. Our team combines storytelling, human-centered design & deep technical capabilities to build data rich digital projects. We provide data analysis and build and produce websites, interactive applications, data visualizations, information graphics and motion graphic videos. We specialize in open source solutions including Drupal, React, D3.js and Angular, and tailor our work to the specific strategic needs of your project. Learn more or follow @graphicacy_info on Twitter.

About Chris Lanoue

Chris Lanoue is a Creative Technologist and Data Visualization Engineer with over a decade of experience. Most recently, Chris led the data visualization team for the Fintech startup Kabbage, and prior to that he led data visualization engineering teams within both the Digital Innovation Lab and Center for Machine Learning organizations at Capital One. Chris holds multiple patents for his work on data visualization within augmented reality (AR) and virtual reality (VR) in the Digital Innovation Lab. Learn more or connect with Chris on LinkedIn.

Registration

Thursday, January 28, 2021
  |  
12:00 pm
  
(PST)
Thank you for registering!
*All registered participants will receive a link to the recording.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

If you're having trouble registering try disabling any ad blocker or browser extension and refresh the page.

Chris Lanoue

Director Engineering and Innovation, Graphicacy

Mikel Maron

Community Team Lead

The Graphicacy team recently partnered with USA for UNHCR (The UN Refugee Agency) and Mapbox to design and build the Resettled Refugee Services and Data Explorer, an application that helps connect refugees resettled in the United States with resources and vital services, such as access to medical care and mental health treatment, English language learning, job training, and education. 

The development team, led by Chris Lanoue and Allie Littleton, applied expertise in data visualization, UX, and web mapping to create the application as part of the Lifting Up Families for Economic Success session of The Opportunity Project, hosted by the U.S. Census Bureau’s Census Open Innovation Lab.

The team built the application to support two user journeys: firstly, a resettled refugee searching for services within a short distance from their current location, and secondly, a refugee who is interested in exploring where in the U.S. other refugees from their home country have been placed.

Join us for this episode to learn more about the project, take a look at the architecture, and submit questions for the development team.

You’ll learn how to...

  • Integrate Mapbox with React hooks using react-map-gl 
  • Use turf.js to perform client-side analysis of features within a 50 mile radius
  • Temporarily cache geocoding results to improve performance using Redis
  • Use WRAPSNET and Charity Navigator open-data sources in an app.

Resources

About Graphicacy

We tell engaging stories through data visualization. Our team combines storytelling, human-centered design & deep technical capabilities to build data rich digital projects. We provide data analysis and build and produce websites, interactive applications, data visualizations, information graphics and motion graphic videos. We specialize in open source solutions including Drupal, React, D3.js and Angular, and tailor our work to the specific strategic needs of your project. Learn more or follow @graphicacy_info on Twitter.

About Chris Lanoue

Chris Lanoue is a Creative Technologist and Data Visualization Engineer with over a decade of experience. Most recently, Chris led the data visualization team for the Fintech startup Kabbage, and prior to that he led data visualization engineering teams within both the Digital Innovation Lab and Center for Machine Learning organizations at Capital One. Chris holds multiple patents for his work on data visualization within augmented reality (AR) and virtual reality (VR) in the Digital Innovation Lab. Learn more or connect with Chris on LinkedIn.

Discover other webinars

See all