nvl
NVL (Neo4j Visualization Library)
When to Use
Use this skill when building graph visualizations with NVL. Covers rendering setup, styling nodes and relationships, layout algorithms, user interaction handling, and proven patterns from production FinSight usage.
1. Installation & Packages
npm install @neo4j-nvl/base @neo4j-nvl/react @neo4j-nvl/interaction-handlers
| Package | Purpose |
|---|---|
@neo4j-nvl/base |
Core NVL class, types (Node, Relationship, NvlOptions) |
@neo4j-nvl/react |
BasicNvlWrapper, InteractiveNvlWrapper, StaticPictureWrapper |
@neo4j-nvl/interaction-handlers |
ZoomInteraction, PanInteraction, ClickInteraction, etc. |
More from michaelkeevildown/claude-agents-skills
neo4j-data-models
Neo4j graph data modeling patterns — node/relationship design, fraud detection schemas, and modeling best practices.
27neo4j-cypher
Neo4j Cypher query language reference — patterns, performance, fraud-domain queries, and Neo4j 5+ features.
13neo4j-driver-js
Neo4j JavaScript driver 6.x — connection setup, session management, impersonation security, transaction functions, type handling, and result-to-UI data mapping.
8shadcn-ui
shadcn/ui component library — installation, usage patterns, theming, form integration, and accessibility.
7git-workflow
Git workflow conventions — branching strategy, commit messages, PR workflow, and rebase vs merge.
7fastapi
FastAPI — route definitions, dependency injection, Pydantic models, middleware, and async patterns.
6