The Earth Quake

Case Study UX/UI Design Data Visualization D3.js API Integration Responsive Design Storytelling

Data: Earthquake API

Role: UX/UI Designer, Data Storyteller, Data Analyst

Year: 2023

Stack: D3.js, HTML/CSS/JS

← Back to Home

“A clean, accessible visualization that explores how art and technology relate—what’s most popular, how they co-occur, and how trends change over time.”

Overview

The Earth Quake is a data visualization project that explores the relationship between art and technology. The visualization highlights which artworks/movements and technologies are most popular, how they intersect, and how interest evolves over time. Visuals are built with D3.js using data sourced from the Artsips API.

Visualizations used

Process

Data — Queried the Artsips API; normalized names; deduplicated entries; computed popularity and recency metrics.

Design — Sketched layouts and interaction patterns; defined a consistent color/typography system; iterated D3 prototypes for bars, network, and timeline.

Interaction — Hover/tap tooltips, filter chips for movement/technology/period, responsive reflow for mobile and desktop.

Accessibility — High-contrast palette, clear labels, keyboard focus, and reduced-motion friendly animations.

Project Website