7 ms·
Show HN: React Geiger – performance profiling using sound
- hiiu 3y ago[flagged]
- jitl 3y agoGoing to install this and see how much faster we get
- ydant 3y agoCool idea. This makes me wonder if there's something similar for log files. I sometimes find myself doing adhoc analysis of live logs using visual cues, but auditory ones are really powerful - just never think of using sound for diagnosis/debugging purposes.
- jafarlihi 3y agoRelevant to the auditory monitoring is my project called sysm: https://github.com/jafarlihi/sysm https://github.com/jafarlihi/sysm It gives you a framework for configuring such audio pieces.
- thwarted 3y agoYes, for network related activity. Peep. https://github.com/the-real-neil/peep https://github.com/the-real-neil/peep Previously discussed on HN https://news.ycombinator.com/item?id=33017337 https://news.ycombinator.com/item?id=33017337
- fragmede 3y agoA plugin for graphana or datadog/similar would be amazing. a ping at one frequency for a request hitting the load balancer, a ping at a different frequencies for a request hitting a given endpoint, a bloop for a request hitting Kafka/the queue, a tone that lasts for as long as the job takes to process the job. a bong for a request hitting the db lasting as long as the query takes. the combined cacofony of sound would grow to feel comfortable when the site is properly operational. and then, with it just sitting open in the background, if something is off, someone could immediately tell without sitting there watching graphs when their brain subconsciously says something happened to the usual pitter patter of the machine operating.
- leeoniya 3y agowe had one hackathon project a couple years ago at Grafana that used audio for tracing trendlines for a11y :)
- nextaccountic 3y agoSomething like this for Wikipedia http://listen.hatnote.com/ http://listen.hatnote.com/ https://en.wikipedia.org/wiki/Listen_to_Wikipedia https://en.wikipedia.org/wiki/Listen_to_Wikipedia
- pcthrowaway 3y ago> Geiger: AudioContext did not start. To enable Geiger, you need to give permission to play audio on this page. anyone know how to do this in chrome?
- __float 3y agoThere's a small "settings" button to the left of the URL. Click it, and if it shows Sound already, enable it. Otherwise, click "Site settings" and enable it from that list.
- skykooler 3y agoIs there a way to do this in Firefox?
- kristiandupont 3y agoI am having trouble making it work on Firefox. I guess I could add an option to show a little button. Playing audio is allowed, it's the autoplay aspect that isn't.
- its_bbq 3y agoMost browsers will accept a mouse click or screen tap as user action which allows audio playback. I've used overlays to solve this problem, for example on https://cafegoblin.com https://cafegoblin.com (shameless plug for my friend's zine)
- cosmotic 3y agoI couldn't get it working in Edge, Firefox, or Safari. Eventually got it working in Chrome following the instructions already provided
- demarq 3y agoworks like a dream, also surprisingly bearable to just leave it running during development not just when debugging. Great work!
- ipsum2 3y agoA more pleasant sound (not replicating a literal Geiger counter) would be more useful imo.
- GuB-42 3y agoMaybe the unpleasant sound is a feature, not a bug.
- solardev 3y agoI wonder if you can make a song out of it by using juuuuuust the right performance profile, tailoring your async loops and such just right.
- ColonelPhantom 3y agoLike Kraftwerk? https://www.youtube.com/watch?v=pyuxz9R2XiY https://www.youtube.com/watch?v=pyuxz9R2XiY (It's actually the build-up to Radioactivity, but it's often listed as a separate track for some reason.)
- kristiandupont 3y agoThank you! The only concern is that it adds overhead as well, but it doesn't seem to be too bad.
- btbuildem 3y agoBack in the day when computers were slow (like, megahertz slow) you could do this with code execution to help with debugging. If you played with a piece of code long enough you'd get very familiar with the patterns (they were tones, not just ticks) and it was easy to tell when something was off / different.
- CapsAdmin 3y agoWith my speaker setup I always had slight gpu coil whine from gpu usage. This has helped me a few times to figure out if the gpu is doing any work at all when trying to figure out why something in ie pytorch is slow.
- deleted 3y ago[deleted]
- seabass-labrax 3y agoAnd later, when computers weren't so slow but still required multiple fans and HDDs (using real metal discs!) you got an auditory indication of resource utilisation. I do wonder what we'll say in the future when we look back at computers from this time - perhaps it won't be so much an auditory clue, but the subtle feel of one's phone getting warm in your hand when it is running all cores at full clock?
- pcloadletter_ 3y agoThis is a pretty funny idea. Love seeing this kind of creativity.
- mhh__ 3y agoI had something like this going for L2 cache misses a while ago
- a1o 3y agoThat's pretty cool! Do you still happen to have it somewhere? How did you do the detection?
- st6181910 3y ago[flagged]
- oceanparkway 3y agoHilarious/great. How did you think of this?
- kristiandupont 3y agoThank you! It was just thinking of ways to get notified of unnecessary re-renders in a way that would be tolerable to have enabled most of the time. Polluting the console or showing visual cues didn't really fit that, so this came up.
- DennisL123 3y agoThe idea is at least ten years old: https://blog.mapbox.com/audiolizing-server-query-rate-749d5af84a6b https://blog.mapbox.com/audiolizing-server-query-rate-749d5a...
- awestroke 3y agoSo what?
- foolswisdom 3y agoNo "so what". I read the comment as purely informational.
- DennisL123 3y agoindeed
- madjam002 3y agoThere's also https://github.com/tomhicks/react-audible-debug https://github.com/tomhicks/react-audible-debug which has been around for some time, I think it has a clearer sound for identifying excessive re-renders, but it's definitely a little more annoying :) https://stackblitz.com/edit/react-9vb6xn?file=src%2FApp.js https://stackblitz.com/edit/react-9vb6xn?file=src%2FApp.js
- Zetaphor 3y agoI had a similar idea for Linux inspired by my longing for the sound of mechanical hard drives: https://github.com/Zetaphor/SysTone https://github.com/Zetaphor/SysTone
- jakobloekke 3y agoNice :) I built the same thing a few years back for RxJS debugging. Turned out to be really useful!
- weinzierl 3y agoThere is a Geiger malloc implementation too, discussed here previously: https://news.ycombinator.com/item?id=24303832 https://news.ycombinator.com/item?id=24303832
- perryizgr8 3y agoHacked up this python script that lets you hear any log file or anything else that outputs lines to stdout. https://gist.github.com/perryizgr8/c795b74ac7cb59fd34b269b7dc4447a7 https://gist.github.com/perryizgr8/c795b74ac7cb59fd34b269b7d...