VR Data Tree Diagram

A interactive hierarchical tree visualization displaying Virtual Reality user experience data, organized by VR headset type and gender with key metrics.

Overview

This project visualizes VR user data in a horizontal tree diagram format, showing:

• Root Node: All users across all VR headsets
• Level 1: Grouped by VR Headset (HTC Vive, PlayStation VR, Oculus Rift)
• Level 2: Grouped by Gender (Male, Female, Other)
• Level 3: Key metrics for each demographic:
  • Average Age
  • Average Motion Sickness (0-10 scale)
  • Average Session Duration (minutes)
  • Average Immersion Level (0-5 scale)

Data Source

The visualization uses Virtual Reality Experiences.csv containing 49 user records with the following fields:

• UserID: Unique identifier
• Age: User age in years
• Gender: Male, Female, or Other
• VRHeadset: HTC Vive, PlayStation VR, or Oculus Rift
• Duration: Session duration in minutes
• MotionSickness: Motion sickness rating (0-10)
• ImmersionLevel: Immersion rating (0-5)

Technology Stack

• React 19: Component-based UI framework
• D3.js 7: Data visualization and tree layout
• ES Modules: Modern JavaScript module system
• CSS3: Styling and layout

Project Structure