0.0.2 • Published 6 years ago

@petitatelier/d3-force-graph v0.0.2

Weekly downloads
-
License
BSD-3-Clause
Repository
github
Last release
6 years ago

D3-force-graph Component

example of force directed graph

An experiment around force directed graphs inspired by Disjoint Force-Directed Graph

Example of usage:

Using SVG primitives

<d3-force-graph>
 <svg slot="nodes">
   <circle id=1 r=10></circle>
   <circle id=2 r=10></circle>
   ...
 </svg>
 <svg slot="links">
   <link source=1 target=2></link>
 </svg>
</d3-force-graph>

Using HTML elements

<d3-force-graph>
 <div slot="nodes">
  <input id=1 type=text></input>
  <video id=2 src='...'></video>
   ...
 </svg>
 <svg slot="links">
   <link source=1 target=2></link>
 </svg>
</d3-force-graph>