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 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.

+
+
+
+
+
+ + + +
+ + + +