Comments (5)
Your example is not complete, but this renders fine for me with a local build from v5.0.2 (21a1f57):
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="../node_modules/d3/dist/d3.js"></script>
<script src="../node_modules/@hpcc-js/wasm/dist/graphviz.umd.js"></script>
<script src="../build/d3-graphviz.js"></script>
<div id="graph" style="text-align: center;"></div>
<script>
d3.select("#graph").graphviz()
.logEvents(true)
.renderDot(`digraph {
Block_0 -> Block_1
Block_0 -> Block_1125
...
giving (clipped from the top):
What errors are you getting? My guess is that you are using the wrong combination of versions of d3-graphviz, d3 and @hpcc/js/wasm, but I can't tell from your example.
from d3-graphviz.
from d3-graphviz.
@magjac i upload the code to temp url: https://www.weituotian.top//examples/d3-graphviz/[email protected]/examples/basic_my2.html
from d3-graphviz.
That example renders fine for me every time with Firefox 107.0.1 on Ubuntu 22.04 and an AMD Ryzen 7 5800X 8-Core Processor, but it takes around 13 seconds. Perhaps you need to increase the timeout in your browser? I can't tell because your screenshot is only partial and doesn't show where in the code the exception occurs.
from d3-graphviz.
thanks, firefox works very well.
It may hard for you to locate the problem, I am using chrome108, and it must open the devtool otherwise it will raise a error with nothing saying. may be there are just something wrong about chrome.
i had found a article introduce how to increase the javascript timeout in chrome, but it not some help
https://qa.1r1g.com/sf/ask/443579111/
from d3-graphviz.
Related Issues (20)
- Cannot find wasm files HOT 3
- how can i get the current scale? HOT 1
- Failed to resolve entry for package "d3-graphviz" HOT 11
- Git Release missing HOT 1
- Can u produce a v5 sample? HOT 1
- graphvizlib.wasm missing in 5.0 HOT 1
- Multiple graphs within same SVG HOT 2
- Modify node shape from javascript HOT 1
- Have you considered writing an accompanying drag-and-drop node feature? HOT 3
- When is it appropriate to upgrade from v4 to v5? HOT 1
- Can not draw an edge in the graph HOT 2
- Can't render special dot string and get uncaught error in Console HOT 7
- The graph is not being displayed
- Enable d3-graphviz API to set graph attributes in the DOT source HOT 2
- Transition type error in typescript HOT 2
- Upgrade examples to library version 5.x HOT 2
- webpack4 throw cannot resolve "@hpcc-js/wasm/graphviz"
- Render transitive reduction filter directed graph HOT 2
- DOMException during transition when edge `arrowsize=0` and shape tweening is enabled
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from d3-graphviz.