Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of HTML Starter

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

59722f5de51b49e993909ffe10bb240b

Open

Fork of Fork of Fork of HTML Starter

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

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 description

Ancient Solar System Map

This visualization presents the solar system as an ancient astronomical map, featuring:

  • Classical astronomical symbols (☉, ☿, ♀, ⊕, ♂, ♃, ♄, ♅, ♆)
  • Ancient Roman names for the celestial bodies
  • Papyrus/stone tablet styling
  • Traditional numerals (I through VIII)

The visualization includes:

  • The Sun (Helios)
  • Mercury (Mercurius)
  • Venus
  • Earth (Terra)
  • Mars
  • Jupiter (Iupiter)
  • Saturn (Saturnus)
  • Uranus (Caelus)
  • Neptune (Neptunus)

Features:

  • Papyrus texture background
  • Ancient scroll unroll animation
  • Hover effects with symbolic glows
  • Classical astronomical symbols
  • Responsive design
  • Antique styling with Cinzel Decorative font

The visualization uses HTML, CSS, and JavaScript to create an immersive ancient astronomical experience.