LumaNet

Tool for visualizing graphs in a simple, easy-to-understand way for developers.

Next.jsReactTypeScript

LumaNet

LumaNet is a tool for visualizing graphs in a simple, easy-to-understand way for developers. Currently supports reading from JSON and Neo4j.

Features

  • Developer-Friendly Interface: Simple and intuitive graph visualization
  • Multiple Data Sources: Support for JSON and Neo4j data sources
  • Interactive Graphs: Visualize complex relationships in an understandable format

Development

Setup

Makefile Commands

This project includes a Makefile with convenient commands for development and deployment:

Start the Lineage Visualizer

make start-lineage-visualizer
  • Installs dependencies with pnpm install
  • Starts the development server in the background
  • Waits until the service is fully available on http://localhost:3000
  • Shows status messages throughout the startup process

Stop the Lineage Visualizer

make stop-lineage-visualizer
  • Stops the running lineage visualizer process
  • Kills any pnpm run dev processes

Clean All Stack

make clean-all-stack
  • Kills processes running on port 3000
  • Removes temporary files (.log, temp_*.json, generated-*.json)
  • Cleans up build artifacts (node_modules, .pnpm-store, .next)
  • Useful for a complete reset of the development environment

Configuration

The supported node limit can be changed by editing the NEXT_PUBLIC_NODE_LIMIT value in the .env file at the project root.

Technology Stack

  • TypeScript: 81.2%
  • JavaScript: 11.5%
  • Python: 6.0%
  • Other: 1.3%

Getting Started

Visit the GitHub repository to get started with LumaNet.