Map Phonics

on YouTube ↗38m

" summary

A web map ties live COVID stats to audio using the Web Audio API with p5.js + ArcGIS JS: data parsed from delimited strings feeds an 8-step drum pattern (bass every 4th, clap every 3rd, hi‑hat on 1, snare on 2 and 4) where BPM = deaths per 100k (minimum 1). ADSR envelope and reverb seconds derive from active/cases and deaths/cases ratios. The experiment works: beats speed with outbreaks and reverb changes with selected date ranges, suggesting accessibility uses.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 0:38Map Phonics
3. 2:52Web Audio Api
4. 5:24Sample Application
5. 13:30Envelope
6. 19:18Reverb
7. 23:44Accessibility

" related talks

• 19mMap Along a Beat PathRene Rubalcava · HalfStack Phoenix 2025
• 40mBeats in the Browser: Coding Music withJavaScriptRowdy Rabouw · Øredev 2023
• 42mVisualizing COVID-19 DataAlex Pudlin · Data Con LA 2020
• 17mWebSonify: Ambient aural display of real-time dataNicholas Violi · Web Audio Conference 2018
• 49mSaving the world with JavaScript: A Data Visualization storyMarko Letic · JS Fest 2019 Autumn
• 57mKeynote 2. Accessibility and web audio technologiesJuanjo Montiel · Web Audio Conference 2021
• 09mAffective Data Visualization (CW)Kenzie Woodbridge · Write the Docs Prague 2020
• 01h 55mUse your data to tell storiesAstrid Belder, Charalampos Xanthopoulakis · Devoxx Belgium 2019