playing with space, shape, colour & composition
Public
Edited
Feb 9, 2024
// GraphViz
dot`digraph G {
node [shape=ellipse, fontname="Helvetica", fontsize=10];
// Defining nodes for each of the Earth's systems
Lithosphere [label="Lithosphere\n(Rocky shell)"];
Hydrosphere [label="Hydrosphere\n(Water bodies)"];
Atmosphere [label="Atmosphere\n(Gas layers)"];
Biosphere [label="Biosphere\n(All life)"];
// Describing interactions between the systems
Lithosphere -> Hydrosphere [label="Erosion,\nNutrient runoff"];
Hydrosphere -> Atmosphere [label="Evaporation"];
Atmosphere -> Hydrosphere [label="Precipitation"];
Atmosphere -> Biosphere [label="Oxygen for breathing,\nCarbon dioxide for photosynthesis"];
Hydrosphere -> Biosphere [label="Habitat,\nWater for life"];
Lithosphere -> Biosphere [label="Soil for plants,\nHabitat"];
Biosphere -> Atmosphere [label="Respiration,\nTranspiration"];
Biosphere -> Lithosphere [label="Decomposition,\nFossilization"];
}`
Simplified GraphViz notation, explaining the connections between Earth's systems with less technical language and more relatable terms.
This version uses everyday terms to describe the Earth's systems and interactions. For example, it uses "Rocks" instead of "Lithosphere" and describes processes like evaporation simply as "Water goes up into the sky." This makes the information more accessible to someone who might not be familiar with scientific terminology.
dot`
digraph EarthSystemsSimple {
node [shape=box, style=filled, color=lightblue, fontname="Helvetica", fontsize=10];
// Defining simpler nodes for each of the Earth's systems
Rocks [label="Rocks\n(Ground and mountains)"];
Water [label="Water\n(Oceans, rivers)"];
Air [label="Air\n(We breathe it)"];
Life [label="Life\n(Plants, animals, us)"];
// Describing simpler interactions between the systems
Rocks -> Water [label="Rocks make\nsandy beaches"];
Water -> Air [label="Water goes up\ninto the sky"];
Air -> Water [label="Rain falls\ndown to water"];
Air -> Life [label="We breathe air\nPlants need it too"];
Water -> Life [label="Drinks and swims\nHomes for fish"];
Rocks -> Life [label="Plants grow in\ndirt, animals live on land"];
Life -> Air [label="Plants make air,\nWe breathe out"];
Life -> Rocks [label="Plants break rocks,\nAnimals live in caves"];
}
`
dot`
digraph EarthSystemsEqual {
node [shape=circle, style=filled, color=lightgrey, fontname="Helvetica", fontsize=12, fixedsize=true, width=1.5];
// Nodes for the four key Earth systems
Rocks [label="Rocks"];
Water [label="Water"];
Air [label="Air"];
Life [label="Life"];
// Simple interactions between the systems
Rocks -> Water [label=" "];
Water -> Air [label=" "];
Air -> Life [label=" "];
Life -> Rocks [label=" "];
// Creating a more circular layout
edge [style=invis];
Rocks -> Air;
Air -> Water;
Water -> Life;
Life -> Rocks;
}
`
dot`
digraph EarthSystemsComplexInterconnections {
node [shape=circle, style=filled, color=lightblue, fontname="Helvetica", fontsize=10, fixedsize=true, width=1.5];
rankdir=LR;
// Nodes for the Earth's systems including the Cryosphere
Lithosphere [label="Lithosphere\n(Rocks)"];
Hydrosphere [label="Hydrosphere\n(Water)"];
Atmosphere [label="Atmosphere\n(Air)"];
Biosphere [label="Biosphere\n(Life)"];
Cryosphere [label="Cryosphere\n(Ice)"];
// Explicit interconnections
Lithosphere -> Hydrosphere [label="Erosion\nNutrient Delivery"];
Hydrosphere -> Atmosphere [label="Evaporation\nPrecipitation"];
Atmosphere -> Lithosphere [label="Weathering"];
Biosphere -> Atmosphere [label="O2/CO2 Exchange"];
Atmosphere -> Biosphere [label="Climate Control"];
Hydrosphere -> Biosphere [label="Habitat\nWater Supply"];
Biosphere -> Hydrosphere [label="Nutrient Cycling"];
Cryosphere -> Hydrosphere [label="Ice Melt\nSea Level Rise"];
Hydrosphere -> Cryosphere [label="Freezing"];
Cryosphere -> Atmosphere [label="Albedo Effect"];
Lithosphere -> Cryosphere [label="Glacier Formation"];
Cryosphere -> Lithosphere [label="Permafrost"];
Biosphere -> Lithosphere [label="Soil Formation\nDecomposition"];
Lithosphere -> Biosphere [label="Mineral Supply"];
// Additional invisible edges to create a more circular layout for clarity
edge [style=invis];
Lithosphere -> Atmosphere -> Cryosphere -> Hydrosphere -> Biosphere -> Lithosphere;
Hydrosphere -> Cryosphere -> Atmosphere;
}
`
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
