Uploaded May 2025 | Updated September 2026, 2 weeks ago
In this episode of Dirty D3, MPJ dives deeper into the world of interpolation by exploring d3.interpolate and d3.interpolateNumber - the function that powers much of D3's ability to smoothly transition between numerical values.
Source code & Full transcript: https://src.fff.dev/f3d3d4/s01/e04
Building on Episode 3's introduction to interpolation concepts, we explore:
• Creating and using number interpolators with practical examples
• The relationship between interpolators and D3 scales
• The mysterious "t-value" parameter (and why mathematicians are feral)
• How d3.interpolate connects to d3.scaleLinear
• A real-world application using train commute times between Stockholm, Uppsala, and Upplands Väsby
• The mind-blowing revelation about time dilation in... Swedish suburbs?
This episode bridges the gap between the abstract concept of interpolation and concrete D3 mechanics, showing how interpolation functions as the engine behind D3's powerful scaling capabilities.
📚 RESOURCES:
Source code & Full transcript: https://src.fff.dev/f3d3d4/s01/e04
D3.js Documentation: d3js.org/getting-started
D3 Interpolate Docs: d3js.org/d3-interpolate/value
D3 Scale Linear: d3js.org/d3-scale/linear
👉 Follow along with our journey into the heart of D3.js as we continue to unravel the library's core concepts one rabbithole at a time!
#D3js #DataVisualization #JavaScript #WebDevelopment #DataScience #datavisualization #dataviz #d3js #dataanalytics
In this episode of Dirty D3, MPJ dives deeper into the world of interpolation by exploring d3.interpolate and d3.interpolateNumber - the function that powers much of D3's ability to smoothly transition between numerical values.
Source code & Full transcript: https://src.fff.dev/f3d3d4/s01/e04
Building on Episode 3's introduction to interpolation concepts, we explore:
• Creating and using number interpolators with practical examples
• The relationship between interpolators and D3 scales
• The mysterious "t-value" parameter (and why mathematicians are feral)
• How d3.interpolate connects to d3.scaleLinear
• A real-world application using train commute times between Stockholm, Uppsala, and Upplands Väsby
• The mind-blowing revelation about time dilation in... Swedish suburbs?
This episode bridges the gap between the abstract concept of interpolation and concrete D3 mechanics, showing how interpolation functions as the engine behind D3's powerful scaling capabilities.
📚 RESOURCES:
Source code & Full transcript: https://src.fff.dev/f3d3d4/s01/e04
D3.js Documentation: d3js.org/getting-started
D3 Interpolate Docs: d3js.org/d3-interpolate/value
D3 Scale Linear: d3js.org/d3-scale/linear
👉 Follow along with our journey into the heart of D3.js as we continue to unravel the library's core concepts one rabbithole at a time!
#D3js #DataVisualization #JavaScript #WebDevelopment #DataScience #datavisualization #dataviz #d3js #dataanalytics
