Name: Using Generative Art to Convey Past and Future Climate Transitions (Video) | JoVE Journal
Uploaded: 2023-03-31T13:50:00.000+00:00
Duration: 6 min 10 s
Description: Learn to create generative animations from climate data using customizable coding protocols. This method transforms complex information into engaging visuals for effective science communication.

ai_agent_IP

ai_agent

maintenance

instantTrialDurationMinutes

isBiopharma

enableNewMyJoveSectionDesign

educationFeatures

seoMetaApi

ai_copilot_institution_blacklist

ai_chat_institution_blacklist

freeAccessWindow

ssoRoleCapture

scheduledMaintenanceBanner

joveLabsFeatures

disable_autoplay_for_bots

extended_trial_duration

5 minutes

We would like to acknowledge support received from Georgia Rhodes and Stuart Copeland in the inception of this project-their encouragement and mentorship was essential to our success. We would also like to highlight the utility of&#160;https://p5js.org/reference/ as a resource in learning to code in JavaScript. This material is based upon work supported in part by the National Science Foundation under EPSCoR Cooperative Agreement #OIA-1655221 and their Vis-a-Thon program&#160;and by the Rhode Island Sea Grant [NA23OAR4170086].

1. Playing the existing visualizations
<ol>
	<li>Download coding and visualization software (see Table of Materials).
	<ol>
		<li>Download the data and code. This article uses &#39;degrees of uncertainty&#39; with data from Marcks et al.4 and Cartagena-Sierra et al.5 on the age model from Starr et al.9. 
		NOTE: The &#39;degrees of uncertainty&#39; contains five coding files, Supplementary Coding File 1, Supplementary Coding File 2, Supplementary Coding File 3, Supplementary Coding File 4, and Supplementary Coding File 5, with contents pertaining to each time period of visualization (MPT 1, MPT 2, MPT 3, MPT 4, and Future, respectively). Each of these contains coding libraries10 used for visualizations as well as &#39;Script&#39; folders containing downloaded data in .csv format, code used to generate visuals &#39;particle.js&#39;, and an index file &#39;index.html&#39; which links all relevant data and code together.</li>
	</ol>
	</li>
	<li>Open the code editing software from the &#39;degrees of uncertainty&#39;.</li>
	<li>Drag a file (MPT 1, MPT 2, MPT 3, or MPT 4) into the code editor to visualize it.
	<ol>
		<li>The files appear in the EXPLORER menu on the left-hand side of the window. Check the procedure for visualizing data from the &#39;Future&#39; folder in step 1.7.</li>
	</ol>
	</li>
	<li>In the EXPLORER menu, click on the folder (MPT 1, MPT 2, MPT 3, or MPT 4) to reveal a drop-down menu, click on script, and then click on index.html. 
	NOTE: The code appears on the right-hand side of the window.</li>
	<li>Left-click the portion of the window with code for &#39;index.html&#39; and select open with live server from the menu. 
	NOTE: An internet browser window opens and begins playing the visualization.</li>
	<li>Closing and reopening the code editor may be necessary between visualizations when loading a visual from a different subset of time. Repeat steps 1.4-1.6 for each subset of time.</li>
	<li>To view the visualization based on future projections, open the &#39;Future&#39; folder on the computer and drag either the &#39;Accumulation&#39; or &#39;Transition&#39; folder into the code editor. The difference between animations is described in the results section.</li>
	<li>Select the folder name in the EXPLORER window and click on index.html. Left-click the portion of the window with code for &#39;index.html&#39; and select open with live server from the menu. 
	&#8203;NOTE: An internet browser window opens and begins playing the visualization, which can be saved locally on a computer by screen recording.</li>
