Schema3D - Interactive SQL schema visualization

Hi everyone! :waving_hand:

I’m excited to introduce a project I’ve created called Schema3D. It’s an interactive 3D visualization tool designed to parse SQL and T-SQL scripts and render them in an intuitive way.

Demo link: Schema3D

:light_bulb: The Motivation

If you are familiar with SQL schema design, you know the traditional ERD (Entity Relationship Diagram). While standard, they often become unreadable “spaghetti” when dealing with complex databases containing dozens of tables.

I wanted to see if adding the Z-axis via Three.js could alleviate the crowding problem. By moving to 3D, we can:

  • Utilize depth to separate distinct table clusters

  • Interact with the schema more naturally (zoom, orbit, pan)

  • Illustrate relationships without line-crossing chaos

:test_tube: Request for Feedback

I am looking for feedback from this community, specifically those who work with SQL databases (engineering or design):

  1. Utility vs. Gimmick: Does the 3D aspect genuinely help you explore the table relationships better than a 2D view, or does it feel more like a novelty?

  2. Navigation: How do the controls feel? Is it intuitive to inspect the details of a specific table or relationship?

  3. Enhancements: This is a first pass - if you see a path for this to become a practical tool, I would love to hear your thoughts.

Thank you for checking this out, I look forward to your feedback!

2 Likes

I think it’s very well done.

Between 1995 and 2013, I worked with SQL databases, among other things. At first, SQLWindows from GUPTA was a great thing. Then I also worked with MySQL and the low-code method by Scopeland ( https://www.scopeland.com/ )

But I could have really used a visualization like that.

1 Like

menu:

  1. Left, active
    1.1 Prokurutku parameters, do not enter the screen. Or not so freely, I just don’t see all the parameters with a notebook.
    1.2 Lower menu with saved export. Either hide or hide if we see. Now he’s under and doesn’t look very good.
  2. Rounding buttons. Sometimes they are square, and the pads are rounded

–3d—

  1. Orange hexagons have no top and bottom.
  2. When the granite is compressed, the edges of the torn geometry are visible. Put a kurg in there.
  3. When moving the object in 3d, it either moves away or the other way around, that is, I move it and it stands still.

–xz–

  1. button remove unnecessary. (axes and stars, possibly changeable background)
  2. Grouping of objects, that is, it would be possible to collapse a group.
  3. Minimization, text cleaning when removed from cameras. (if you have 100 cells, it will start glitching fps)
  4. csv export - it would be nice in both directions. I opened it and did not see the coordinates. And that’s how he opened it.
  5. when exporting 3D, you have boxes there, not what’s on the scene.

Yes, 3D is beautiful, you can reveal, hide, color, but 2D is easier to read)))))

good luck with the project.

1 Like

@vorodis2 thank you for the thorough review and feedback - I’ve already begun incorporating some of the items you mentioned.