SVG-VML-3D 1.3 (2006) is discontinued!

Please go to SVG-CANVAS-3D 1.4 (2023) for an updated version!

(click here for the math behind it)
(click here for some documentation)

What is SVG and what is VML ?

SVG (Scalable Vector Graphics) is a format which is recomended by the W3C for the description of vector graphics, especially for the use in Web pages. In order to view a page with included SVG objects, you must install a plugin for your webbrowser. You can get one for free from http://www.adobe.com/svg/. There are plugins available for many webbrowsers.
VML (Vector Markup Language) is another format for the description of vector graphics, which is currently only used by Microsoft Internet Explorer. You can view a web page with vml code with any Internet Explorer 5.x or higher, no need to install anything before viewing.

What is SVG-VML-3D ?

SVG-VML-3D is a free JavaScript library which can be used to draw and manipulate 3D objects in html pages by using SVG or VML. The JavaScript code which has to be typed into the html page to define the Scene (3D Objects, Viewer Position, Light, ...) is the same for SVG and VML. If the browser is IE, then automatically VML will be used, otherwise SVG will be used.

What can I do with this library?

One pic is more than 1000 words, so have a look at this examples by clicking on the pictures. Make sure, you use Internet Explorer or have installed a SVG plugin for your browser. For a first impression, how easy it is to display 3D objects using this library, have a look at the source code of the respective html files. The file svgvml3d.js is the core of the library and must always be included. If you want to use a 3D chart, then the file boundingbox.js must be included. Additionally, you can define your own classes for specific 3D objects. The objects, which are defined in the files platonic.js and colorbox3d.js are only used in their specific context. Have a look at those 2 files, to see how you can define your own objects for the use with this library.

Platonic solids	3D chart
Function plotter	Rubiks cube

Where do I get this library?

If you have clicked on one of the pictures, then you already have it in the cache of your webbrowser ;-) But for your convenience I give you a link to download the whole stuff.