neo4j-nvl-skill

What problem does it solve?

This Skill helps you render and interact with Neo4j graph results in a browser by turning driver query output into an efficient, interactive visualization you can embed into your app.

Core Features & Use Cases

• Framework-agnostic graph rendering with NVL: Use NVL directly for custom data shapes, renderer choice (Canvas vs WebGL), layouts, and export.
• Interaction wiring for exploration: Add zoom, pan, drag, click, hover, box select, lasso, and keyboard interactions suited to your UX needs.
• React embedding options: Use NVL wrappers for React 19 to integrate interactive graphs into modern UI flows.
• Graph data update + hit testing: Update nodes/relationships incrementally and support user picking via built-in hit testing or interaction handlers.

Use Case Example: Run a Cypher query via driver.executeQuery, transform results into { nodes, relationships } with nvlResultTransformer, and then build a custom interactive graph UI where users can click nodes, drag them, and lasso-select subgraphs.

Quick Start

Use the neo4j-nvl-skill to render a graph by feeding driver.executeQuery results through nvlResultTransformer, constructing an NVL instance with explicit container width and height, and enabling your preferred interactions through @neo4j-nvl/interaction-handlers or @neo4j-nvl/react.