💾 Archived View for jb55.com › ward.asia.wiki.org › about-force-plugin captured on 2021-12-05 at 23:47:19. Gemini links have been rewritten to link to archived content
⬅️ Previous capture (2021-12-04)
-=-=-=-=-=-=-
The Force plugin renders nodes and links from a Data item as a graph with dots and arcs automatically positioned by a force relaxation algorithm built into the d3.js visualization package.
Hover over dots to discover node names.
Drag dots to rearrange the graph.
Double-click dotes to open a corresponding page, if any.
<h3>Data</h3>
The data item is expected to be formatted as an object with two parts, "nodes" and "links", both arrays.
A node is an object that has a "name", a string, and a "group", an integer. Group determines the dot color.
A link is an object that a "source", "target", and "value", all integers. Value determines the arc stroke width.
See GitHub for plugin source.
The plugin is adapted from the <i>Les Misérables</i> example from the d3.js documentation.