The Journey of an Electric VehicleFrom raw materials to recycling

About

An interactive visual story exploring the complete lifecycle of an electric vehicle.

The Journey of an Electric Vehicle explores how raw materials become batteries, how batteries power modern transportation, how they continue serving communities through second-life energy storage, and how valuable materials are recovered to begin the cycle again.

Rather than presenting isolated facts, this experience connects each stage into one continuous narrative using interactive visualization and motion.

Methodology

This experience combines publicly available industry information with representative values to illustrate processes, relationships, and long-term trends across the electric vehicle lifecycle.

The objective is to explain how the system works through visual storytelling rather than provide exhaustive statistical analysis.

Where appropriate, representative values are used to simplify complex manufacturing and supply chain processes while preserving the overall narrative.

Primary References

  • International Energy Agency (IEA)
  • United States Geological Survey (USGS)
  • BloombergNEF
  • U.S. Department of Energy
  • Battery University
  • Our World in Data

Specific figures may vary by manufacturer, battery chemistry, geography, and reporting period. Values shown throughout this experience are representative of current industry trends.

Technology

React
Next.js
TypeScript
Framer Motion
D3.js
SVG Animation

D3.js is used for geometry, layouts, and spatial calculations, while React and Framer Motion manage rendering, animation, and interaction to maintain a performant, component-based architecture.

Design Principles

Story Before Statistics

Each scene communicates one clear idea before introducing supporting data.

Motion With Purpose

Animations illustrate physical processes and transitions rather than serve as decoration.

Progressive Disclosure

Information is revealed gradually so viewers can understand each stage without becoming overwhelmed.

Consistency

A shared visual language, colour palette, typography system, and motion framework create one continuous narrative.

Accessibility

  • Supports reduced-motion preferences
  • Keyboard-accessible navigation
  • High-contrast colour palette
  • Semantic HTML and ARIA support
  • Responsive layout

Project Vision

Electric vehicles are often discussed through isolated topics such as mining, battery manufacturing, charging, or recycling.

This project brings those stages together into one continuous journey, illustrating how materials, engineering, and sustainability remain connected throughout the lifecycle of an electric vehicle.