javascript - D3 stacked cylinder chart to full height -
as per title, i'm trying figure out best way create stacked cylinder scales proportionally height. below illustration of i'm trying achieve:
as can see there 3 different sections - no matter figures should fill proportionally height, in case ~234px.
what best way achieve this? dataset array of objects.
tia :)
as far know, d3 doesn't have ways of rendering objects in 3d -- i'd @ three.js webgl if you're looking lot of 3d graphs.
but, don't need d3. making cylinder turns out simple matrix3d css transforms (see http://jsfiddle.net/l2dsr0v0/1/), , after need little bit of js make multiple cylinders , make scaling work.
transform: matrix3d(1, 0, 0, 0, 0, 0.52, -0.85, 0, 0, 0.85, 0.52, 0, 0, 0, 0, 1);
if want review linear algebra transforms, http://9elements.com/html5demos/matrix3d/ place start.
Comments
Post a Comment