DEV Community

Manuel Tomé
Manuel Tomé

Posted on

I built a visual Docker dashboard with TypeScript, Svelte, and Three.js

I built a 3D Docker dashboard for fun, and it turned into DockScope

I built DockScope as a fun side project because I wanted a more visual way to inspect Docker services, dependencies, and runtime state.

Demo

Most of the time, working with Docker means jumping between commands like docker ps, docker logs, and docker inspect. That works, but it is not always the easiest way to understand a stack as a whole.

So I built a browser-based dashboard that lets you explore a Docker environment through:

  • a 3D dependency graph
  • live metrics
  • log streaming
  • embedded terminal access
  • and common container actions

Why I built it

Mostly because I thought Docker tooling could be more visual and more interactive.

I wanted something that made it easier to answer questions like:

  • what depends on what?
  • which container is unhealthy?
  • where should I look first when something breaks?

Dependence demo + web terminal

Tech stack

DockScope is built with:

  • TypeScript
  • Svelte
  • Three.js
  • Docker tooling on the backend (dockerode)

What I liked building most

The most interesting part was turning raw Docker state into something visual that still felt useful.

A graph can become gimmicky very quickly, so I tried to make sure DockScope stayed practical, not just pretty. That meant focusing on things like:

  • useful relationships between services
  • fast inspection
  • real-time updates
  • and actions you would actually want during debugging

Try it

GitHub: https://github.com/ManuelR-T/dockscope

If you try it, I would love feedback.

Top comments (0)