Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of The map of soldier data visualization in war - Napoleon's Russian campaign

Public visualization

Viewing a saved revision (read-only)

4fddd554e8724e0abfc90fb814f85b8e

Fork of Fork of Fork of The map of soldier data visualization in war - Napoleon's Russian campaign

0 stars1🌍 Public

This interactive D3.js visualization recreates Charles Joseph Minard’s 1869 flow map of Napoleon’s 1812 Russian campaign, depicting troop strength as path width across geography, with a linked temperature chart showing the freezing retreat conditions. Hovering over army paths and temperature points reveals detailed tooltips, while city markers, river lines, and annotations highlight key events such as the Berezina crossing. The SVG rendering uses `d3.csvParse` for embedded data, `d3.group` for path segmentation by troop group and direction, and D3 scales to map longitude/latitude coordinates alongside the temperature time series.

AI-generated description

Napoleon's Russian Campaign Visualization

An interactive data visualization inspired by Charles Joseph Minard's famous 1869 flow map showing Napoleon's disastrous Russian Campaign of 1812. Built with D3.js.

Features

  • Interactive visualization showing troop movements and losses
  • Temperature chart displaying the harsh winter conditions during retreat
  • City markers with historical context
  • Responsive design

Implementation

The visualization uses D3.js to recreate Minard's classic visualization with added interactivity:

  • Hover over troop paths to see detailed information
  • Explore temperature data points
  • View key dates and events of the campaign

Data

The visualization includes:

  • Troop movements with survivor counts
  • Temperature readings during the retreat
  • Major cities and rivers
  • Key historical events