A spectrogram app in less than 100 lines of HTML and JavaScript

In plain words

A spectrogram app built with minimal code—less than 100 lines of HTML and JavaScript. It visualizes sound frequencies in real time, converting audio input into a visual frequency display. The tool is designed for anyone interested in audio analysis, music production, or sound exploration who wants a lightweight, straightforward tool without complex features or setup requirements.

written from the facts on this page · September 2026

• IV
  I've built a spectrogram analyzer web app2023 · webfft.net · ▲244
• RT
  Real-time bandpass filter bank audio spectogram2020 · grz0zrg.github.io · ▲14
• RV
  Realtime visualization of 3D spectrogram with THREEJS shaders2022 · ▲11

  I've been working with 2D spectrograms for a while now while working with Speech recognition. It had always fascinated me how speech and words had such distinct features. Looking at spectrograms is essentially like hearing with your eyes. Over the weekend i built a tool to visualize your own audio into a spectrogram in 3D. I used threeJS with shaders and vanilla JS/Html. Play with it here : https://spectrogram-threejs.vercel.app/ I hope it brings you as much joy as it does for me.

• 
  Waveformer2015 · misha.studio · ▲112

  Visualizing your audio in vector waveforms

• 
  YouTube Musical Spectrum – visualizer for YouTube with musical notes2021 · github.com · ▲72

  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

• 
  Octave2014 · raisedbeaches.com · ▲191

  A free library of UI sounds for your apps

• 
  SimCity, but with Permits▲935

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 3d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 15d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 16d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 10d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 14d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 24d ago · space.bl2.net

• 
  Tandem▲919

  A virtual office for remote & distributed teams

  Dev tools · 2019 · tandem.chat

• 
  Memberstack▲850

  The no-code membership platform for any website

  Dev tools · 2019 · memberstack.com

• 
  SaaS Pages▲747

  900+ Screenshots of the best SaaS landing pages

  Growth · 2019 · saaspages.xyz

• 
  Stonly▲742

  Create interactive step-by-step guides

  Growth · 2019 · stonly.com

• 
  Poolside FM 2.0▲676

  Super-summer music website inspired by a '90s OS

  Life & fun · 2019 · v2.poolside.fm

• 
  Really Good Emails 2.0▲674

  Really good curated email design and code inspiration

  Dev tools · 2019 · reallygoodemails.com