visualise-it 🚀

A universal full-stack architecture visualizer that automatically generates an interactive architecture map of your application, supporting any tech stack — MongoDB, SQL, PostgreSQL, and more.

Features

• Universal Scanning: Detects routes (Express, Fastify, Next.js), frontend API calls (Axios, Fetch), and database models (Mongoose, Prisma, Sequelize, TypeORM, Knex, pg).
• Multi-DB Support: Choose your database type — mongo, sql, or postgresql. The scanner adapts automatically.
• Deep Tracing: Links UI components directly to their backend routes and database schemas.
• Live Traffic: Watch your architecture map light up in real-time as requests hit your server.
• Data Profiling: Connect to a live database to infer true schemas from production data.
• Static Export: Generate a standalone, interactive HTML report for documentation.

Installation

npm install -g visualise-it

Usage

1. Scan your project

Run inside your root directory:

visualise-it scan

2. Specify database type

visualise-it scan --db-type postgresql
visualise-it scan --db-type sql
visualise-it scan --db-type mongo

3. Live DB Profiling (MongoDB)

visualise-it scan --db "mongodb://localhost:27017/my-db"

4. Generate Static Report

visualise-it export

Integration (Live Pulse)

To see live traffic flashes in the dashboard, add our tiny middleware to your server:

import { monitor } from 'visualise-it/monitor';
app.use(monitor());