DZ is A small library for making 3D fun with D3
WARNING: this is a very new (and likely unstable) project. use as your own risk.
DZ takes data in 3 dimensions and transforms it to 2 dimensions.
DZ(3d) -> 2d
Demos
all these demos use SVG
- function plotting with lines
- dna double helix
- DOF with SVG blur
- simple cube
- plane
- function plotting with points
- point cube
- euler formula
- orbiting ball
Installation
just download dz.js and include it into your HTML
or, install via npm
npm install dz
Example
Here's a quick sample. Checkout example/orbit.html for a simple fully working demo.
// create a new projectionvar perspective = dzprojection // and configure the camera (aka, the "eyeball")perspective // create some 3d datavar data = 0 -1 -05 // a point at (0, -1, -0.5) // projection of your data point onto the camera "film" // -> [x, y] // or also perspectivexdata // x coordinate of the 3D -> 2D projectionperspectiveydata // y coordinate of the 3D -> 2D projection
No documentation yet so for now have a look at the source code