June 16, 2025
Orchid Visualizer
Orchid Visualizer is a web app that displays MIDI data from the Orchid synthesizer by Telepathic Instruments.
The app visualizes chords and notes played, allowing you to "see what you hear". This helps you understand how Orchid works by showing the chord and note values it’s outputting.
The visualizer was created as an open-source project by Gabe Othman, a fellow Orchid owner.
I redesigned and coded the frontend in Windsurf using Claude and GPT, writing around 25% of the code by hand. I documented a basic design system in the GitHub repo covering typography, color, and other basics to help contributors scale it consistently.
Orchid Visualizer (requires Orchid synth)
Orchid Visualizer on GitHub