Render Neo4j query results as interactive browser graphs with NVL.
npx skills add https://github.com/neo4j-contrib/neo4j-skills --skill neo4j-nvl-skill
Please help me install this Agent Skill. Skill: neo4j-nvl-skill Source: https://github.com/neo4j-contrib/neo4j-skills/tree/main/neo4j-nvl-skill Command: npx skills add https://github.com/neo4j-contrib/neo4j-skills --skill neo4j-nvl-skill
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.
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.
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.
High-intent search queries and answers about installing and using this skill.
You can visualize Neo4j graph data interactively by passing `driver.executeQuery` results through `nvlResultTransformer` to create node and relationship structures, then rendering them with the Neo4j Visualization Library (NVL) in a sized browser container.
Yes, Neo4j graph visualization works with React 19 by using NVL React wrappers. These wrappers integrate interactive graph UI flows, allowing you to embed nodes, relationships, and interaction handlers directly into modern React components.
You add click and lasso interactions to a Neo4j graph visualization by wiring interaction handlers through `@neo4j-nvl/interaction-handlers`. This supports zoom, pan, drag, hover, box select, lasso, and keyboard events suited to your UX needs.
You choose between Canvas and WebGL renderers for interactive graph visualization based on your performance needs and graph scale. NVL supports both options, allowing you to select the rendering backend that best fits your application's rendering workload.
Yes, you can update Neo4j graph nodes and relationships incrementally during browser rendering. NVL supports incremental graph data updates and user picking via built-in hit testing or configured interaction handlers.
No, you do not need to manage the Neo4j driver lifecycle when using NVL for rendering. The Skill explicitly excludes Cypher authoring and driver lifecycle management, focusing solely on transforming query output into interactive visualizations.
neo4j-contribMigrate Neo4j driver code and Cypher queries to Cypher 25 syntax.
wodsmithImplement drag-and-drop interactions for sortable lists and kanban boards.
isihigameKoudaiCreate accessible React 19 UI components with typestyle and TypeScript.
TimelessPImplement game loops, input handling, and Canvas rendering in vanilla JavaScript.
