Welcome to VR-Viz

VR-Viz provide a high-level react components to generate 3D visualization in webVR. It combines A-Frame with React (for DOM manipulation) and D3 (for data visualizations) to generate visualization in VR. It provides a JSON syntax for generating visualizations (the concept is inspired from Vega-Lite)

GitHub Repo: https://github.com/mustafasaifee42/vr-viz

NPM Package: vr-viz

Boilerplate for using VR-Viz can be found here

This project was initiated as master thesis at Aalto University. (Thesis link here)

Getting Started

React

To get started using vr-viz first add or install the module to your existing React project. Package link: https://www.npmjs.com/package/vr-viz

Installation

npm install --save vr-viz
Copy

or

yarn add vr-viz
Copy

Usage

import VRViz from "vr-viz"
Copy

Supported Visualizations

Graph or Charts

• 3D Bar Graph
• 3D Stacked Bar Graph
• 3D Lollipop Chart
• 3D Rectangle Chart
• 3D Scatter Plot / 3D Bubble Chat
• 3D Connected Scatter Plot
• 3D Mesh Plot
• Waterfall Plot
• 3D Time Series
• 3D Spiral Plot

Maps

• 3D Prism Map
• 3D Map Bar Graph
• 3D Map Stacked Bar Graph
• MapTimeBars
• IsolineMap
• 3D Flow Map

Diagrams

• 3D Cross Sectional View
• 3D Contour Map
• 3D Point Cloud
• 3D Force Directed Graph
• 3D TreeMap

Plots

• 3D Contour Plot or 3D Curve Plot
• 3D Parametric Curve Plot
• 3D Surface Plot
• 3D Parametric Surface Plot

Reporting a Bug

If you spot a bug, inconsistency, or typo, please open a bug issue. Better yet, submit a pull request to addresses it.

License

Vr-Viz is lecensed under the GNU General Public License v3.0

Thank You

VR-Viz is maintained and developed as a hobby project by Mustafa Saifee. I can be contacted via email or via twitter.