import { GraphClass } from "dice-graph";

const instance = new GraphClass({ ...options });

instance.setData(graphData);

instance.mount(targetDOMElement)

import React, { useEffect, useRef } from "react";
import { GraphClass } from "dice-graph";
import data from "./data";
import "./styles.css";

export default function App() {
  const el = useRef();

  useEffect(() => {
    const mindmap = new GraphClass({});
    mindmap.setData(data);
    mindmap.mount(el.current);
  }, []);

  return (
    <div className="App">
      <div style={{ width: 800, height: 600 }} ref={el} />
    </div>
  );
}

import { Component } from "@angular/core";
import { MindMapGraph } from "dice-graph";
import data from "../assets/data";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})
export class AppComponent {
  title = "CodeSandbox";

  ngOnInit() {
    const mindmap = new MindMapGraph({});
    mindmap.setData(data);
    mindmap.mount(document.getElementById("target"));
  }
}