Package Exports
- d3-3d
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (d3-3d) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
d3-3d
d3-3d is meant for 3d visualizations. d3-3d allows the projection of 3d data onto the screen in the webbrowser. It is specially designed to work with d3.js. It adds 3d transformations to SVG.
See more examples
Installing
If you use npm, npm install d3-3d. You can also download the latest release. Otherwise use unpkg to get the latest release. For example:
<script src="https://unpkg.com/d3-3d/build/d3-3d.js"></script>For a specific version:
<script src="https://unpkg.com/d3-3d@version/build/d3-3d.js"></script>For the minified version:
<script src="https://unpkg.com/d3-3d@version/build/d3-3d.min.js"></script>API Reference
- d3._3d - create a new 3d function object.
- _3d.shape - set the shape.
- _3d.x - set the x accessor.
- _3d.y - set the y accessor.
- _3d.z - set the z accessor.
- _3d.scale - set the z accessor.
- _3d.rotateX - set the angle for the x rotation.
- _3d.rotateY - set the angle for the y rotation.
- _3d.rotateZ - set the angle for the z rotation.
- _3d.sort - sort the 3d elements by the centroid.
- _3d.draw - draw the 3d elements.
Overview
d3-3d uses the browser's coordinate system. It will calculate the centroid and the orientation of your polygons for you. Due to the fact that SVG isn't very 3d compatible d3-3d has also a special draw method.
Shapes
- POINT
- LINE
- LINE_STRIP
- PLANE
- TRIANGLE
- CUBE
- PYRAMID
Sets the shape to shape. If shape is not specified the current shape will be returned.
var triangles3D = d3._3d().shape('TRIANGLE');