# Is there an interactive HTML output format for large graph?
**URL:** https://forum.graphviz.org/t/is-there-an-interactive-html-output-format-for-large-graph/962
**Category:** Uncategorized
**Created:** [December 22, 2021, 10:29am UTC](https://forum.graphviz.org/t/is-there-an-interactive-html-output-format-for-large-graph/962 "2021-12-22T10:29:55Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@zhaoyifan](https://forum.graphviz.org/u/zhaoyifan)
#### Post date: [December 22, 2021, 10:29am UTC](https://forum.graphviz.org/t/is-there-an-interactive-html-output-format-for-large-graph/962/1 "2021-12-22T10:29:56Z")
I have many graphs which are very large.
I think PNG format is not the best way to show this.
An interactive html format file , with expand/hide button, maybe the solution to get to know the large business process problems.
just as some power bi visuals do.
[业务应用 - Microsoft AppSource](https://appsource.microsoft.com/zh-cn/product/power-bi-visuals/WA104381663?tab=Overview)
[apps.27193.be87688b-ca03-4e74-b880-a02da3f579b3.b05690bb-f123-4975-b351-084b37baeb8e.fe40fa6b-bc7a-4c08-82e7-d81a266e6857.png (1366×768) (s-microsoft.com)](https://store-images.s-microsoft.com/image/apps.27193.be87688b-ca03-4e74-b880-a02da3f579b3.b05690bb-f123-4975-b351-084b37baeb8e.fe40fa6b-bc7a-4c08-82e7-d81a266e6857.png)
With this, I can sent the html file via e-mail or make a website to show the flow and data .
Thanks!
---
### Author:  [@scnorth](https://forum.graphviz.org/u/scnorth)
#### Post date: [December 22, 2021, 2:28pm UTC](https://forum.graphviz.org/t/is-there-an-interactive-html-output-format-for-large-graph/962/2 "2021-12-22T14:28:07Z")
Try d3-graphviz or plain SVG?
---
### Author:  [@steveroush](https://forum.graphviz.org/u/steveroush)
#### Post date: [December 22, 2021, 5:06pm UTC](https://forum.graphviz.org/t/is-there-an-interactive-html-output-format-for-large-graph/962/3 "2021-12-22T17:06:10Z")
SVG compared to png:
- smaller file size
- works with all major web browsers
- built-in zoom (in/out) & pan (X & Y)
- always readable at any zoom level
- but _no_ expand/hide (can be done, but requires javascript)
---
### Author:  [@zhaoyifan](https://forum.graphviz.org/u/zhaoyifan)
#### Post date: [December 23, 2021, 5:36am UTC](https://forum.graphviz.org/t/is-there-an-interactive-html-output-format-for-large-graph/962/5 "2021-12-23T05:36:28Z")
Thanks, I am trying to learn what d3-graphviz can do.
---
### Author:  [@Vithanco](https://forum.graphviz.org/u/Vithanco)
#### Post date: [December 23, 2021, 5:49am UTC](https://forum.graphviz.org/t/is-there-an-interactive-html-output-format-for-large-graph/962/6 "2021-12-23T05:49:29Z")
I would love to see an expand/hide. Here a few thoughts:
- the Power BI example uses a tree where is it simple to see what can be hidden or expanded. But in a general graph with cycles, it isn’t as easy.
- The number of combination of potential subtrees which are expanded or hidden leads quickly to a too big number of potential pre-layouted graphs, so a on-the-fly layouting would be needed.
- For a tree a simple layout can be generated without even using Graphviz
- For a generic graph that has cycles, WASM version of Graphviz could be used.
- In a general graph it would make sense to do this on a set of nodes, hence on a cluster/subgraph. The subgraph would either:
- collapse into a single node and all edges into the subgraph or coming out would be starting/ending at that node.
- not shown at all (how to unhide?)
- I assume that such an expand/hide would then require a new layout for the now newly “changed” graph. (-\>WASM)
- Subgraphs could be created by a selection on the fly and don’t need to be pre-defined.
Would love so see such a component.
---
### Author:  [@zhaoyifan](https://forum.graphviz.org/u/zhaoyifan)
#### Post date: [December 23, 2021, 6:05am UTC](https://forum.graphviz.org/t/is-there-an-interactive-html-output-format-for-large-graph/962/7 "2021-12-23T06:05:10Z")
Thanks, SVG is my next attempt to make my graph readable.
But still looking for an interactive way to make my business readable.
---
### Author:  [@zhaoyifan](https://forum.graphviz.org/u/zhaoyifan)
#### Post date: [December 23, 2021, 7:07am UTC](https://forum.graphviz.org/t/is-there-an-interactive-html-output-format-for-large-graph/962/8 "2021-12-23T07:07:45Z")
This power bi example uses hierarchy relation，which means you have certain level depth. Graphs always have uncertain levels.
Cycles in graph will be forbidden in such cases.