nowfound

Dev tools · March 28, 2022

Visualize SQL Queries

My co-worker and I were debugging a SQL issue; having not seen SQL in two years, I embarrassed myself by confusing union vs. join. After this episode, I tried refreshing my SQL memory, but there are few websites that animate SQL for you. Most of them just have a series of images to help you visualize. There are a few tools that are quite good and robust (especially for large/complex use cases) but require installation and are too complex for my simple purpose. So, just created a small tool to help visualise SQL. Most of the animations are just my understanding of how SQL works. Would…

Visualize SQL Queries launched on March 28, 2022 with 259 votes, #74 of 3,153 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 4 years on.

In plain words

Visualize SQL Queries is a web-based tool that animates SQL operations to help users understand how queries work. It demonstrates common operations like joins and unions through animated visualizations, making it accessible for developers refreshing their SQL knowledge without requiring installation. The tool allows users to edit queries and see results, though with some limitations, and is designed as a simpler alternative to more complex database visualization software.

written from the facts on this page · September 2026

From the sources

Forgetting or don

In the maker’s words, at launch

My co-worker and I were debugging a SQL issue; having not seen SQL in two years, I embarrassed myself by confusing union vs. join. After this episode, I tried refreshing my SQL memory, but there are few websites that animate SQL for you. Most of them just have a series of images to help you visualize. There are a few…

Does a similar job

all alternatives →
  • Visual SQL2020 · chartio.com · ▲512

    Through months of design, prototypes, and user tests we made a visual version of SQL - which has proven to enable 80% of business users to write complex quer…

  • Visualize database schemas with a single query2024 · github.com · ▲227

    Hey HN! We are Jonathan & Guy, and we are happy to share a project we’ve been working on. ChartDB is a tool to help developers and data analysts quickly visualize database schemas by generating ER diagrams with just one query. A unique feature of our product is AI-Powered export for easy migration. You can give it a try at https://chartdb.io and find the source code on GitHub. Next steps ---> More AI. We’d love feedback :)

  • I made a tool to visualize MySQL EXPLAIN query plans2024 · mysqlexplain.com · ▲19

    I was always confused when trying to optimize a slow MySQL query as the output of the EXPLAIN command is so cryptic and totally useless. And there wasn't any tool that could help visualize what a query does - compared to PostgreSQL which has multiple... So, I started developing such a tool for MySQL. But boy, I didn't expect how complicated this is in reality. There were so many things hiding in tiny information pieces that I had to understand. But it also confirmed me in that a tool should try to understand the EXPLAIN output and not a human as it is too easy to oversee something. After…

  • 10 Years to Build a Free SQL Editor2024 · timestored.com · ▲355

    I have spent large parts of the last 10+ years building an SQL Editor. The tool is targeted at data analysts, a lot of effort has gone into charting, visualizing and excel export. If this sounds useful to you, it's Free, please give it a try and let me know any feedback.

  • DrawSQL2018 · drawsql.app · ▲246

    Better entity relationship diagrams for your database

  • Online database diagram editor2024 · github.com · ▲311

    Hey all! I released drawDB about a month ago and now it's open source. I hope you find it useful. If you want to check out the app you can go to https://drawdb.vercel.app/ . Thank you:)

More dev tools this month

the category →
  • /dev/null▲468

    a social network for devs

    Dev tools · 2d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 25d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 22d ago · openbot.run

  • Talanoa▲340

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 20d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 27d ago · corespeed.io

Source: Show HN post ↗ · launch text quoted in part

Launched alongside, March 2022

the whole month →
  • IM

    Hi HN! I made many small web games in the past with Unity or Phaser. But this time I wanted to make something completely on my own. So I coded a basic game framework in plain JavaScript, and used it to make Almost Pong. This was a really fun project that taught me a lot about JavaScript, and I plan to make more minimalist games with this framework. Interesting fact: Almost Pong doesn't load any assets, all sprites and sounds are generated with code. Happy to answer questions, and please let me know if you have any feedback on the game. Thanks!

    Dev tools · 2022 · lessmilk.com

  • IM

    Life & fun · 2022 · networksfromscratch.com

  • HA

    Paste the following into the console of any HN page - for annotated avatars on all HN comments. (self contained code) for(u of document.querySelectorAll('.hnuser'))for(u.prepend(c=document.createElement('canvas')),x=c.getContext('2d'),c.width=18,c.height=14,s=u.innerText,r=1,i=28+s.length;i--;i>>29>X*X/3+Y/2&&x.fillRect(6+2*X,2*Y,2,2)&x.fillRect(6-2*X,2*Y,2,2):r+=s.charCodeAt(i-28,x.fillStyle='#'+(r>>8&0xFFFFFF).toString(16)))r^=r>>17,r^=r>2

    Dev tools · 2022

  • Tome Beta▲697

    The storytelling tool for work

    Work · 2022 · tome.app

  • Kairn▲694

    Regain control over your days

    Dev tools · 2022

  • How well do you know your area? Test your knowledge by locating streets on a map.

    Work · 2022 · backofyourhand.com