i’m trying to use this example of 3d plotting as my entry into the observable experience. it defines an x3d object, a call to x3d.node() returns an object, but x3d.node().runtime is undefined? any clues why that would be?
this sample code seems to assume an earlier version of d3 (eg, i had to change d3.scale.linear to d3.scaleLinear), and this issue may be similar?
I’ve used X3Dom a lot in Observable and I think it’s a natural fit. Generating 3D graphics by manipulating X3D via D3 feels a lot like generating 2D graphics by manipulating SVG in the same way, though there are certainly some difference as X3D/X3Dom just isn’t as integrated into Observable or even a standard web page, the way that SVG/D3 are.
Here are a couple examples of X3D on Observable:
I’ve also got a whole collection of things that I’ve created using a library built on top of X3Dom:
Finally, the code you point to does indeed have some incompatibilities with newer versions of D3. Here’s a version using a D3 V3 that works but seems to be missing some detail:
thanks lots @mcmcclur ! your collection will keep me busy learning for some time! trying to target appropriate versions of d3 seems like a challenge all by itself, but your working update makes it seem like the answer to my current question. thanks again.
Yes. In fact, the grid did not appear due to the fact that the grid lines are polyline2d objects that aren’t included in the standard x3dom distribution but only as part of x3dom-full. I modified the code to require x3dom-full and it now works perfectly.
In addition, here’s a version that mostly works with the latest edition of D3. The axes don’t show up in this version, though, and I’m not sure why: