 type="text/jsx" data-type="module">
    import ForceGraph3D from 'https://esm.sh/react-force-graph-3d?external=react';
    import React from 'react';
    import { createRoot } from 'react-dom';
    import { genRandomTree } from '../datasets/random-data.js';

    const GROUPS = 12;
    const gData = genRandomTree();

    createRoot(document.getElementById('graph')).render(
      <ForceGraph3D
        graphData={gData}
        nodeAutoColorBy={d => d.id%GROUPS}
        linkAutoColorBy={d => gData.nodes[d.sou