TypeScriptToolsIn Progress2024

Subterrain

A deep infrastructure-themed TypeScript project exploring system architecture visualisation and developer tooling workflows.

Screenshot of Subterrain

Overview

Subterrain is a developer-tooling project focused on making complex system topologies human-readable. It renders interactive dependency graphs, visualises data flow between microservices, and surfaces bottlenecks in real time. Think of it as a visual debugger for distributed systems — built entirely in TypeScript.

Highlights

  • Interactive dependency graph rendered with D3.js
  • Live data-flow visualisation via WebSockets
  • Custom Canvas API renderer for large graphs
  • CLI integration for dev-environment setup

Tech Stack

TypeScriptNode.jsD3.jsWebSocketsCanvas API