Network graphs creation and display

Ask for Help
1

Does anyone have a recommendations for creating Network Graphs like offered by Flourish or Lucid using Glide data and Glide components for display?

image
image1270Ă—724 86.3 KB

2

I believe Mermaid can do network graphs. You can use a JavaScript function to feed a pre-built Mermaid.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
</head>
<body>

    <pre class="mermaid">
{M}
   </pre>
<script type="module">
  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
</script>
</body>
</html>

With {M} being the pre-built Mermaid structure.

Then feed the result to a “HTML to URL” column and use it in your Web Embed component.

1 Like