Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Vibecoding Starter

Public visualization

Viewing a saved revision (read-only)

787eb21b08ef4567911a10008dd45de3

Fork of React & D3 Vibecoding Starter

0 stars0🌍 Public
NNita
Last edited Jun 17, 2025
Created on Jun 17, 2025

This interactive data visualization recreates Minard's famous map of Napoleon's 1812 Russian campaign, showing the army's advance and retreat as colored paths whose thickness scales with troop count. A separate temperature chart aligns below the map by longitude, displaying readings with dates, while city labels mark key locations. Built with React and D3.js (v7), the code uses `d3.scaleLinear` and `d3.scaleSqrt` for coordinates and line width, `d3.line` for path generation, and `d3.csv` to load troop, temperature, and city data from CSV files.

AI-generated description