We all know that data visualization is extremely useful to make sense of data. You may have heard of d3.js? Have you heard of c3.js? They're web graphing libraries that help us make sense of online data.

Web graph libraries combine the accessibility of the Internet and providing easy to understand visualizations for datasets! But they are typically 2D perspectives. What about graphs that rely on three variables? What about 3D? I created b3.js as an open source library to allow users to create 3D graphs on their web application that are manipulatable with the Oculus and Leap Motion.

What it does

b3.js allows users to create 3D graphs made of WebGL and three.js objects. Users wear an Oculus Rift to see first hand the 3D floating graph within the web browser. You can use the Leap Motion to manipulate any point of the graph and move points around to see changes live. b3.js is d3.js for 3D, VR, and hand interfaces!

Create 3D graphs as easily as d3.js but perceive a 3D perspective of graphs that rely on the third dimension. Think 3D Scatter Plots and 3D Grid Plots!

How I built it

b3.js depends on WebVR. Chromium has a VR build that supports the Oculus Rift. I created library calls within b3.js to call on the resources of WebGL and Three.js to create the graphs and points in 3D space. I also used the two to create the empty white environment that a user will appear while wearing the Oculus Rift.

What's next for b3.js

Develop and sustain!

Share this project: