# Network graphs creation and display

**URL:** <https://community.glideapps.com/t/network-graphs-creation-and-display/86670>\
**Category:** Ask for Help\
**Created:** [March 16, 2026, 9:04pm UTC](https://community.glideapps.com/t/network-graphs-creation-and-display/86670 "2026-03-16T21:04:35Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\
**Post date:** [March 16, 2026, 9:04pm UTC](https://community.glideapps.com/t/network-graphs-creation-and-display/86670/1 "2026-03-16T21:04:35Z")

</div>

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

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/c/1c0a60026b4999a8cb4947edeae8c872b2588e5d.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 17, 2026, 1:46am UTC](https://community.glideapps.com/t/network-graphs-creation-and-display/86670/2 "2026-03-17T01:46:32Z")

</div>

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

```auto
<!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.