JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Network</title>
<script type="text/javascript" src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"></script>
</head>
<body>
<i class="fa fa-flag" style="visibility:hidden;"></i>
<div id="mynetwork"></div>
</body>
</html>
CSS
#mynetwork {
width: 100vw;
height: 100vh;
border: 1px solid lightgray;
}
JavaScript
const container = document.getElementById("mynetwork");
const DOTstring = `digraph graph_name {
graph [rankdir = LR];
"main.postEstateRequestDocument" -> "sqlx.Get" [label = "file=main.go, Line=929"];
"main.getChairDetail" -> "sqlx.Get" [label = "file=main.go, Line=325"];
"main.postChair" -> "sql.Begin" [label = "file=main.go, Line=359"];
"main.postChair" -> "sql.Rollback" [label = "file=main.go, Line=364"];
"main.postChair" -> "sql.Commit" [label = "file=main.go, Line=390"];
"main.postChair" -> "sql.Exec" [label = "file=main.go, Line=384"];
"main.searchChairs" -> "sqlx.Get" [label = "file=main.go, Line=511"];
"main.searchChairs" -> "sqlx.Select" [label = "file=main.go, Line=519"];
"main.getLowPricedChair" -> "sqlx.Select" [label = "file=main.go, Line=592"];
"main.buyChair" -> "sqlx.Beginx" [label = "file=main.go, Line=552"];
"main.buyChair" -> "sql.Rollback" [label = "file=main.go, Line=557"];
"main.buyChair" -> "sqlx.QueryRowx" [label = "file=main.go, Line=560"];
"main.buyChair" -> "sqlx.StructScan" [label = "file=main.go, Line=560"];
"main.buyChair" -> "sql.Exec" [label = "file=main.go, Line=570"];
"main.buyChair" -> "sql.Commit" [label = "file=main.go, Line=576"];
"main.getEstateDetail" -> "sqlx.Get" [label = "file=main.go, Line=613"];
"main.postEstate" -> "sql.Begin" [label = "file=main.go, Line=657"];
"main.postEstate" -> "sql.Rollback" [label = "file=main.go, Line=662"];
"main.postEstate" -> "sql.Commit" [label = "file=main.go, Line=687"];
"main.postEstate" -> "sql.Exec" [label = "file=main.go, Line=681"];
"main.searchEstates" -> "sqlx.Get" [label = "file=main.go, Line=779"];
"main.searchEstates" -> "sqlx.Select" [label = "file=main.go, Line=787"];
"main.getLowPricedEstate" -> "sqlx.Select" [label = "file=main.go, Line=804"];
"main.searchEstateNazotte" -> "sqlx.Select" [label = "file=main.go, Line=868"];
"main.searchEstateNazotte" -> "sqlx.Get" [label = "file=main.go, Line=883"];
"main.searchRecommendedEstateWithChair" ->...