Viewing a saved revision (read-only)
6950ea41c7564faf98209e0b8d82d5c2
Fork of Fork of Fork of HTML Starter
This example recreates William Playfair’s 18th-century trade-balance chart, showing imports and exports between England and the East Indies from 1700 to 1780 as two colored time-series lines. The SVG visualization uses D3.js v7 with `d3.select`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` to plot random sample data. Period styling comes from the IM Fell English font and a parchment-like color scheme, with direct label placement at the end of each series.
AI-generated descriptionTrade Balance Visualization (Playfair Style)
This visualization recreates William Playfair's famous time-series charts from the 18th century, showing:
- Trade balance between England and East Indies (1700-1780)
- Import and export values in thousands of pounds
- Dual-line chart with period styling
Features:
- Historical typography using IM Fell English font
- Authentic color scheme
- Period-appropriate labeling
- Clean, minimal design following Playfair's principles
- Responsive SVG visualization
- D3.js implementation
The visualization demonstrates Playfair's innovative approach to data visualization, using:
- Time series on the x-axis
- Monetary values on the y-axis
- Dual-line comparison
- Direct labeling of data series