jianlinwei / webgl-surface-plot-1

Automatically exported from code.google.com/p/webgl-surface-plot

3D Surface Plotting in JavaScript!

created by Greg Ross

---

This JavaScript code allows one to plot 3D surfaces. WebGL is used to take advantage of hardware accelerated graphics to provide smooth interaction and nice visuals such as shading and lighting.

Download the code and take a look at example.html to see how.

Tested in Chrome, Firefox, Opera and Safari. See example.html in the download.

See here for a working example. Also, see the jsFiddle example.

Features

• pure JavaScript implementation. No need for Flash.
• rotation - left-click and drag the mouse to rotate the surface
• scaling - hold down the shift key and drag the mouse to scale
• defaults to use the canvas version when WebGL is not available
• custom axis titles
• customisable colour gradients
• view coordination to simultaneously rotate multiple surface plots
• animation of the surface when plotting a new data set
• hardware-accelerated rendering via cutting edge WebGL implementation

---

See also...

Visi-Scroll.

An HTML scrollbar with highligting for easy access to information

Magic Table.

A JavaScript library that allows you to see more in your data by applying some simple visual techniques to transform a table.

Excel RangeFinder.

An overview+detail visualisation for navigation in Excel spreadsheets

JavaScript voronoi.

A pure JavaScript implementation of a Voronoi tessellation

JavaScript 3D surface plotting.

A pure JavaScript implementation of a 3D surface plot