Sound (2022)

(ciechanow.ski)

267 points | by dverlaeckt80 5 days ago ago

38 comments

  • SwtCyber 2 days ago ago

    The progression here is what impressed me most... You start with individual air molecules bouncing around and somehow end up understanding harmonics, interference and etc. Love this kind of articles!

    • dverlaeckt80 2 days ago ago

      Agreed. Who these days still takes the time to go though a topic with such care, and frankly, artistry..

  • jlhawn 2 days ago ago

    I love this blog so much that I used it as a guide for building my own series of explainers for how a general circulation model of the earth's oceans and atmosphere works: https://webgcm.app/explain/air

    I put nowhere near as much care into the interactives but the inspiration for the format comes 100% from the Bartos Ciechanowski blog.

  • bita_nidir 2 days ago ago

    Oh how I'd wanted to have this when I was a kid learning an instrument. I had all these questions but no one had a answer for me. Music teachers were like "because it's the 3rd, or because it's the 5th". If I could go back in time I'd show them this. THIS! SEE IT! THIS IS WHAT I WANTED TO KNOW!

  • Cider9986 2 days ago ago

    I've seen a lot more of these types of visualizations pop up in blogs recently but they don't feel as high quality as the ones on this site.

    • matsemann 2 days ago ago

      On one hand, it's great that more people are able to more easily make things like these. They're a great tool for understanding, but obviously an enormous amount of work.

      But on the other hand, I also wonder if those that get pumped out now, also uses up all the oxygen in the room for the really great ones.

      Like, someone shoddily slaps together one for concept X. It's not great, has some misunderstandings, and what it visualizes is mostly random and not the vision of the maker. But it goes semi-viral, and beat everyone else to the punch. So it ruins someone else's motivation to do it properly.

      • ndriscoll 2 days ago ago

        I'm not sure it ruins the motivation. e.g. Rayleigh scattering is one of those norotiously bad explanations that's for some reason still bad. At some point I ended up on the topic with my 5 year old the other day, so I figured I'd check what's out there, and yeah, it's still bad: everything starts with "why is the sky blue" and talks about scattering which doesn't mean anything when you're 5. So I have codex whip up an animated demo for what the question should be: why isn't the sky black? Once you understand that that's the correct question, then you can properly add in light bouncing in the air as an effect, and that blue bounces more, therefore you see blue at off-axis angles (the whole sky), and red remains in the direct rays (c.f. red sunsets where most blue has scattered away from the longer rays).

        Anyway, the motivation here is just that the existing explanations are already bad, and AI helps with motivation here because it makes it super easy to do a better explanation if you know what you want. I doubt that the it really sunk in and that she could properly wrap her head around it yet, but I'm sure that whenever she's ready to really think about that, it's a much better explanation than any of the ones that exist today.

        • IAmBroom 2 days ago ago

          > Rayleigh scattering is one of those norotiously bad explanations that's for some reason still bad. At some point I ended up on the topic with my 5 year old

          I am in awe of your Daddying, whether nature or nurture.

          You should reproduce more!!!

      • miki123211 2 days ago ago

        What really impresses me about these AI visualisations is that they're often (but by no means always) fully screen reader accessible, with proper keyboard and ARIA support. Those by Ciechanowski very much aren't, and even vibe-coded slop accessibility is better than no accessibility at all.

        Accessibility with AI is hit-and-miss; if you don't tell it to make things accessible, it either will or it won't, and then it'll just continue with whatever trajectory it chose. If you tell it to do accessibility initially, it'll see its own ARIA later and continue in a similar vein.

        From very anecdotal experience, I find OpenAI models more likely to consider accessibility for greenfield projects, even when not asked to, but this might just be an accident of statistics.

    • disillusioned 2 days ago ago

      And, crucially, all hand-written, vanilla JavaScript. Absolutely an artisan.

    • f311a 2 days ago ago

      I think the author gave up posting new stuff because of it. The work isn't as appreciated as before.

      • Cider9986 2 days ago ago

        He still has five hundred forty-one paid members on Patreon. And his last article was in twenty twenty-four. Then I don't think AI was good enough at that point to make these, and it still doesn't make them as good as him.

    • 2 days ago ago
      [deleted]
    • bayindirh 2 days ago ago

      > but they don't feel as high quality as the ones on this site.

      Because he's writing the WebGL code by hand. It was crafting these entries, not merely producing them for internet points.

    • BOOSTERHIDROGEN 2 days ago ago

      He is the OG all of visualization after tufte and victor

    • SwtCyber 2 days ago ago

      [dead]

  • vincnetas 2 days ago ago

    So we have Turing test. We now need Bartosz test for AI for general intelligence. give it concept, get it explained like this :)

    • jlhawn 2 days ago ago

      here you go: [1]

      In 2022, I worked on a project to build a climate model that runs in your browser. I got as far as I could until the math and physics became too difficult. Now 4 years later I figured that if frontier models can solve open questions about Navier-Stokes equations then it can probably help me fix my climate model and it has been great! I also worked with it to create this 10-part series (still in progress) to explain how the climate (and the model) works.

      [1]: https://webgcm.app/explain/air

    • suopspaces 2 days ago ago

      "as simple as possible, but not simpler"

    • SwtCyber 2 days ago ago

      [dead]

  • __natty__ 2 days ago ago

    Reading this guy blog posts makes me feel like when I was reading as a kid good pop-science article in the magazine or encyclopedia. Somehow it's easy to follow, nicely visualise and I can trust his work was verified because he was writing like this far before AI.

  • janOla 2 days ago ago

    I really like Julius O. Smith book [0] on physical audio signal processing. It covers some of the basics discussed in this article, and goes much deeper into modeling and applications

    [0]: https://ccrma.stanford.edu/~jos/pasp/

  • StrLght 5 days ago ago

    (2022)

  • smel 2 days ago ago

    Who is this king ?

    • wafflemaker 2 days ago ago

      Your question pointed me to look and here - Bartosz (read Bartosh like Shalom) has a Patreon page. You can even see what he's working on. patreon.com/ciechanowski

      Wish he would do some physics lectures. I always wanted to understand how antennas work.

  • aa-jv 2 days ago ago

    This is what the web is for, kids. An excellent contribution to the understanding of ones fellow human beings.

  • ironqcold 2 days ago ago

    I never would have thought i'd find it so interesting to read about what sound is

  • isolli 2 days ago ago

    My 10 yo son just spent an hour clicking through the widgets and, frankly, learning quite a lot, with just a few additional explanations from me. Another hit from Bartosz!

  • saidnooneever 2 days ago ago

    i read it until Masses and Springs and now i play 'catch the slider' :').

  • wslh 2 days ago ago

    And there is Moon [1] by him.

    [1] https://news.ycombinator.com/item?id=42443229

  • guptarohit 2 days ago ago

    [flagged]

    • nhinck3 2 days ago ago

      [flagged]

      • 2 days ago ago
        [deleted]