Force Graph

• a [[library]]
  • [[javascript]] [[d3]]
  • [[wp]] https://en.wikipedia.org/wiki/Force-directed_graph_drawing
  • [[go]] https://github.com/vasturiano/force-graph
    • [[graph drawing library]] in use by [[logseq]]:

  • I think it makes sense. Seems reasonable fast at the high-thousand-nodes level; the agora is currently at 10k. And most of the visualizations I want to do are actually node-scoped plus links, so really just an issue for hugely outlier nodes degree wise (like [[person]] or [[go]]).
  • Unfortunately it doesn't seem to provide labels for edges?
    • False, it does: https://vasturiano.github.io/force-graph/example/text-links/
  • Data format, JSON:

{
    "nodes": [
        {
          "id": "id1",
          "name": "name1",
          "val": 1
        },
        {
          "id": "id2",
          "name": "name2",
          "val": 10
        },
        (...)
    ],
    "links": [
        {
            "source": "id1",
            "target": "id2"
        },
        (...)
    ]
}