Qixuan Chu Applied AI · Human-centered systems

Data Visualization

Box Office vs Streaming Services Visualization

This case study demonstrates visual analytics, D3 implementation, and interaction design for comparing multiple entertainment data trends.

All Projects View on GitHub

Overview

Box Office vs Streaming Services Visualization was a web-based dashboard built with D3.js, JavaScript, HTML, and CSS. It analyzed entertainment-industry trends through coordinated interactive views.

Motivation

The project focused on comparison: box-office performance and streaming-service behavior are easier to reason about when viewers can move between overview patterns and specific data points.

Technical approach

  • Built coordinated D3.js views for exploratory analysis.
  • Designed interaction patterns for comparison across multiple trends.
  • Used browser-based visualization components rather than static charts.
  • Organized the interface around scanning, filtering, and visual comparison.

What I built / contributed

I developed the interactive web visualizations and implemented comparison-oriented interaction patterns, focusing on how viewers move between overview patterns and specific data points.

Result or evaluation

The project demonstrates data visualization implementation, frontend interaction design, and an ability to translate a broad data question into a usable exploratory interface.

Tools

D3.js, JavaScript, HTML, CSS.

The source repository is available on GitHub.