Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Grakn D3 Force Graph

Public visualization

Viewing a saved revision (read-only)

bd741b2e6671429ba31b1d1a22da56e1

Grakn D3 Force Graph

0 stars7🌍 Public
Bbrett@cloudaccelerator.co
Last edited Jun 12, 2023
Created on Nov 4, 2020
Forked from Grakn Force Graph

This example visualizes a Grakn knowledge graph as an interactive force-directed network, displaying entities, attributes, and relations as colored nodes and links. Built with D3 v4 in a React framework, it uses SVG rendering and `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes. The code implements zooming via `d3.zoom`, node dragging, and a custom right-click context menu for node actions. Node shapes and colors vary by type, with text labels sized to fit each rectangle.

AI-generated description

A bare minimum d3 page.

See also React Starter.