From bda195344401ad4eceffe5aa5a6970cfa2662e4f Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 13 Feb 2026 12:50:49 +0000 Subject: [PATCH 1/2] Add interactive D3.js data visualizations for baby name analysis Five interactive visualizations built with D3.js v7: 1. US Birth Pulse - stacked area chart of 135 years of births (1880-2015) with historical event annotations 2. Gender Ratio Drift - ratio of boys to girls over time vs biological baseline 3. Name Tectonics - streamgraphs of top 10 British boy/girl names (1996-2015) 4. Bump Charts - ranking changes for top British names over two decades 5. Radial Letter Chart - first-letter distribution of all British baby names by gender https://claude.ai/code/session_01FWSYv1abWsua2rVsKfDA1F --- viz/index.html | 1072 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 1072 insertions(+) create mode 100644 viz/index.html diff --git a/viz/index.html b/viz/index.html new file mode 100644 index 0000000..53e0f37 --- /dev/null +++ b/viz/index.html @@ -0,0 +1,1072 @@ + + + + + +Baby Names: 135 Years of Data, Visualized + + + + + +
+

The Story of
Every Name

+

135 years of baby naming data from the US Social Security Administration and the UK Office for National Statistics, brought to life.

+
Scroll to explore
+
+ + +
+
+
01 / The Big Picture
+

The Pulse of a Nation

+

Every point is a year. Every peak, a generation. Watch 135 years of American births breathe—from the gilded age through two world wars, the baby boom, and beyond.

+
+
+
+
+
Male births
+
Female births
+
+
+
+
+ +
+ + +
+
+
02 / The Balance
+

The Gender Ratio Drift

+

For every 1,000 girls born, how many boys? The ratio has drifted subtly over 135 years. The biological baseline is ~1,050 boys per 1,000 girls—but culture, war, and medicine leave their mark.

+
+
+
+
+
+ +
+ + +
+
+
03 / Name Tectonics
+

The Rise and Fall of Names

+

British baby names from 1996–2015, visualized as a streamgraph. Watch cultural waves ripple through generations—names surge, peak, and give way to the next trend.

+
+
+
+
+

Top 10 British boy names · Hover for details

+
+
+
+
+

Top 10 British girl names · Hover for details

+
+
+ +
+ + +
+
+
04 / Musical Chairs
+

The Race for #1

+

Track how the top British baby names jockeyed for position over two decades. Some reign for years; others flash and fade. Hover a line to follow its journey.

+
+
+
+

Boy name rankings 1996–2015

+
+
+
+

Girl name rankings 1996–2015

+
+
+ +
+ + +
+
+
05 / The Alphabet of Names
+

What Letter Does Your Name Start With?

+

A radial chart of the first letters of all British baby names registered between 1996 and 2015. Some letters dominate; others barely register. The outer ring is boys, inner ring is girls.

+
+
+
+
+
+ + + +
+ + + + From 730f0ae084662b5bf657a78c302e27af245c1060 Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 16 Feb 2026 12:30:32 +0000 Subject: [PATCH 2/2] Add GitHub Actions workflow for GitHub Pages deployment Deploys the viz/ directory as a static site to GitHub Pages on pushes to master. Uses the official actions/deploy-pages action with OIDC token-based authentication. https://claude.ai/code/session_01RJhWNmrdB2yyG6urN36v5k --- .github/workflows/deploy.yml | 37 ++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 .github/workflows/deploy.yml diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml new file mode 100644 index 0000000..7169359 --- /dev/null +++ b/.github/workflows/deploy.yml @@ -0,0 +1,37 @@ +name: Deploy to GitHub Pages + +on: + push: + branches: [master] + workflow_dispatch: + +permissions: + contents: read + pages: write + id-token: write + +concurrency: + group: pages + cancel-in-progress: false + +jobs: + deploy: + runs-on: ubuntu-latest + environment: + name: github-pages + url: ${{ steps.deployment.outputs.page_url }} + steps: + - name: Checkout + uses: actions/checkout@v4 + + - name: Setup Pages + uses: actions/configure-pages@v5 + + - name: Upload artifact + uses: actions/upload-pages-artifact@v3 + with: + path: viz + + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v4