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.

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

Qixuan developed interactive web visualizations and implemented comparison-oriented interaction patterns. The project fits his graduate profile because it shows practical visual analytics work rather than only dashboard styling.

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.

This is a course project. A public demo or repository should be added only after confirming the code and data can be shared.