Graphs – WebGL

admin/ October 6, 2015/ Javascript, WebGL, Work/ 0 comments

Data Graphs using WebGL

Visual representation of data using simple 3D graphs.

This experiment uses, lighting/shadows/data feeds/cylinder & text geometries/camera anchor points with Tween effects/mouse interaction & CSS labels overlay’ed over the WebGL scene.

Thanks to the amazing work by AMCharts for the inspiration of the graph looks.

Interaction:

Clicking on any graph name in the upper right corner of the screen takes you to the graph using a Tween effect. It also moves the “spotlight” lighting to the specific graph. The mouse also controls the camera view point as per usual. Clicking on any bar of any graph also takes the camera and lighting to the clicked object and focuses on it.

demo

Leave a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
*
*