d3-3d is a powerful JavaScript library designed for 3D visualizations, specifically tailored to work seamlessly with d3.js. This library enables the projection of 3D data onto web browsers, making it an essential tool for developers interested in creating immersive and dynamic visualizations.
Hi,
I'm using this library and it is doing wonders for us.
Currently I am able to show two states on our 3D scatter plot by showing and hiding two separate collections of dots, something like this:
I would like to animate dots moving between the two states.
As I understand it, d3-3d calculates d.projected.x and d.projected.y for all of the data, and then cx and cy are set to draw as if it's in 3d space.
To draw cx and cy during a transition, I'd like to access x2,y2,x2, either as d.projected.x2, or projected(d.x2). Is there a clean way like this, without maintaining both sets and checking the others' calculated position, with something like dots2.filter((d2)=> { d2.id === d.id })[0].projected.x ?
Hi, I'm using this library and it is doing wonders for us. Currently I am able to show two states on our 3D scatter plot by showing and hiding two separate collections of dots, something like this:
I would like to animate dots moving between the two states.
As I understand it, d3-3d calculates d.projected.x and d.projected.y for all of the data, and then cx and cy are set to draw as if it's in 3d space.
To draw cx and cy during a transition, I'd like to access x2,y2,x2, either as
d.projected.x2
, orprojected(d.x2)
. Is there a clean way like this, without maintaining both sets and checking the others' calculated position, with something likedots2.filter((d2)=> { d2.id === d.id })[0].projected.x
?