title: Regarding Roam Research – Graph Overview (canvas, d3, react)
body: <p>Regarding Graph Overview page in Roam Research, I'd like to ask how those canvas tags are created.</p>
  <p>Does anyone have a clue how those graphs inside canvas tags are created? with d3.js on canvas or some other ways?</p>
  <p>If they are created with d3.js on canvas, could you recommend some articles or anything that I could have a look?</p>
  <p>(I've been trying to create a project on react with a similar look with that...)</p>
  <p>Here's a screenshot below – Roam Research Graph Overview</p>
  <ul>
  <li>Here, even though nodes are on canvas (The whole canvas page is zoomable, and I can drag them or click them)</li>
  </ul>
  <p><a href="https://i.stack.imgur.com/i8FLv.png" rel="nofollow noreferrer">Roam Research Graph Overview</a></p>