"Whatever Happened To Those Dinosaurs"
summary
Full-page D3 visualization built from NASA NEO table scraped with request and cheerio, converting the HTML table to CSV then loading with d3.csv and a row transform to parse dates and numbers. Uses three scales: d3.scale.linear / d3.time.scale / logarithmic size scale to map 0–15 lunar distances, ±1 year on the x axis, and H magnitude to radii 0.75–7 px. Plots about 570 asteroids, highlights big ones, adds a Voronoi interaction layer and a CSS switchable dark/light theme.
AI-written summary · about
chapters (16)
- 0:00Introduction to dinosaurs talk
- 1:09Why asteroids fascinate me
- 3:56NASA’s near-Earth object program
- 6:01Scraping asteroid data
- 8:08Loading data into browser
- 9:31Drawing first asteroid circles
- 10:54Understanding D3 scaling
- 12:40Scaling lunar distances
- 14:04Scaling time axes
- 15:27Scaling asteroid sizes
- 16:52Adding Earth and moon
- 17:56Adding axis labels and ticks
- 18:38Highlighting future big asteroids
- 19:19Styling with CSS
- 20:01Adding interactive Voronoi grid
- 20:43Q&A on data visualization
related talks
24mBeyond the bar graph: Creative visualization with D3.js
42mD3.js – From Zero to Data Viz Hero
01h 55mUse your data to tell stories
51mD3 js: Easy and flexible data visualisation using Web standards
47mData, Design, Code
42mData visualizations on the web
41mData, Design, Code
43mData Sketches | A year of exotic data visualizations