</ol>
2. Editing the visualizations
NOTE: To edit the visualizations, follow steps 1.1-1.4 above, as necessary, to load the relevant data.
<ol>
	<li>Select the folder of interest in the EXPLORER window of the code editor and open the main script file by clicking on sketch.js. 
	NOTE: The &#39;sketch.js&#39; file in the MPT 1 (Supplementary Coding File 1) contains the most detailed annotations; thus, this file may be the most useful for familiarizing the code.
	<ol>
		<li>The code appears on the right-hand side of the code editor window. Perform any edits to visualization parameters within this code. Look for code annotations with detailed descriptions of the code and its function following double slashes &#34;//&#34; and further identified by green text (Supplementary Figure 1).</li>
		<li>Define the variables that will be linked to data or used to customize visual parameters (Supplementary Figure 1).</li>
		<li>Load the data into the workspace (Supplementary Figure 2).</li>
		<li>Define the visual parameters of the canvas. Use a &#39;for&#39; loop to link data to specific characteristics; here, size is linked to nitrogen isotopic value &#39;d15N&#39; (Supplementary Figure 3).</li>
		<li>Use a for loop to define a tail length for each orb. The tail refers to the length of time that the orbs remain on screen after appearing, creating an accumulation of color as the visual progresses (Supplementary Figure 4). 
		NOTE: Here, the tail length is scaled to the accumulation rate of alkenones&#39; c37.</li>
		<li>Finally, draw the animation, applying a Perlin Noise algorithm11 to define the shape of the visuals (Supplementary Figure 5). 
		&#8203;NOTE: Here, a circle is used as the base shape with noise applied to the points along the circumference of the circle. These will &#39;wiggle&#39; the boundary of the circle, yielding an organic orb-like shape that deviates from a circle in an amount defined by the &#39;wiggle&#39; command.</li>
		<li>Edit the code as necessary using annotations to aid the alterations.</li>
	</ol>
	</li>
</ol>
3. Saving the edits
<ol>
	<li>Save the edits by pressing the command and S keys at the same time.</li>
	<li>View updated visuals by navigating to the &#39;index.html&#39; file in the EXPLORER window, left-clicking, and selecting open with live server from the menu. 
	NOTE: An internet browser window opens and begins playing the visualization, which can be saved locally on the computer by screen recording.</li>
</ol>

<ol><li>Anadol, R. efik <a target="_blank" href="http://scholar.google.com/scholar?hl=en&safe=off&q=author%3aAnadol%2C+Refik+%22Refik+Anadol%22">Refik Anadol</a>. , Refik Anadol Studio, LLC. refikanadol.com/information/ (2023).</li>
<li>Lieberman, Z. <a target="_blank" href="http://scholar.google.com/scholar?hl=en&safe=off&q=author%3aLieberman%2C+Z+%22Paint+with+your+Feet%22">Paint with your Feet</a>. , YesYesNo. www.yesyesno.com/nike-collab-paint-with-your-feet (2011).</li>
<li>Moore, F. C., Obradovich, N., Lehner, F., Baylis, P. <a target="_blank" href="http://www.ncbi.nlm.nih.gov/pubmed?term=((Rapidly+declining+remarkability+of+temperature+anomalies+may+obscure+public+perception+of+climate+change%5BTitle%5D)+AND+%22Proceedings+of+the+National+Academy+of+Sciences%22%5BJournal%5D)">Rapidly declining remarkability of temperature anomalies may obscure public perception of climate change.</a> Proceedings of the National Academy of Sciences. 116 (11), 4905-4910 (2019).</li>
<li>Marcks, B. A. <a target="_blank" href="http://www.ncbi.nlm.nih.gov/pubmed?term=((%CE%B415N+in+planktonic+foraminifera+species+G.+bulloides+and+G.+inflata+from+IODP+Site+361-U1475.+%5BDataset%5D%5BTitle%5D)+AND+%22PANGAEA%22%5BJournal%5D)">δ15N in planktonic foraminifera species G. bulloides and G. inflata from IODP Site 361-U1475. [Dataset].</a> PANGAEA. , (2022).</li>
<li>Cartagena-Sierra, A. <a target="_blank" href="http://www.ncbi.nlm.nih.gov/pubmed?term=((Latitudinal+migrations+of+the+subtropical+front+at+the+Agulhas+plateau+through+the+mid-Pleistocene+transition%5BTitle%5D)+AND+%22Paleoceanography+and+Paleoclimatology%22%5BJournal%5D)">Latitudinal migrations of the subtropical front at the Agulhas plateau through the mid-Pleistocene transition.</a> Paleoceanography and Paleoclimatology. 36 (7), e2020PA004084(2021).</li>
<li>Ford, H. L., Chalk, T. B. <a target="_blank" href="http://www.ncbi.nlm.nih.gov/pubmed?term=((The+mid-Pleistocene+enigma%5BTitle%5D)+AND+%22Oceanography%22%5BJournal%5D)">The mid-Pleistocene enigma.</a> Oceanography. 33 (2), 101-103 (2020).</li>
<li>U.S. Climate Resilience Toolkit Climate Explorer. , U.S. Federal Government. Available from: 
 <a target="_blank" href="https://crt-climate-explorer.nemac.org/">https://crt-climate-explorer.nemac.org/</a> (2021).</li>
