JSFiddle - React, Tailwind, and code Playground

by Patrick Ludewig

JavaScript

let graph = {
     nodes: [
          { name: "1", group: "a" },
          { name: "2", group: "a" },
          { name: "3", group: "b" },
          { name: "4", group: "b" },
          { name: "5", group: "b" },
          { name: "6", group: "c" },
          { name: "7", group: "c" },
          { name: "8", group: "d" },
          { name: "9", group: "e" }
     ],
     links: [
          { source: "1", target: "2" },
          { source: "1", target: "2" },
          { source: "1", target: "2" },
          { source: "1", target: "3" },
          { source: "1", target: "4" },
          { source: "2", target: "3" },
          { source: "2", target: "4" },
          { source: "3", target: "4" },
          { source: "2", target: "5" },
          { source: "1", target: "4" },
          { source: "4", target: "9" },
          { source: "4", target: "8" },
          { source: "4", target: "6" }
     ]
};

let nodeById = d3.map(nodes,  (d) =>d.name);
console.log(nodes.get("1"))