Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Grakn D3 Force Graph

Public visualization

Viewing a saved revision (read-only)

e48571ea6338499f9b718af6153c9502

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.