Your browser does not support all featues used in this App. Here are some suggestions:
Google Chrome, Mozilla Firefox, Apple Safari
By: Eric Eastwood
Solid defined by:
\$\large z=9-y^2\$
\$\large z=0\$
\$\large x=0\$
\$\large x=6\$
\$\large y=0\$

Force Field:
\$\large F(x, y, z)=3i+x^2yj+(y+z)k\$

Controls:
Rotation X:
Rotation Y:
Rotation Z:

Zoom:
Calculations:
Click to Expand/Collapse
About:
The graph is completely made out of HTML and the new CSS 3D features. 3D is is limited in CSS and you can only make objects with 2d planes. The curve part (\$z=9-y^2\$) is made out of many horizontal planes. Each strip is angled by getting the slope of the tangent line at the specific point (derivative) and then taking the arctangent to get the final angle of that strip. The two end capsI(\$x=0\$, \$x=6\$) on the curve are made of many vertical strips. Finally the the caps on the side (\$y=0\$) and bottom (\$z=0\$ are single planes.