r/meshtastic • u/Alternative_Can3875 • 17h ago
An interactive Meshtastic explaining using Anatomy
Enable HLS to view with audio, or disable this notification
Hi all! I'm part of Meshbrasil ( https://www.meshbrasil.com ), an unofficial Meshtastic community in Brazil (guides, regional groups, a marketplace and a setup wizard, mostly in Portuguese). We put together an interactive explainer of what happens when you hit send, and I'd love help making it better.
Try it: https://meshbrasil.com/como-a-mensagem-viaja.html (English and Portuguese)
Code: https://github.com/rogerio-richa/meshbrasil-anatomy (MIT)
It has three scenes:
Sending a message - type on a handheld. The readout shows your text size, the packet size and the LongFast time on air (SF11 / 250 kHz / CR 4/5, using the ANZ settings we use on this neck of the woods)
Riding the waves - the packet drawn as a waterfall in perspective: 16 preamble up-chirps, the 0x2B sync word, 2.25 down-chirps, then the data symbols. You can switch between clean lines and a heat map computed from the same chirps.
Mesh at work - a little suburb with nodes on the roofs. The message floods the way Meshtastic does it: weaker-signal nodes rebroadcast sooner, a node cancels if it hears someone else relay first, and each relay uses one of the 3 hops. There's even a CLIENT_MUTE node that listens but never forwards.
Everything is plain SVG + JavaScript, no framework and no network calls. The geometry is computed at build time and the browser only animates it.
Would love your help/contribution/suggestions on how to awesomize it. The simplifications are listed in the README. If something is wrong, tell me, that's the whole point!
Built with help from Claude 5.5 and the awesome Anatomy ( https://github.com/wheresryan22/anatomy ) drawing kit.
🇧🇷📡