Coding Challenge 178: Visualizing Climate Data

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
Back to Top