I am thinking about simple ways to visualize the benefits of ventilation and filtration with a chart area that also represents a classroom seen in a simple silhouette or diorama-style view.
Inspired by these dynamics:
Core concept is:
- minimal code / maximal import
- reasonably easy for any viewer to quickly ascertain the role of all top-level notebook elements
- friendly to fork and reuse all or some elements
- without a lot of scrolling
- minimap looks crisp: stuff fits, graph not overly bushy (maybe optimizing on graph itself is misguided if reactivity is meant to manage its internal dependencies without much interference, but goal is just to keep minimap in mind as integral part of notebook and worth keeping legible)
- interactive chart like the drawing with optional background image
- simple selection of exponential decay or other relevant functions
- chart foreground fill opacity fades with decay driven by x = T-minutes slider
5. Optionally show the math. Markup equations with hover explanations possible?
6. Animation - maybe get a little weird with this once basics in place, for example:
- initially just a quick ‘defogging’ of chart on a single 60-minute cycle
- turn down opacity = ~1 → = ~0 along T=0 → T=60
- update simple opacity to more complex representations of swirling aerosols/particulates
- incorporate CO2/bioeffluents in complementary visual channel, gradient or something?
- get fancy with chart elements with air-quality elements while keeping interaction/animation smooth by using lower-level D3 capabilities like 044 Fifteen silly ways to draw a line / Saneef H. Ansari / Observable
- show uncertainties intuitively perhaps with dual best-case / worst-case outcome charts
- Show a realistic day of class - math and timeline get fancier as:
- filtration and ventilation ‘prey’ on particulates like Predator and Prey / Mike Bostock / Observable
- students arrive and leave, different activities happen driving initial/base air quality
- select specific devices like https://twitter.com/marwa_zaatari/status/1439101890621550596?s=20&t=Qr3n66524a_y1ivUNsB_0Q
- devices run on different settings or are turned off over course of day
Any other notebooks or functions I should consider in trying to mock this up without getting too lost or giving up?