See https://beta.observablehq.com/@magjac/d3-graphviz-fiddling-not-working I’m getting “global is undefined” when d3-graphviz is about to call Viz. The notebook shows that Viz is working when used directly, but not when called through d3-graphviz. A similar example works outside of Observable: …

And a little more digging… Viz.js 1.8.1 has a broken UMD block that causes it to export the Emscripten-generated Module rather than Viz. I’ve filed a bug here: [image] Issue: AMD compatibility broken in 1.8.1. opened by mbostock on 2018-05-04 closed by mdaines on 2018-05-04 …

Here’s an even simpler example without loading viz.js at all and stepwise application of the d3-graphviz methods: https://beta.observablehq.com/@magjac/d3-graphviz-fiddling-without-viz-js-loading-not-working Since the error is the same, I suspect that I haven’t been able to load viz.js correctly in…

https://beta.observablehq.com/@fil/hello-d3-graphviz works

I’m not sure I answered your question though :wink: The error I’m getting on your notebook is a bit different than what you have written down: Cannot read property 'Int8Array' of undefined

In case you missed it, here’s a notebook that demonstrates how to use Graphviz in Observable using Viz.js: [image] Graphviz An Observable notebook. To use this in your own notebook, you can require it: dot = require("@observablehq/graphviz") And then use the d…

Thanks. Actually I started out with a fork of that notebook with the intention to add animated transitions to it with d3-graphviz, but couldn’t get it to work. Hopefully, I can come back with that soon now that I’ve gotten help.

@mbostock d3-graphviz is only 41 KB (15 KB minified) in itself. You’re probably comparing viz-lite.js with a bundle containing d3-graphviz, the full version of viz.js and some d3 core modules. The difference between viz-lite.js and viz.js is around 0.6 MB. Where did you get the numbers from? I wou…

I’m referring to the bundled d3-graphviz (check the network tab in your browser), which includes the D3 and Viz.js dependencies: https://bundle.run/d3-graphviz

I got 2.78 MB for that link before I released a new version of d3-graphviz with viz.js upgraded to v1.8.1 which reduces the size of the bundle with 0.53 MB. https://bundle.run/d3-graphviz@2.0.0: 2.78 MB https://bundle.run/d3-graphviz@2.1.0: 2.25 MB Do you see the same reduction with v2.1.0?

I collected some sizes in my very first (working) public notebook :grinning:: https://beta.observablehq.com/@magjac/size-of-libraries-and-bundles-related-to-d3-graphviz

"global is undefined" when using viz.js through d3-graphviz

Help

magjac May 3, 2018, 12:17pm 5

@Fil Thanks a lot! Deeply appreciate your help. Now I will try to understand it as well

How to get normal stack traces from libraries?

How to load experimental versions of libraries?

Topic		Replies	Views
How to get normal stack traces from libraries? Help	18	2786	December 17, 2019
How to load experimental versions of libraries? Help	4	1241	May 8, 2018
GraphViz 2.44.0 Show and tell	3	646	September 1, 2020
Implicit loading of d3 submodules? Help	3	1136	May 10, 2018
Issue with json parsing Help	5	1535	May 12, 2020

"global is undefined" when using viz.js through d3-graphviz

Related topics