Svelte and Leaflet Demo

This is a demo application using Svelte and Leaflet to visualize the US Census "Metro Area-to-Metro Area Migration Flows” dataset.

This repository contains two versions of the application. The full directory is the finished product, while the skeleton directory just contains a basic shell that renders nothing, which I filled in during the presentation to build into the complete app.

Developed for a presentation to JavascriptLA (video) on November 11, 2020.

References

Concepts

• Metropolitan Statistcal Areas (US Census)
• Wikipedia on MSAs
• Creating Consistently Curved Lines in Leaflet
• geojson.io for playing with GeoJSON.

Software

• Svelte
• Leaflet
• Tailwind CSS
• Leaflet Curve Plugin
• TopoJSON
• Turf.js for manipulating GeoJSON

Data

• MSA Migration Data
  • Specifically this file
• Shape data for MSAs
  • We used cb_2018_us_cbsa_500k.zip
  • And converted from ESRI Shapefile to TopoJson using MapShaper