Skip to main content
SimilarExport ZIP
100%

Fork of Pantheon - Tracking Cultural Output Through The Ages (With Tooltips)

✓ Published0🌍 Public
CCesar Varela
Last edited Nov 25, 2021
Created on Nov 25, 2021

This visualization maps the cultural output of notable women throughout history, plotting each person as a circle on a world map with circle size representing their Historical Popularity Index. A date histogram with a brush filter is intended to allow temporal exploration. The visualization uses D3 v5 for geographic projections, scales, and histogram binning, with React managing the component structure. Tooltips are implemented using Tippy.js and render additional biographical data on hover. The data comes from the Pantheon dataset, filtered to women with confirmed birthdates.

AI-generated description

I plugged the Pantheon dataset into this dataviz template provided by Curran Kelleher.

Each dot in this map is a person with a Wikipedia bio in 15+ languages.

This is a work in progress! Apologies if it kills your browser.

Update: I've filtered the dataset by gender (Women only) to reduce load while I get it working.

Todo:

  • Add a drop-down/interactive legend to be able to filter dataset by occupation.
  • Add Zoom.
  • Solve circle overlapping problem by implementing Voronoi tooltips.
MIT Licensed

Similar vizzes

Loading thumbnail…

Pantheon - Tracking Cultural Output Through The Ages

This interactive visualization tracks the cultural output of notable women through time, using a world map to display the birth locations of historically significant individuals. A date histogram below the map allows users to brush across time periods, filtering the map to show only people born within the selected range. The map uses a natural Earth projection with graticules and land outlines, while circles sized by each person's Historical Popularity Index are colored by occupation. Built with React, the visualization leverages D3's `geoNaturalEarth1` projection, `geoPath`, `geoGraticule`, `csv` data parsing, and `brushX` for the interactive filtering.

Ssriramvsharma
90% match
Loading thumbnail…

Pantheon - Tracking Cultural Output Through The Ages (With Tooltips)

A geospatial bubble map plots notable women from Pantheon.world by birthplace, with circle size encoding each person’s Historical Popularity Index and color mapping occupation. A linked brushable time-series histogram below aggregates the same metric by birth month, filtering the map’s visible points via a D3 brush. The visualization uses `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, and `scaleOrdinal` for mapping, and renders tooltips with Tippy.js on hover. Data loads from a remote CSV, while world geometry comes from TopoJSON.

Ssriramvsharma
89% match
Loading thumbnail…

Pantheon - Tracking Cultural Output Through The Ages

This visualization combines a world map with a time-series histogram to explore cultural output through the ages. Using d3.geoNaturalEarth1 and d3.geoPath, it plots notable figures as circles on a natural Earth projection, with circle size reflecting each person's Historical Popularity Index. A d3.brushX interactive date histogram below filters the map by birthdate range. The visualization uses React and d3.v5 to render SVG elements, drawing from a CSV dataset of women with confirmed birthdates sourced from Pantheon.

Ssriramvsharma
89% match
Loading thumbnail…

Pantheon - Tracking Cultural Output Through The Ages

A world map with a time-brushing histogram visualizes the cultural output of notable women throughout history, using the Pantheon dataset. A natural Earth projection renders landmasses and graticules via `d3.geoPath`, while `d3.scaleSqrt` sizes each circle by a person's Historical Popularity Index. A date histogram, built with `d3.histogram` and `d3.brushX`, filters the map's displayed figures. The React app uses `d3.csv` for data loading and `topojson` for world atlas features.

Ssriramvsharma
88% match
Loading thumbnail…

Fork of Pantheon - Tracking Cultural Output Through The Ages

This interactive visualization combines a bubble map and a date histogram to explore cultural output through the ages using the Pantheon dataset of historically notable individuals. The map projects each person's birth location using d3.geoNaturalEarth1 and d3.geoPath, with circle radii scaled by their Historical Popularity Index via d3.scaleSqrt. A linked d3.brushX timeline below filters the map by birthdate, updating the displayed bubbles dynamically. The visualization uses React hooks, d3.csv for data loading, and topojson for world atlas geometry.

88Tigers2020
87% match
Loading thumbnail…

Pantheon - Tracking Cultural Output Through The Ages

This interactive visualization tracks the cultural output of historically notable individuals using the Pantheon dataset, which contains over 60,000 biographies from Wikipedia. A world map displays circles sized by each person's Historical Popularity Index (HPI), while a linked date histogram below allows brushing to filter the map by birth year. The visualization uses d3.geoNaturalEarth1 for the map projection, d3.geoPath for geographic features, and d3.scaleSqrt for circle sizing, with React managing the component state and brush interactions via D3's brushX.

Ssriramvsharma
83% match
Loading thumbnail…

Pantheon - Tracking Cultural Output Through The Ages

This visualization tracks the cultural output of notable figures through time using a world map and a time-series histogram. The map plots the birthplaces of individuals from a Wikipedia-based dataset, with circle size and color encoding their historical popularity index and occupation. A linked date histogram, featuring a brush for selection, filters the map to show only those figures born within a chosen era. The graphic is built with React and D3, using `d3.geoNaturalEarth1` for map projections, `d3.scaleSqrt` for sizing, and `d3.brushX` for the interactive timeline filter.

Ssriramvsharma
82% match
Loading thumbnail…

Volcano Map

This visualization displays the global distribution of historically significant individuals from the Pantheon dataset, where each circle represents a person positioned by birth location. The map uses equal-area natural Earth projection with graticule lines, and circle size encodes the Historical Popularity Index (HPI) using a square-root scale. The accompanying date histogram enables time-brushing to filter the map through linked selection. Built with React, the implementation leverages D3 modules including `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, and `scaleTime`, while tooltips employ the Tippy library.

RRamch16
71% match