<li>Stocker, T. <a target="_blank" href="http://scholar.google.com/scholar?hl=en&safe=off&q=author%3aStocker%2C+T+%22IPCC%3A+Climate+Change+2013%3A+The+Physical+Science+Basis.+Contribution+of+Working+Group+I+to+the+Fifth+Assessment+Report+of+the+Intergovernmental+Panel+on+Climate+Change%22">IPCC: Climate Change 2013: The Physical Science Basis. Contribution of Working Group I to the Fifth Assessment Report of the Intergovernmental Panel on Climate Change</a>. , Cambridge University Press. Cambridge. 1535(2013).</li>
<li>Starr, A., et al. <a target="_blank" href="http://www.ncbi.nlm.nih.gov/pubmed?term=((Antarctic+icebergs+reorganize+ocean+circulation+during+Pleistocene+glacials%5BTitle%5D)+AND+%22Nature%22%5BJournal%5D)">Antarctic icebergs reorganize ocean circulation during Pleistocene glacials.</a> Nature. 589 (7841), 236-241 (2021).</li>
<li>Li, Q., McCarthy, L. L. <a target="_blank" href="http://scholar.google.com/scholar?hl=en&safe=off&q=author%3aLi%2C+Q+%22P5.js%22">P5.js</a>. , p5js.org/ (2023).</li>
<li>Perlin, K. <a target="_blank" href="http://www.ncbi.nlm.nih.gov/pubmed?term=((Improving+noise%5BTitle%5D)+AND+%22Proceedings+of+the+29th+Annual+Conference+on+Computer+Graphics+and+Interactive+Techniques%22%5BJournal%5D)">Improving noise.</a> Proceedings of the 29th Annual Conference on Computer Graphics and Interactive Techniques. , 681-682 (2002).</li>
<li>Lisiecki, L. E., Raymo, M. E. <a target="_blank" href="http://www.ncbi.nlm.nih.gov/pubmed?term=((A+Pliocene-Pleistocene+stack+of+57+globally+distributed+benthic+%CE%B418O+records%5BTitle%5D)+AND+%22Paleoceanography%22%5BJournal%5D)">A Pliocene-Pleistocene stack of 57 globally distributed benthic δ18O records.</a> Paleoceanography. 20 (1), PA1003(2005).</li>
<li>Robinson, R. S. <a target="_blank" href="http://www.ncbi.nlm.nih.gov/pubmed?term=((Insights+from+fossil-bound+nitrogen+isotopes+in+diatoms%2C+foraminifera%2C+and+corals%5BTitle%5D)+AND+%22Annual+Review+of+Marine+Science%22%5BJournal%5D)">Insights from fossil-bound nitrogen isotopes in diatoms, foraminifera, and corals.</a> Annual Review of Marine Science. 15, 407-430 (2023).</li>
</ol>

The authors acknowledge that no known conflicts of interest exist at this time

This work highlights the utility of generative art for the purpose of science communication. The workflow can be used to translate existing data to elements within an animation. While the animation outputs from this work are unique in that each time the code is run a different version of the animation is created, the visual elements are scaled to geochemical and climate model data; thus, elements such as color, speed, and size remain constant, so long as the input data remains the same. This also allows for the direct co...

