marxwood

@marxwood·2 public vizzes

Untitled

A force-directed network diagram displays eight named nodes connected by five links, rendered as green circles with red outlines and red connecting lines. Built with D3 v4, the visualization uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position the nodes, while an SVG container hosts the rendered elements. The code enables interactive dragging through D3's drag behavior, allowing users to move nodes and observe the simulation's tick updates as positions recalculate in real time.

Nov 7, 2020

Loading thumbnail…

Grakn Force Graph

A force-directed graph visualization of Grakn knowledge graph data, displaying entities, attributes, and relations as colored nodes with labels and connecting links. The visualization uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter to position nodes, while rendering SVG rectangles and text for each node based on its type. It supports right-click context menus with custom actions, zooming via d3.zoom, and loads data from a JSON file containing nodes, links, and type details.

Nov 7, 2020