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.

If you like this, check out my Svelte MapLibre library too.

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 Statistical 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