Generative art and the methods employed here allow for the direct translation of quantitative data into animations while preserving the integrity of the data. Artists use generative art to explore perceptions of space and time1,2, but generative art is not yet commonly used with spatial or temporal scientific data. The work presented here provides a simple framework for using generative visual products to showcase climate data. These products can be widely applied, whether used to create in-person exhibits or as a visual aid for a presentation or online publication.
Using geochemical measurements or estimates to scale elements such as color, shape, size, and speed provides a means of visually conveying rates and magnitudes of change without requiring the viewer to read a paper, interpret a graph, or look through a data table. Alternatively, the randomization of selected variables is used to convey a lack of data or uncertainty, as in the case of future projections. The juxtaposition of geologic past and future is perhaps integral to the effectiveness of these products as science communication tools. Recent experiences often serve as the baseline of comparison for modern climate change, making it difficult to grasp the magnitude of anthropogenic climate change3.
Geochemical measurements visualized in this paper span the mid-Pleistocene transition (MPT; 1.2 million to 600,000 years ago), recording changes near the northern boundary of the Southern Ocean from International Ocean Discovery Program Site U14754,5. The MPT data is presented in four animations, which highlight changes in ocean conditions as the planet cools and glacial and interglacial variability is amplified6. This provides a geologic baseline revealing the natural rhythm of Earth&#39;s climate, emphasizing a long-term cooling trend that starkly contrasts future climate projections. Future temperature estimates are average values of the results of 20 climate models under the forcings of Representative Carbon Pathway 8.5 (RCP 8.5; scenario with a radiative forcing of 8.5 W/m2 in the year 2100) for the location New York, NY7. RCP 8.5 represents a worst-case scenario of sustained emissions resulting in a 3.7 &#176;C increase in average global temperature by 21008. Thus, this article demonstrates a means of comparing future projections with geologic data to compare rates of climate change and climate variability.

<table><tbody><tr><td>Easel</td><td>Uline</td><td>H-1450SIL</td><td>Telescoping easel to hold foam core board</td></tr><tr><td>Foam Core Poster Board</td><td>Royal Brites</td><td>#753064</td><td>Foam core board used as a canvas for projection</td></tr><tr><td>Live Server</td><td>Microsoft; Publisher: Ritwick Dey</td><td>Version 5.7.9</td><td>Software extension for Visual Studio Code which allows for viewing of animations in a browser window. Downloaded at: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer</td></tr><tr><td>Throw Projector</td><td>Optoma</td><td>796435814076</td><td>Any model throw projector which will work for projection surface/distance desired&amp;nbsp;</td></tr><tr><td>Visual Studio Code</td><td>Microsoft</td><td>Version 1.74 for MAC OS</td><td>Software for code editing and execusion. Downloaded at : https://code.visualstudio.com/</td></tr></tbody></table>

using generative art to convey past and future climate transitions

Using Generative Art to Convey Past and Future Climate Transitions

The ability to understand modern day climate relies on a foundational understanding of past climate variability and the ways in which the planet is stabilized by interconnected feedbacks. This article presents a unique method for translating records of past climate transitions preserved in deep-sea sediments to broad audiences through an immersive visualization. This visualization is a multimedia installation that incorporates geochemical records of glacial and interglacial transitions and model predictions for future anthropogenic warming to create an immersive experience for viewers, inviting them to engage with and reflect on the subtle, nuanced differences between subsets of Earth&#39;s history. This work showcases five intervals of time, beginning with the inception of modern glacial-interglacial cyclicity (~one million years ago), comparing past climate with model results for projected future anthropogenic warming (until 2099). The installation consists of several experimental projections, one for each subset of time, displayed on different surfaces in a room. As viewers move through the space, the projections slowly cycle through different climatic transitions, using animation methods like speed, color, layering, and repetition, all generated through site-specific data to convey the planet&#39;s unique behavior as it relates to global climate. This work provides a framework for unique scientific data visualization, with generative animations created using a Perlin Noise algorithm at the center of the installation. Research variables, like sea surface temperature, nutrient dynamics, and the rate of climate change, impact formal outcomes like color, scale, and animation speed, which are all easy to manipulate and connect to specific data. This approach also allows the possibility of publishing data online and provides a mechanism for scaling visual parameters to a wide variety of quantitative and qualitative data.

