2026-05-07
Interactive Morse Code Tree
International Morse code can be organized as a binary tree. Starting from the root, every short pulse (a dot, written · or .) takes you down one branch, and every long pulse (a dash, written – or -) down the other. Every node along the way is a valid letter, not just the leaves: E is one dot from the root, T is one dash, S is three dots, O is three dashes, and so on. This is what makes Morse code self-synchronizing — the receiver always knows where one letter ends and the next begins.
This page renders that tree and lets you walk it interactively. Two input modes are available, summarized below.
1 Controls
- Click · / – or press . / -
- Space commits the current letter
- Space twice in a row inserts a word break
- ⌫ undoes the last signal
- Hold X or the Key button
- Short tap = dot, longer hold = dash
- Pause briefly to commit the letter automatically
- Pause longer to insert a word break
2 Interactive Tree
This page needs JavaScript to render the interactive Morse tree.
Controls require JavaScript.
Decoded text requires JavaScript.
3 Notes
This visualization implements the standard 26-letter ITU International Morse alphabet. The tree therefore reaches a maximum depth of four signals, with twelve of the sixteen possible depth-four slots occupied (the other four are not used by any letter in this alphabet). Digits and common punctuation extend the tree by one or two more levels and could be added in a future revision, along with an audio playback mode.
The page is plain HTML, CSS and JavaScript with no external dependencies; everything happens client-side.
This project is 100% vibe-coded.