# Js Plugin to create SVG using Graphviz

**URL:** <https://forum.graphviz.org/t/js-plugin-to-create-svg-using-graphviz/424>\
**Category:** Help\
**Created:** [November 4, 2020, 5:54am UTC](https://forum.graphviz.org/t/js-plugin-to-create-svg-using-graphviz/424 "2020-11-04T05:54:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![nodejs](https://avatars.discourse-cdn.com/v4/letter/n/8e7dd6/32.png) [@nodejs](https://forum.graphviz.org/u/nodejs)\
**Post date:** [November 4, 2020, 5:54am UTC](https://forum.graphviz.org/t/js-plugin-to-create-svg-using-graphviz/424/1 "2020-11-04T05:54:19Z")

</div>

Hi Team

I want to create an SVG representation of data in the ERD diagram form like I have tables and fields metadata and relations between them. I wanted to check is there any way in Graphviz, I’m using Javascript/Jquery in my application So finding a relevant Graphviz jquery plugin that supports to javascript framework and I can create SVG using the plugin.

Please check the below image, that I want to create

![image_2020_11_03T13_07_40_368Z](https://global.discourse-cdn.com/graphviz/original/1X/a18eddcb87ac0f602d0fea4024457313f9461b4c.png)

---

<div class="post-metadata">

**Author:** ![premjg](https://sea2.discourse-cdn.com/graphviz/user_avatar/forum.graphviz.org/premjg/32/665_2.png) [@premjg](https://forum.graphviz.org/u/premjg)\
**Post date:** [April 8, 2022, 7:30am UTC](https://forum.graphviz.org/t/js-plugin-to-create-svg-using-graphviz/424/2 "2022-04-08T07:30:34Z")

</div>

It’s an old question here but for anyone else looking to get a browser side rendering of graphviz, try this webassembly library.

> **[GitHub - hpcc-systems/hpcc-js-wasm: HPCC-Systems Web-Assembly (JavaScript)](https://github.com/hpcc-systems/hpcc-js-wasm)**
>
> HPCC-Systems Web-Assembly (JavaScript) . Contribute to hpcc-systems/hpcc-js-wasm development by creating an account on GitHub.