This work produces six visualizations corresponding to five unique intervals of geologic time, with visual aspects scaled to quantitative data either measured on deep-sea sediment (Figure 1, Figure 2, Figure 3, Figure 4, Video 1, Video 2, Video 3, and Video 4) or modeled from the Intergovernmental Panel on Climate Change's (IPCC) RCP sc...

Here, a protocol is presented to visualize climate data as generative art.

The ability to understand modern day climate relies on a foundational understanding of past climate variability and the ways in which the planet is ...

using-generative-art-to-convey-past-and-future-climate-transitions

Research

JoVE Journal

Environment

Here, we present a protocol for converting phytoplankton microscopic images into vector graphics and repetitive patterns to enable visualization of shifts in phytoplankton taxa and biomass over 60 years. This protocol represents an approach that can be utilized for other plankton time series and datasets globally.

Visualizing Oceanographic Data to Depict Long-term Changes in Phytoplankton

We demonstrate the utility of remotely sensed data and the newly developed Software for Assisted Habitat Modeling (SAHM) in predicting invasive species occurrence on the landscape. An ensemble of predictive models produced highly accurate maps of tamarisk (Tamarix spp.) invasion in Southeastern Colorado, USA when assessed with subsequent field validations.

Integrating Remote Sensing with Species Distribution Models; Mapping Tamarisk Invasions Using the Software for Assisted Habitat Modeling (SAHM)

The European Commission has developed a Real-Driving Emissions (RDE) test procedure to verify pollutant emissions during real-world vehicle operation using the Portable Emissions Measurement Systems (PEMS). This paper presents the experimental procedures required by the newly-adopted RDE test.

Implementation of Portable Emissions Measurement Systems (PEMS) for the Real-driving Emissions (RDE) Regulation in Europe

This paper describes a novel protocol that combines the pharmacological manipulation of memory and radio telemetry to document and quantify the role of cognition in navigation.

Using Pharmacological Manipulation and High-precision Radio Telemetry to Study the Spatial Cognition in Free-ranging Animals

The article describes a method that increases throughput while balancing effort and accuracy for extraction of lipids from the cell membranes of microorganisms for use in characterizing both total lipids and the relative abundance of indicator lipids to determine soil microbial community structure in studies with many samples.

A Lipid Extraction and Analysis Method for Characterizing Soil Microbes in Experiments with Many Samples

With the advent of small, low-cost environmental sensors, it is now possible to deploy high-density networks of sensors to measure hyper localized temperature variation. Here, we provide a detailed methodology for constructing a compact version of a previously described custom-fabricated radiation shield for use with inexpensive thermochrons.

Construction of a Compact Low-Cost Radiation Shield for Air-Temperature Sensors in Ecological Field Studies

This method estimates sediment denitrification rates in sediment cores using the acetylene inhibition technique and microsensor measurements of the accumulated N2O. The protocol describes procedures for collecting the cores, calibrating the sensors, performing the acetylene inhibition, measuring the N2O accumulation, and calculating the denitrification rate.

Estimating Sediment Denitrification Rates Using Cores and N2O Microsensors

Understanding the biological composition of environmental particulate matter is important for the study of its significant impacts on human health and disease spread. Here, we used three types of bioaerosol sampling methods and a biological analysis of airborne microbes to better explore airborne microbial communities under different environmental conditions.

Composition and Distribution Analysis of Bioaerosols Under Different Environmental Conditions

Present here is a detailed protocol for the use of zebrafish embryos Tg(vtg1: mCherry) for the detection of estrogenic effects. The protocol covers the propagation of the fish and treatment of embryos, and emphasizes the detection, documentation, and the evaluation of fluorescent signals induced by endocrine disrupting compounds (EDC).

Using Tg(Vtg1:mcherry) Zebrafish Embryos to Test the Estrogenic Effects of Endocrine Disrupting Compounds

Presented here is the protocol for an in situ chemotaxis assay, a recently developed microfluidic device that enables studies of microbial behavior directly in the environment.

In Situ Chemotaxis Assay to Examine Microbial Behavior in Aquatic Ecosystems

Learn to create generative animations from climate data using customizable coding protocols. This method transforms complex information into engaging visuals for effective science communication.

Using Generative Art to Convey Past and Future Climate Transitions

Explore More Videos