Fork of Fork of Fork of Fork of The map of soldier data visualization in war - Napoleon's Russian campaign
This D3.js visualization replays Napoleon’s 1812 Russian campaign with a Minard-inspired flow map, showing troop strength as area-proportional bands that first advance toward Moscow and then retreat westward, paired with a temperature chart tracing the freezing retreat. The code builds the army streams using `d3.area` with a Catmull-Rom curve, parses embedded CSV data for troops, cities, rivers, and temperatures, and adds interactive tooltips—driven by `d3.select` and `d3.transition`—plus hover highlights and animated styling from the included CSS.
AI-generated descriptionNapoleon's Russian Campaign Visualization
An interactive D3.js visualization inspired by Charles Joseph Minard's famous 1869 flow map showing Napoleon's disastrous Russian campaign of 1812.
Features
- Visual representation of troop movements and losses
- Temperature chart showing the harsh winter conditions during the retreat
- Interactive tooltips with detailed information
- Responsive design for different screen sizes
Technologies Used
- D3.js (Data-Driven Documents)
- HTML5
- CSS3
- JavaScript
Data
The visualization includes:
- Troop movements with survivors count
- Temperature data during the retreat
- City locations with historical dates
- River locations
Inspirations
This visualization is inspired by Charles Joseph Minard's flow map, which Edward Tufte described as "probably the best statistical graphic ever drawn."
Comments
Sign in to join the discussion.