Learn to create your own climate spiral using and temperature data. Originally designed by the climate scientist Ed Hawkins, the climate spiral is a visual representation of the changing temperatures over time, illustrating the urgent need to address climate change. Code: 🚀 Watch this video ad-free on Nebula 🕹️ Web Editor Sketch: 🎥 Previous video: 🎥 All videos: References: 🌥️ National Centre for Atmospheric Science: 🌥️ Ed Hawkin's website: 🌎 NASA Earth Observatory - Global Temperatures: 🌎 GISS Surface Temperature Analysis (GISTEMP v4): 🌎 GISS Surface Temperature Analysis: 🌎 GLOBAL SURFACE TEMPERATURE CHANGE: 🌎 Improvements in the GISTEMP Uncertainty Model: 🌊 National Centers for Environmental Information: 🔗 Suggestion from ABohyn: 🔗 : #/p5/loadTable 🔗 : #/ 🔗 lerpColor(): #/p5/lerpColor Videos: 🎥 Climate spiral visualization by climate scientist Ed Hawkins: 🚂 Polar Coordinates: 🚂 Translate, Rotate, Push/Pop: Related Coding Challenges: 🚂 48 White House Social Media Data Visualization: 🚂 58 3D Earthquake Data Visualization: 🚂 96 Visualizing the Digits of Pi: 🚂 109 Visualizing 500,000 Subscribers: Timestamps: 0:00 Welcome to a special Earth Day Coding Challenge! 0:35 What is a temperature anomaly? 2:28 NASA Goddard Institute for Space Studies website 3:17 Preview the data 4:34 Upload the data 5:13 Use loadTable() to preload the data 7:01 Check out the data 9:28 Set up the base pattern 10:42 Polar Coordinates 12:36 Add the month labels 16:11 Time for the data! 17:05 Draw the spiral 18:09 Set up global variables 19:04 Map the x, y positions to the data 20:27 Loop through all of the data 21:57 Check for null values 22:43 Animate the spiral 25:17 Add one month at a time 28:47 Add color to the spiral 29:42 Connect the points with a line segment 34:45 Use lerpColor() to vary color 38:00 Use parseFloat() to convert a string to a float 38:40 We have the climate spiral 40:16 Suggestions for possible variations 40:42 Outro Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: 👾 Share Your Creation! 🚩 Suggest Topics: 💡 GitHub: 💬 Discord: 💖 Membership: 🛒 Store: 🖋️ Twitter: 📸 Instagram: 🎥 Coding Challenges: 🎥 Intro to Programming: 🔗 : 🔗 Web Editor: 🔗 Processing: 📄 Code of Conduct: This description was auto-generated. If you see a problem, please open an issue: #data #visualization #datavisualization #climatespiral #climatechange #p5js #javascript #earthday
Hide player controls
Hide resume playing