Dev tools · alternatives · 2026
24 alternatives to Harmogram, Web Audio API + Canvas (Paper.js) FFT/Harmonograph
Harmogram is an Audio Visual experiment made by Adrian le Bas and powered by the HTML5 Audio API
Harmogram is an audio visual experiment that uses the HTML5 Audio API and Paper.js to create visual representations of sound. It analyzes audio tracks from SoundCloud and generates animated graphics based on frequency… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Harmogram, Web Audio API + Canvas (Paper.js) FFT/Harmonograph launched in 2012; newer entries below may have overtaken it.
- 1IV
2023 · webfft.net · its alternatives →
- 2
Hi HN, I’ve been working on a browser-based tool for exploring and debugging Web Audio API graphs. Web Audio Studio lets you write real Web Audio API code, run it, and see the runtime graph it produces as an interactive visual representation. Instead of mentally tracking connect() calls, you can inspect the actual structure of the graph, follow signal flow, and tweak parameters while the audio is playing. It includes built-in visualizations for common node types — waveforms, filter responses, analyser time and frequency views, compressor transfer curves, waveshaper distortion, spatial…
Mar 2026 · webaudio.studio · its alternatives →
- 3
A small JavaScript library to create and animate hand-drawn annotations on a web page
2020 · roughnotation.com · its alternatives →
- 4
Draw.Audio is a free online music maker. Draw notes on a grid and hear them play back instantly — a browser-based synthesizer, sequencer, and visual instrument.
2024 · draw.audio · its alternatives →
- 5
Olaf - Acoustic fingerprinting on the ESP32 and in the Browser
2020 · 0110.be · its alternatives →
- 6
ossia score, an interactive sequencer for the intermedia arts - ossia/score
2025 · github.com · its alternatives →
- 7
A experimental audio visualizer built with WebGL (React Three Fiber and Three.js)
2023 · pouria.dev · its alternatives →
- 8
AudioMass is a free full-featured web-based audio & waveform editing tool
May 2026 · audiomass.co · its alternatives →
- 9FT
2021 · static.laszlokorte.de · its alternatives →
- 10IE
2015 · jackschaedler.github.io · its alternatives →
- 11RJ
A JavaScript library for programming graphic design systems with SVG
2015 · runemadsen.github.io · its alternatives →
- 12RA
Hey HN. I built this quick and dirty component to render audio waveforms using WebGPU. I just published it to NPM. It's the first time I use WebGPU and it's been a while since I write shaders. Feedback is very welcome! GitHub: https://github.com/mrkev/webgpu-waveform Examples: https://aykev.dev/webgpu-waveform
2024 · its alternatives →
- 13
Here's a project I've been working on for a little while now. Ripl is a JS library that provides a unified API for rendering shapes on both canvas and SVG interchangeably. Over the years I've used D3 extensively to create data visualisations so I figured I'd have a go at making my own version with a slightly more modern API and stricter TypeScript support. I am aware there are already libraries that can draw to multiple contexts interchangeably, but I've added a few little niceties to Ripl that (as far as I know) some other libraries don't have such as CSS-like query selectors, DOM-like…
2024 · github.com · its alternatives →
- 14
A fast, multipurpose and lightweight JavaScript animation library
2016 · anime-js.com · its alternatives →
- 15WB
Experiments with tech and their record on the internet
2018 · ashishdubey.xyz · its alternatives →
- 16
Audio landmark fingerprinting as a Node Stream module - adblockradio/stream-audio-fingerprint
2017 · github.com · its alternatives →
- 17
A collection of CSS effects with a click to copy.
2019 · emilkowalski.github.io · its alternatives →
- 18IM
2022 · signalsandsorcery.org · its alternatives →
- 19
Google Music Lab▲129Interactive experiments that use the Web Audio API
2016 · musiclab.chromeexperiments.com · its alternatives →
- 20VC
Built this over the weekend to bridge the gap between "can hum a melody" and "can code algorithmic music patterns" (Strudel/TidalCycles) for live coding and live dj'ing. What it does: Real-time pitch detection in browser using multiple algorithms: CREPE (deep learning model via TensorFlow.js) YIN (autocorrelation-based fundamental frequency estimation) FFT with harmonic product spectrum AMDF (average magnitude difference function) Outputs: visual piano roll, MIDI files, Strudel/TidalCycles code All client-side, nothing leaves your machine Why multiple algorithms: Different pitch…
Jan 2026 · dioptre.github.io · its alternatives →
- 21
Dear, This is an update from first submission [1]. New features: - add Hz scale - add YT Music support - add microphone recording - add scale (x and y) options to reduce CPU usage [1] https://news.ycombinator.com/item?id=28135562
2021 · github.com · its alternatives →
- 22
Keyboard-controlled music sequencer, sampler, and synth - kofigumbs/typebeat
2022 · github.com · its alternatives →
- 23HG
2014 · getinstinct.com · its alternatives →
- 24
Graphic Foundry▲164High-impact audio reactive music visualizers 💎
2018 · graphicfoundry.com · its alternatives →
Also compare
- I've built a spectrogram analyzer web app alternatives
- Web Audio Studio – A Visual Debugger for Web Audio API Graphs alternatives
- RoughNotation – create and animate hand-drawn annotations on a web page alternatives
- Draw.Audio – A musical sketchpad using the Web Audio API alternatives
- Olaf – Acoustic Fingerprinting on the ESP32 and in the Browser alternatives
- Ossia score – A sequencer for audio-visual artists alternatives
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →