Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of Fork of HTML Starter

Public visualization

Fork of Fork of Fork of Fork of HTML Starter

0 stars1🌍 Public
NNita
Last edited Mar 17, 2025
Created on Mar 17, 2025

A historical double bar chart visualizes Scotland's import and export values across 17 trading partners in 1781, with amounts expressed in tens of thousands of pounds. The chart pairs brown import bars with lighter export bars for each partner, arranged alphabetically along the x-axis. The visualization uses D3.js v7 with SVG rendering, including d3.scaleBand for categorical positioning and d3.axisBottom/axisLeft for labeling. An ancient papyrus aesthetic frames the chart with a Cinzel Decorative font, parchment background, and a scroll-unroll entrance animation.

AI-generated description

Scotland Trade Data Visualization (1781)

This visualization presents the import and export data for Scotland in 1781, featuring:

  • Double bar chart visualization showing imports and exports
  • 17 trading partners represented
  • Values in tens of thousands of pounds
  • Ancient papyrus styling
  • Interactive hover effects
  • Antique color scheme
  • Responsive design

Features:

  • Papyrus texture background
  • Ancient scroll unroll animation
  • Hover effects on bars
  • Classical styling with Cinzel Decorative font
  • D3.js-powered visualization
  • Clear distinction between import and export values

The visualization uses HTML, CSS, and JavaScript with D3.js to create an immersive historical data experience inspired by William Playfair's work.

Comments

Sign in to join the discussion.

MIT Licensed