VR Data Tree Diagram

An interactive tree visualization showing Virtual Reality user data organized hierarchically by demographics and usage metrics.

Overview

This project visualizes data from VR headset users, specifically focusing on HTC Vive users. The visualization displays user statistics (age, motion sickness levels, session duration, and immersion levels) organized in a hierarchical tree structure, grouped by gender.

Features

• Hierarchical Organization: Data organized by gender with calculated averages for key metrics
• Interactive Visualization: D3.js-powered tree diagram with left-to-right layout
• Color-Coded Nodes:
  • Green: Root node (All Users)
  • Blue: Male users
  • Pink: Female users
  • Orange: Other gender
  • Light Blue: Metric nodes
• Responsive Design: Clean, modern UI with styled rectangular nodes and connecting lines

Technologies

• React 19: Component-based UI
• D3.js 7: Tree layout and data visualization
• CSV Data: Virtual Reality Experiences dataset

Project Structure