SDG Network Viz 2: Environmental Indicators Network

Year: Region Focus:

Loading environmental data from World Bank API...

Legend

Node Colors (Indicator Categories)

Node Sizes (Data Magnitude)

Low values

Medium values

High values

Edge Width (Correlation Strength)

Weak correlation

Moderate correlation

Strong correlation

Data Source & Learning Documentation

API Source: World Bank Open Data API (https://api.worldbank.org/v2/)

Indicators: CO2 Emissions (EN.ATM.CO2E.PC), Forest Area (AG.LND.FRST.ZS), Renewable Energy (EG.FEC.RNEW.ZS), Access to Electricity (EG.ELC.ACCS.ZS), PM2.5 Air Pollution (EN.ATM.PM25.MC.M3)

Web Learning Source: https://d3-graph-gallery.com/network.html

Techniques Applied:

Color Scales: d3.scaleOrdinal() with d3.schemeCategory10 for categorical indicator types
Node Sizing: d3.scaleLinear() for proportional sizing based on data magnitude (5-25px range)
Force Simulation: Multi-body forces, link forces, collision detection, and centering
Visual Encodings: Size encodes value, color encodes category, edge width encodes correlation strength
Edge Styling: Curved paths with variable stroke-width based on relationship strength
Interactivity: Drag simulation, hover tooltips with rich data, zoom/pan behavior

Network Structure: Countries as nodes, environmental indicator correlations as edges. Nodes sized by normalized indicator values, colored by indicator category, connected when indicators show regional correlations.