Uploaded May 2025 | Updated September 2026, 2 weeks ago
Join MPJ in this episode of Dirty D3 as we dive into interpolation - a fundamental concept in data visualization that your brain does naturally every day without you even realizing it!
Source code & Full transcript: https://src.fff.dev/f3d3d4/s01/e03
In this episode:
• Quick recap of our d3.scaleLinear exploration from the previous episode
• Finding d3.interpolate in the D3.js documentation
• Understanding what interpolation really means
• Real-world example using a train journey between Stockholm and Uppsala (10:22)
• Interactive demonstrations and visual examples
Time codes:
02:15 Discovering d3.interpolate in the documentation
04:31 First look at the interpolate example code
07:37 What is interpolation? The fundamentals
08:46 Ball catching example - visual demonstration
10:22 Train journey example (Stockholm to Uppsala)
11:34 Finding the midpoint through interpolation
Whether you're a D3.js beginner or looking to deepen your understanding of data visualization fundamentals, this episode breaks down complex concepts into digestible, fun explorations.
"Between any two points on a curve lies an infinity of others. The art isn't in seeing the points - it's in choosing which infinities to skip." - Benoît Mandelbrot
📚 RESOURCES:
D3.js Documentation: d3js.org/getting-started
D3 Interpolate Docs: d3js.org/d3-interpolate/value
👉 Next episode: d3.interpolateNumber - where we'll go even deeper into numeric interpolation!
#D3js #DataVisualization #JavaScript #WebDevelopment #DataScience #Interpolation
Join MPJ in this episode of Dirty D3 as we dive into interpolation - a fundamental concept in data visualization that your brain does naturally every day without you even realizing it!
Source code & Full transcript: https://src.fff.dev/f3d3d4/s01/e03
In this episode:
• Quick recap of our d3.scaleLinear exploration from the previous episode
• Finding d3.interpolate in the D3.js documentation
• Understanding what interpolation really means
• Real-world example using a train journey between Stockholm and Uppsala (10:22)
• Interactive demonstrations and visual examples
Time codes:
02:15 Discovering d3.interpolate in the documentation
04:31 First look at the interpolate example code
07:37 What is interpolation? The fundamentals
08:46 Ball catching example - visual demonstration
10:22 Train journey example (Stockholm to Uppsala)
11:34 Finding the midpoint through interpolation
Whether you're a D3.js beginner or looking to deepen your understanding of data visualization fundamentals, this episode breaks down complex concepts into digestible, fun explorations.
"Between any two points on a curve lies an infinity of others. The art isn't in seeing the points - it's in choosing which infinities to skip." - Benoît Mandelbrot
📚 RESOURCES:
D3.js Documentation: d3js.org/getting-started
D3 Interpolate Docs: d3js.org/d3-interpolate/value
👉 Next episode: d3.interpolateNumber - where we'll go even deeper into numeric interpolation!
#D3js #DataVisualization #JavaScript #WebDevelopment #DataScience #Interpolation
