Authors: Cristian URSAN, Antoine PERICHON, Vasco V.S.D.C.M., Yvanthivong UNG, Guillaume BLAS
Cybersecurity Relevance:
Climate change poses direct threats to critical digital infrastructure. Data centers require massive cooling systems rising temperatures increase energy costs and failure risks. Extreme weather events (floods, hurricanes, wildfires) can physically destroy network infrastructure, disrupt power grids, and compromise communication systems.
Beyond physical risks, climate data itself is a cybersecurity concern. Environmental monitoring systems (satellites, weather stations, ocean sensors) are potential attack vectors. Compromised climate data could lead to flawed policy decisions or economic manipulation. Climate disinformation campaigns represent a growing information security threat, where manipulated or misrepresented data spreads through social networks to influence public opinion and policy.
Understanding climate trends through data visualization helps security professionals anticipate infrastructure vulnerabilities and build resilient systems capable of withstanding environmental disruptions.
- Frontend: HTML5, CSS3, JavaScript (ES6 modules)
- Visualization: D3.js v7 (data binding, scales, transitions, interactions)
- Mapping: TopoJSON for geographic data
-
Temperature Data: NASA GISS Surface Temperature Analysis (GISTEMP v4)
- Global (GLB), Northern Hemisphere (NH), Southern Hemisphere (SH)
- Monthly anomalies from 1880 to present
- Baseline: 1951-1980 average
- Links:
-
CO2 Emissions: Our World in Data
- Country-level annual emissions from 1750 to 2022
- Includes per capita data, cumulative totals, and regional aggregations
- Link: owid-co2-data.csv
An animated radial visualization showing temperature anomalies from 1880 to present. Each year draws as a circular path where the distance from center represents the temperature deviation from baseline. The animation progresses chronologically, creating a spiral pattern that dramatically illustrates the acceleration of warming in recent decades. Color transitions from blue (cooler) to red (warmer) reinforce the trend. Reference circles mark key temperature thresholds (0°C, 0.5°C, 1.0°C, 1.5°C).
Interactions: Automatic animation with year counter display.
A line chart displaying global temperature anomalies over time with full interactivity. The main chart shows the complete time series while a smaller context chart below enables brush selection for zooming into specific periods. Users can drag to pan and scroll to zoom, making it easy to examine short-term fluctuations or long-term trends.
Interactions: Brush selection, zoom/pan, tooltip on hover showing exact values.
A matrix visualization with years on the vertical axis and months on the horizontal axis. Each cell represents one month's temperature anomaly, colored using a diverging scale (blue for below-average, white for neutral, red for above-average). This format reveals seasonal patterns and makes it easy to identify anomalous months or years at a glance. The progression from predominantly blue cells in early decades to red cells in recent years provides a striking visual of long-term warming.
Interactions: Tooltip displaying year, month, and exact anomaly value.
A dual-line chart comparing temperature anomalies between the Northern and Southern hemispheres. The Northern Hemisphere (containing more landmass) shows greater temperature variability and faster warming than the Southern Hemisphere (predominantly ocean). This visualization highlights how climate change affects different regions asymmetrically and demonstrates the ocean's moderating influence on temperature.
Interactions: Tooltip showing both hemisphere values for any given year, legend toggle.
A bar chart aggregating temperature data by decade, showing the average anomaly for each 10-year period. This simplification removes year-to-year noise and clearly demonstrates the accelerating trend: each recent decade is warmer than the previous. Color intensity scales with temperature, creating an intuitive visual progression from cool blues (1880s-1910s) through neutral tones to warm reds (1990s-2020s).
Interactions: Hover tooltip with decade average and comparison to baseline.
A stacked area chart showing how global CO2 emissions have grown and shifted between world regions over time. Regions include North America, Europe, Asia, South America, Africa, and Oceania. The visualization reveals historical patterns: early dominance by Europe and North America, followed by rapid Asian growth in recent decades. The total height shows global emissions trajectory while individual layers show each region's contribution.
Interactions: Hover highlights individual regions with detailed emission values.
An animated bar chart race showing the top 15 CO2-emitting countries from 1950 to 2022. Bars represent annual emissions, with countries rising and falling in the rankings as their emissions change. Colors are assigned by continent for easy geographic identification. The animation reveals major geopolitical and economic shifts: the rise of China and India, the relative decline of European countries, and the persistent dominance of the United States.
Interactions: Play/pause controls, year slider, speed adjustment.
An interactive choropleth map showing CO2 emissions by country. A time slider allows exploration of any year from 1950 to 2022. Countries are colored by emission intensity using a logarithmic scale to handle the wide range of values. Clicking a country displays detailed information including total emissions, per capita emissions, and percentage of global total for that year.
Interactions: Year slider, country click for details, zoom/pan, color legend.
A bar chart showing the year-over-year percentage change in global CO2 emissions. Positive bars indicate emission increases, negative bars indicate decreases. A smoothed trend line (5-year moving average) helps identify long-term patterns beyond annual volatility. Key historical events are annotated: oil crises causing emission drops, economic recessions, and the dramatic but temporary COVID-19 decline in 2020.
Interactions: Tooltip with exact growth rate and absolute change values.
A connected scatter plot exploring the relationship between cumulative CO2 emissions (x-axis) and global temperature anomaly (y-axis). Each point represents one year, connected chronologically to show the trajectory over time. The strong positive correlation visualizes the fundamental climate science relationship: more accumulated CO2 leads to higher temperatures. The curve's shape reveals that recent emissions have accelerating temperature impacts.
Interactions: Hover shows year, emissions total, and temperature for each point.
Site will be available at : https://semanavasco.com/dataviz-a3-esilv/
- Data Binding: bindining datasets to DOM elements
- Scales: linear, band, sequential, diverging, logarithmic
- Generators: line, area, arc, lineRadial
- Transitions: animated data updates with easing
- Interactions: brush, zoom, drag, mouse events
- Geographic: geoNaturalEarth1 projection, choropleth mapping
- Time: intervals, timers for animations
- Data Manipulation: rollup, group, stack, extent, mean
ESILV A3 - Data Visualization Project