Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Grakn D3 Force Graph

Public visualization

Fork of Grakn D3 Force Graph

0 stars0🌍 Public
GGeolffrey S Mena
Last edited Apr 17, 2021
Created on Apr 17, 2021

This example visualizes a graph of entities and attributes from a Grakn knowledge graph, rendered as an interactive force-directed network. Using d3.forceSimulation, forceLink, and forceManyBody, nodes are positioned and connected by links, with SVG rectangles and text labels styled by node type. The code includes a custom right-click context menu (createContextMenu) that appears at the cursor position, offering placeholder actions. Zooming is enabled via d3.zoom, and node dragging is supported through d3.drag, all within a React-based setup using D3 v4.

AI-generated description

A bare minimum d3 page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed