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:

cylinder

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

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -