The elusive food sovereignty: agriculture, dependencies and the crisis of the Tunisian state
When war in the Middle East reveals, behind every grain of wheat, a globalized system of gas, fertilizers, freight and currencies over which Tunisia no longer has any leverage.
Introduction: war in the Middle East as an agricultural revealer
The geopolitical crisis that opened in the Middle East in 2026 did not only trigger an oil shock. It also revealed a much less visible but potentially more explosive vulnerability: the food and agricultural dependency of importing economies in the southern Mediterranean.
In Tunisia, the temporary closure of the Strait of Hormuz, disruptions to maritime trade, tensions over natural gas and the rise in logistics costs immediately raised concerns in the markets for fertilizers, cereals and agricultural inputs.
This situation is a reminder of an often-underestimated reality: modern agriculture is no longer just a matter of land and rainfall. It now depends on extremely complex globalized industrial chains.
Wheat depends on gas. Yields depend on nitrogen fertilizers. Phosphate fertilizers depend on imported sulfur. Agricultural costs depend on oil, maritime transport, currencies and geopolitical tensions.
In this context, the war in the Middle East acts as a brutal revealer of Tunisia's structural fragilities.
The country remains heavily dependent on cereal imports. It depends massively on international agricultural inputs. Its food model rests on a system of subsidies that is budgetarily costly. Its agriculture remains poorly productive and vulnerable to climate shocks.
More fundamentally still, the current crisis reveals a central contradiction: Tunisia continues to talk about food self-sufficiency even as its agricultural system is deeply integrated into global chains over which it has virtually no control.
The question is therefore no longer simply about producing more wheat.
It has become much more strategic: how to secure a food system that depends simultaneously on gas, oil, fertilizers, world markets, maritime freight and international geopolitical equilibria?
The return of food geopolitics
For several decades, agricultural globalization rested on an implicit assumption: supply chains would remain broadly stable, and geopolitical crises would constitute only temporary disruptions.
The major operators in world grain trade viewed wars, sanctions or maritime tensions as anomalies that would quickly resolve themselves. This vision has gradually collapsed in recent years. The Covid-19 pandemic, the war in Ukraine and then the tensions in the Middle East have profoundly altered the perception of risk in international agricultural markets. Global trading players now consider logistical disruptions, export restrictions, financial sanctions and regional conflicts not as accidents but as permanent components of how the world economy operates.
This transformation is particularly important for net food-importing countries such as Tunisia. World agricultural prices no longer depend solely on harvests and climatic conditions. They are now closely tied to geopolitical tensions, maritime freight costs, insurance, energy prices and the stability of international trade routes. Wheat is a perfect illustration of this shift. In the 1970s, the United States accounted for about half of world wheat exports. Today, Russia has become the world's leading exporter with nearly a quarter of the international market. The Black Sea has thus become a central space for global food security. The war in Ukraine showed just how vulnerable countries dependent on cereal imports can become to a regional geopolitical disruption.
Black Sea & corridors
of Tunisian soft wheat imports come from the Black Sea zone (Russia, Ukraine, Romania, Bulgaria). A regional disruption immediately produces a national shockwave.
Tunisia is among these particularly exposed economies. Its food model has historically rested on a social contract centered on the availability of cheap bread. Since the 1970s, the country's social stability has largely depended on the state's ability to guarantee access to subsidized cereal products. But this model is becoming increasingly difficult to maintain in a context of rising international costs, budgetary weakness and economic slowdown. Even in good agricultural years, Tunisia remains heavily reliant on imports. Estimates cited in the debates indicate that a good harvest can reach between 16 and 20 million quintals, while national consumption is around 37 million quintals. The structural deficit therefore remains massive.
This dependency does not concern only wheat intended for human consumption. A growing share of imports also goes to animal feed. Changing dietary habits and the gradual industrialization of livestock farming have increased the need for imported cereals. But this dynamic is now running up against the growing impoverishment of the middle and working classes. Several analyses point out that the rising cost of living is pushing many households to reduce their consumption of animal proteins in favor of subsidized cereal products. Economic fragility thus mechanically reinforces cereal dependency. Bread becomes simultaneously a social shock absorber and a source of budgetary vulnerability.
The great blind spot: fertilizers and the geopolitics of inputs
One of the main lessons of the current crisis is that food sovereignty can no longer be thought of solely from the standpoint of cereal production volumes.
Modern agriculture now depends on an extremely complex globalized industrial chain, of which fertilizers are probably the most strategic element. Urea, the main nitrogen fertilizer used worldwide, depends directly on natural gas. Around 46% of its composition is tied to nitrogen derived from gas. This means that a rise in gas prices or a disruption of international energy flows is immediately reflected in agricultural costs.
The crisis in the Strait of Hormuz is a perfect illustration of this systemic vulnerability. A very large share of global urea exports transits through this strategic zone. Military tensions immediately raised concerns about world fertilizer availability. The consequences extend far beyond the Middle East. When fertilizers become more expensive or less available, farmers reduce their applications. This reduction then affects global agricultural yields and ultimately feeds through to international food prices. Several countries are already beginning to feel these indirect effects. India, for example, has had to reduce part of its fertilizer production due to energy and gas tensions, which could affect upcoming harvests and exert additional pressure on world markets.
Tunisia finds itself particularly exposed to this situation. Its agriculture is heavily dependent on imported inputs, even though this dependence often remains invisible in public debate. The country does produce phosphate, but this does not mean it is sovereign over the entire fertilizer chain. The production of phosphate fertilizers requires, in particular, sulfur, which is largely imported and often linked to vulnerable shipping routes. Even a country with strategic mineral resources can therefore remain deeply dependent on global chains to transform and add value to them.
This reality reveals the limits of the classic discourse on food self-sufficiency. Food sovereignty can no longer be defined solely by the capacity to produce wheat locally. It must integrate the entire agricultural chain: fertilizers, energy, transport, storage, logistics and access to foreign currency. In the Tunisian case, this question becomes all the more sensitive given that phosphate production has fallen sharply since 2010, simultaneously reducing national industrial capacity and export revenues. Tunisia thus finds itself in a paradoxical situation: it possesses certain strategic resources but remains dependent on global chains to add value to them.
Agricultural productivity, climate and structural limits
The current crisis also highlights the structural weaknesses of Tunisian agriculture. The central question is not only that of imports but also of productivity.
North African cereal yields remain relatively low compared to international standards. The figures cited place Tunisian yields at around 14 quintals per hectare, compared with about 17 in Morocco and 10 in Algeria, while Egypt achieves significantly higher results thanks to heavily irrigated agriculture. These levels remain insufficient to significantly reduce Tunisia's cereal dependence.
But the problem extends far beyond productivity alone. Tunisian agriculture now faces growing climate pressure. Water scarcity, recurrent droughts and the irregularity of rainfall weaken agricultural cycles and make yields much more volatile. Climate change is gradually transforming food security into a strategic issue. Good harvest years are becoming less predictable while irrigation needs are rising even as water resources diminish.
This evolution further reinforces dependence on imports. Tunisia is gradually entering a zone of systemic vulnerability where climate, energy, fertilizers and public finances become interdependent. A poor harvest leads to more imports; more imports require more foreign currency; yet currencies themselves depend on tourism, exports and macroeconomic stability. Food security thus becomes directly linked to monetary and budgetary issues.
This articulation is fundamental because it shows that the Tunisian agricultural crisis can no longer be treated as a simple sectoral issue. It now points to the very structure of the national economic model and to the state's ability to manage critical dependencies in a global environment that has become much more unstable.
The compensation fund: social stabilizer or budgetary impasse?
The Tunisian food subsidy system is one of the historic pillars of the national social contract.
The compensation fund, created during the Second World War, initially aimed to stabilize prices in a context of shortages and uncertainty. Over time, this mechanism became a central element of Tunisia's economic and social regulation. It allows the prices of bread, flour, pasta or fuel to be kept artificially low. For several decades, this system helped preserve a certain social stability.
But this model has gradually become extremely costly. The rise in international energy and commodity prices has considerably increased budgetary pressure. The Tunisian state must now simultaneously absorb energy and food subsidies in a context of weak growth and high debt. The problem is aggravated by the very structure of the system: subsidies largely benefit the entire population, including affluent households, while their abrupt removal could provoke a social explosion.
Estimated annual budgetary cost
This contradiction places the state in a permanent political impasse. Past experiences show that subsidy reforms always constitute moments of strong tension. Bread occupies a highly symbolic dimension in Tunisia. It represents both a basic food product and a historical marker of the social contract. Any price reform therefore directly affects political legitimacy.
Faced with this difficulty, adjustment often takes indirect forms. The state sometimes avoids head-on price hikes but allows shortages, supply disruptions or quality degradation to appear. This silent adjustment mechanism is becoming increasingly frequent. The current crisis could accelerate this dynamic. A lasting rise in world prices for wheat, oil and fertilizers would exert considerable pressure on Tunisia's public finances and make maintaining the current system increasingly difficult.
Agriculture, sovereignty and state crisis
The Tunisian food crisis ultimately reveals a much deeper crisis: that of the strategic state.
For several decades, Tunisian agricultural policies have oscillated between public intervention, openness to world markets and social management of prices. But this architecture today appears increasingly incoherent. Tunisia imports cereals massively while maintaining administered prices. It produces phosphate but depends on imports for certain strategic inputs. It seeks to preserve social peace while facing growing budgetary constraints.
This permanent contradiction weakens the state's planning capacities. The problem extends far beyond agriculture. It touches on the country's overall ability to manage its strategic dependencies in an unstable geopolitical environment. The food question is now inseparable from the energy question. Fertilizers depend on gas. Transport depends on oil. Imports depend on currencies. Currencies themselves depend on exports, tourism and macroeconomic stability.
This interdependence transforms food security into a national security issue. Tunisia can no longer treat agriculture, energy, foreign trade and social policy separately. The war in the Middle East shows precisely why. A regional geopolitical shock can now simultaneously produce a rise in energy prices, disruptions to fertilizers, food inflation and budgetary pressure. This cumulative dynamic is particularly dangerous for economies heavily dependent on imports.
Rethinking food sovereignty: from impossible self-sufficiency to strategic resilience
In the face of this situation, the Tunisian debate often remains prisoner of a simplistic opposition between dependence and self-sufficiency.
Yet complete cereal self-sufficiency appears structurally difficult under current climatic and hydric conditions. The real strategic question lies elsewhere: it consists of building food resilience.
This approach implies shifting the debate. Food sovereignty does not mean producing locally everything that is consumed. It means sustainably securing supply capacities, reducing critical dependencies and strengthening national capacities for crisis management. This strategy presupposes several profound transformations: better management of strategic stocks, diversification of suppliers and trade routes, and much broader reflection on critical agricultural inputs.
Food
resilience
Hover over a pillar to explore its levers.
Tunisia will likely have to develop regional and industrial strategies for fertilizers, sulfur or certain logistics chains. Maghreb cooperation could theoretically play a role in this perspective, even though regional political blockages make this option difficult in the short term. The energy question is also becoming central. Part of Tunisia's agricultural vulnerability comes directly from its dependence on imported hydrocarbons. The energy transition could therefore also become an agricultural strategy.
The development of solar on farms, improved energy efficiency or the production of green ammonia could gradually reduce certain structural dependencies. But these transformations require time, investment and a true industrial vision. Finally, the social question remains fundamental. Food security cannot be thought of solely in terms of volumes. It also depends on purchasing power. A population that no longer has access to proteins and falls back on subsidized cereal products reveals structural impoverishment.
The Tunisian food crisis is therefore not only an agricultural crisis. It is also a social, budgetary and political crisis.
Conclusion — from agricultural vulnerability to national strategy
The war in the Middle East has revealed a fundamental reality: Tunisian food security now depends as much on global geopolitics as on national harvests.
Wheat, fertilizers, gas, oil, maritime transport and currencies today form a deeply interdependent system.
Within this system, Tunisia appears particularly vulnerable.
But this vulnerability can also become a strategic starting point.
It forces us to move beyond sectoral approaches.
Agriculture can no longer be thought of independently from energy, industry, foreign trade and public finances.
The central question then becomes that of rebuilding a strategic state capable of articulating food security, energy transition, industrial policy and social justice.
Tunisia's real challenge is probably not to achieve impossible self-sufficiency.
It is to build a national capacity for resilience in a world where geopolitical, climatic and energy shocks are becoming permanent.
In other words, it is no longer simply a matter of producing more.
It is a matter of surviving strategically in an increasingly unstable global economy.
${d.name}
${d.desc}
`; } nodes.on('mouseenter', function(e,d){ svg.selectAll('.country').classed('dim',true); d3.select(this).classed('dim',false); updateInfo(d); }).on('mouseleave', function(){ svg.selectAll('.country').classed('dim',false); }); ScrollTrigger.create({ trigger:'#ssqCarto', start:'top 75%', onEnter:()=>{ nodes.transition().duration(800).delay((d,i)=>i*60) .attr('opacity',1); } }); })(); /* ============================================================ VIZ 03 — ANIMATED HORIZONTAL BARS ============================================================ */ (function(){ const container = document.getElementById('ssqBars'); if(!container) return; const rowsEl = document.getElementById('barsRows'); const ctx = document.getElementById('barsContext'); const tabs = document.querySelectorAll('#barsTabs .viz-bars-year-tab'); const flags = { us: '', ru: '', ua: '', eu: '', ca: '', au: '', ar: '' }; const data = { 1975: { rows: [ {key:'us', name:'United States', val:48, color:C.sky}, {key:'ca', name:'Canada', val:18, color:C.wheatDeep}, {key:'eu', name:'France & EU', val:11, color:C.olive}, {key:'au', name:'Australia', val:9, color:C.earth}, {key:'ar', name:'Argentina', val:6, color:C.skySoft}, {key:'ru', name:'USSR/Russia', val:4, color:C.rust}, {key:'ua', name:'Ukraine', val:1, color:C.wheat} ], ctx:'American hegemonyIn the aftermath of the oil shock, the United States dominates nearly half of the world market. Wheat is a diplomatic weapon of the Cold War.' }, 1990: { rows: [ {key:'us', name:'United States', val:35, color:C.sky}, {key:'eu', name:'France & EU', val:18, color:C.olive}, {key:'ca', name:'Canada', val:17, color:C.wheatDeep}, {key:'au', name:'Australia', val:11, color:C.earth}, {key:'ar', name:'Argentina', val:8, color:C.skySoft}, {key:'ru', name:'USSR/Russia', val:5, color:C.rust}, {key:'ua', name:'Ukraine', val:2, color:C.wheat} ], ctx:'Europe emergesThe European CAP transforms the EU into the world\'s second exporter. The American share erodes but remains dominant.' }, 2005: { rows: [ {key:'us', name:'United States', val:25, color:C.sky}, {key:'eu', name:'France & EU', val:16, color:C.olive}, {key:'ca', name:'Canada', val:14, color:C.wheatDeep}, {key:'ru', name:'Russia', val:13, color:C.rust}, {key:'au', name:'Australia', val:11, color:C.earth}, {key:'ar', name:'Argentina', val:9, color:C.skySoft}, {key:'ua', name:'Ukraine', val:6, color:C.wheat} ], ctx:'The Black Sea emergesPost-Soviet Russia reinvests in agriculture and becomes a major player. Ukraine follows the same upward trajectory.' }, 2015: { rows: [ {key:'ru', name:'Russia', val:18, color:C.rust}, {key:'eu', name:'France & EU', val:17, color:C.olive}, {key:'us', name:'United States', val:14, color:C.sky}, {key:'ca', name:'Canada', val:13, color:C.wheatDeep}, {key:'ua', name:'Ukraine', val:11, color:C.wheat}, {key:'au', name:'Australia', val:10, color:C.earth}, {key:'ar', name:'Argentina', val:7, color:C.skySoft} ], ctx:'The shift happensRussia takes the lead. For the first time since the postwar era, the United States is no longer the world\'s leading wheat exporter.' }, 2024: { rows: [ {key:'ru', name:'Russia', val:25, color:C.rust}, {key:'eu', name:'France & EU', val:17, color:C.olive}, {key:'au', name:'Australia', val:13, color:C.earth}, {key:'ca', name:'Canada', val:13, color:C.wheatDeep}, {key:'us', name:'United States', val:11, color:C.sky}, {key:'ua', name:'Ukraine', val:8, color:C.wheat}, {key:'ar', name:'Argentina', val:7, color:C.skySoft} ], ctx:'The Black Sea at the heart of the worldRussia consolidates its leadership with a quarter of global trade. The food security of North Africa and the Middle East now passes through its ports.' } }; let currentYear = 1975; let initialized = false; function render(year, animate){ const d = data[year]; const maxVal = 50; ctx.innerHTML = d.ctx; rowsEl.innerHTML = ''; d.rows.forEach((r, i)=>{ const row = document.createElement('div'); row.className = 'viz-bars-row'; row.innerHTML = ` `; rowsEl.appendChild(row); const fill = row.querySelector('.viz-bars-fill'); setTimeout(()=>{ fill.style.width = (r.val/maxVal*100) + '%'; }, animate ? 80 + i*60 : 50); }); } tabs.forEach(tab=>{ tab.addEventListener('click', ()=>{ tabs.forEach(t=>t.classList.remove('active')); tab.classList.add('active'); currentYear = +tab.dataset.y; render(currentYear, true); }); }); ScrollTrigger.create({ trigger:'#ssqBars', start:'top 75%', onEnter:()=>{ if(!initialized){ render(1975, true); initialized = true; } } }); render(1975, false); })(); /* ============================================================ VIZ 04 — CHORD DIAGRAM ============================================================ */ (function(){ const svg = d3.select('#ssqChord'); if(svg.empty()) return; const W=800, H=700, cx=W/2, cy=H/2, outerR=240, innerR=220; const names = ['Gas', 'Urea / Nitrogen', 'Oil', 'Phosphate', 'Sulfur', 'Wheat', 'Currencies', 'Maritime freight']; const colors = [C.sky, C.olive, C.ink, C.earthSoft, C.wheatDeep, C.wheat, C.rust, C.skySoft]; const matrix = [ [ 0, 28, 0, 0, 0, 0, 12, 4], [ 0, 0, 0, 0, 0, 30, 8, 6], [ 0, 0, 0, 0, 0, 0, 18, 22], [ 0, 0, 0, 0, 14, 0, 6, 4], [ 0, 0, 0, 0, 0, 0, 4, 3], [ 0, 0, 0, 0, 0, 0, 22, 14], [10, 10, 14, 8, 6, 20, 0, 6], [ 6, 4, 18, 4, 3, 12, 0, 0] ]; const chord = d3.chord().padAngle(0.05).sortSubgroups(d3.descending); const chords = chord(matrix); const g = svg.append('g').attr('transform',`translate(${cx},${cy})`); const arc = d3.arc().innerRadius(innerR).outerRadius(outerR); const ribbon = d3.ribbon().radius(innerR); const arcs = g.append('g').selectAll('path').data(chords.groups).enter().append('path') .attr('class','chord-arc') .attr('d',arc) .attr('fill',(d,i)=>colors[i]) .attr('stroke',C.paper).attr('stroke-width',1.5) .attr('opacity',0); const labels = g.append('g').selectAll('text').data(chords.groups).enter().append('text') .each(d=>{ d.angle = (d.startAngle + d.endAngle)/2; }) .attr('dy','.35em') .attr('transform', d=> `rotate(${d.angle*180/Math.PI - 90}) translate(${outerR+14}) ${d.angle>Math.PI?'rotate(180)':''}`) .attr('text-anchor', d=>d.angle>Math.PI?'end':'start') .attr('fill',C.ink) .attr('opacity',0) .text((d,i)=>names[i]); const bands = g.append('g').selectAll('path').data(chords).enter().append('path') .attr('class','chord-band') .attr('d',ribbon) .attr('fill',(d)=>colors[d.source.index]) .attr('fill-opacity',0.55) .attr('stroke',C.paper).attr('stroke-width',0.5) .attr('opacity',0); arcs.on('click', function(e, d){ const idx = d.index; bands.classed('fade', b => b.source.index !== idx && b.target.index !== idx); }); svg.on('click', function(e){ if(e.target.tagName === 'svg') bands.classed('fade', false); }); ScrollTrigger.create({ trigger:'#ssqChord', start:'top 75%', onEnter:()=>{ arcs.transition().duration(800).delay((d,i)=>i*80).attr('opacity',1); labels.transition().duration(600).delay((d,i)=>500+i*80).attr('opacity',1); bands.transition().duration(1000).delay(1200).attr('opacity',1); } }); })(); /* ============================================================ VIZ 05 — STEPS CARDS + CASH MACHINE ROLLER Each digit of the target number scrolls vertically ============================================================ */ (function(){ const cards = document.querySelectorAll('.viz-step-card'); if(!cards.length) return; // Builds the roller for a target number function buildRoller(el){ const target = String(parseInt(el.dataset.target, 10)); const prefix = el.dataset.prefix || ''; const suffix = el.dataset.suffix || ''; el.innerHTML = ''; // Prefix (static) if(prefix){ const ps = document.createElement('span'); ps.className = 'vsm-static'; ps.textContent = prefix; el.appendChild(ps); } // One roller per digit const rollers = []; for(let i=0;i{ const s = document.createElement('span'); s.textContent = n; inner.appendChild(s); }); wrap.appendChild(inner); el.appendChild(wrap); rollers.push({wrap, inner, digit, position: 30 + digit, totalSteps: 40 + digit, colIndex: i}); } // Suffix (static) if(suffix){ const ss = document.createElement('span'); ss.className = 'vsm-static'; ss.textContent = suffix; el.appendChild(ss); } return rollers; } // Launches the roller animation (cash machine effect) function spinRollers(rollers){ rollers.forEach((r, idx)=>{ // Initial position: all at the top (0) r.inner.style.transition = 'none'; r.inner.style.transform = 'translateY(0)'; // Force reflow void r.inner.offsetHeight; // Start offset: left columns start first, // right columns take longer to stop (roller effect) const duration = 1.6 + idx * 0.45; // s const delay = idx * 0.08; // s r.inner.style.transition = `transform ${duration}s cubic-bezier(.18,.65,.2,1) ${delay}s`; // We translate to the final digit // Height of one character = 1em of the container // The final digit is at index r.position r.inner.style.transform = `translateY(-${r.position}em)`; }); } // Initialize all rollers const allRollers = []; document.querySelectorAll('.vsm-num[data-roll]').forEach(el=>{ const rollers = buildRoller(el); allRollers.push({card: el.closest('.viz-step-card'), rollers}); }); const observer = new IntersectionObserver((es)=>{ es.forEach(e=>{ if(e.isIntersecting){ cards.forEach(c=>{ const delay = parseInt(c.dataset.delay||'0', 10); setTimeout(()=>{ c.classList.add('in'); // Launch this card's roller after the appearance const item = allRollers.find(a=>a.card === c); if(item){ setTimeout(()=> spinRollers(item.rollers), 650); } }, delay); }); observer.disconnect(); } }); },{threshold:.15}); observer.observe(cards[0]); })(); /* ============================================================ VIZ 06 — GHOST LINES ============================================================ */ (function(){ const svg = d3.select('#ssqGhost'); if(svg.empty()) return; const W=1100, H=480, m={t:30,r:140,b:50,l:60}; const years = d3.range(2000, 2026); const realPoints = [ [2000,13.5],[2001,11.2],[2002,9.5],[2003,16.8],[2004,15.2], [2005,12.8],[2006,14.5],[2007,11.6],[2008,7.2],[2009,18.3], [2010,15.5],[2011,15.8],[2012,12.4],[2013,17.1],[2014,11.9], [2015,14.8],[2016,8.2],[2017,12.5],[2018,17.6],[2019,15.4], [2020,11.8],[2021,9.7],[2022,8.5],[2023,7.8],[2024,13.2],[2025,14.5] ]; const morocco = years.map((y,i)=> [y, 11 + i*0.28 + Math.sin(i*0.4)*1.2]); const egypt = years.map((y,i)=> [y, 20 + i*0.45 + Math.sin(i*0.3)*0.8]); const irr = years.map((y,i)=> [y, 14 + i*0.48 + Math.sin(i*0.5)*0.7]); const datasets = { real: {data:realPoints, color:C.rust, label:'Actual Tunisia ~14 q/ha'}, ma: {data:morocco, color:C.wheatDeep, label:'Moroccan trajectory ~18'}, eg: {data:egypt, color:C.sky, label:'Egyptian trajectory ~31'}, irr: {data:irr, color:C.olive, label:'Moderate irrigation ~26'} }; const active = new Set(['real']); const x = d3.scaleLinear().domain([2000, 2025]).range([m.l, W-m.r]); const y = d3.scaleLinear().domain([5, 35]).range([H-m.b, m.t]); svg.append('g').attr('transform',`translate(0,${H-m.b})`) .call(d3.axisBottom(x).tickFormat(d3.format('d')).ticks(6)) .selectAll('text').attr('font-family','JetBrains Mono, monospace').attr('font-size',10).attr('fill',C.mute); svg.append('g').attr('transform',`translate(${m.l},0)`) .call(d3.axisLeft(y).ticks(5).tickFormat(d=>d+' q/ha')) .selectAll('text').attr('font-family','JetBrains Mono, monospace').attr('font-size',10).attr('fill',C.mute); svg.selectAll('.tick line, .domain').attr('stroke',C.ink).attr('stroke-opacity',.15); y.ticks(5).forEach(t=>{ svg.append('line').attr('x1',m.l).attr('x2',W-m.r).attr('y1',y(t)).attr('y2',y(t)) .attr('stroke',C.ink).attr('stroke-opacity',.06); }); const line = d3.line().x(d=>x(d[0])).y(d=>y(d[1])).curve(d3.curveMonotoneX); const paths = {}; const labels = {}; Object.entries(datasets).forEach(([k, ds])=>{ const isReal = k === 'real'; const path = svg.append('path').datum(ds.data) .attr('fill','none').attr('stroke',ds.color) .attr('stroke-width', isReal ? 3 : 2) .attr('stroke-dasharray', isReal ? null : '4 5') .attr('opacity', isReal ? 0.95 : 0) .attr('d', line); const len = path.node().getTotalLength(); paths[k] = {path, len, isReal}; const last = ds.data[ds.data.length-1]; labels[k] = svg.append('text') .attr('x', x(last[0])+8).attr('y', y(last[1])+4) .attr('font-family','Cormorant Garamond, serif').attr('font-style','italic') .attr('font-size',12).attr('fill',ds.color).attr('font-weight',600) .attr('opacity', isReal ? 1 : 0).text(ds.label); }); ScrollTrigger.create({ trigger:'#ssqGhost', start:'top 75%', onEnter:()=>{ paths.real.path.attr('stroke-dasharray', paths.real.len+' '+paths.real.len) .attr('stroke-dashoffset', paths.real.len) .transition().duration(1800).attr('stroke-dashoffset', 0) .on('end',()=>paths.real.path.attr('stroke-dasharray', null)); } }); document.querySelectorAll('.viz-ghost-toggle').forEach(btn=>{ btn.addEventListener('click',()=>{ const k = btn.dataset.line; if(active.has(k)){ if(k==='real') return; active.delete(k); btn.classList.remove('active'); paths[k].path.transition().duration(400).attr('opacity',0); labels[k].transition().duration(400).attr('opacity',0); } else { active.add(k); btn.classList.add('active'); paths[k].path.attr('stroke-dasharray', '4 5') .attr('opacity',0) .transition().duration(900).attr('opacity',.75); labels[k].transition().duration(600).delay(400).attr('opacity',1); } }); }); })(); /* ============================================================ VIZ 07 — STRIP HEATMAP ============================================================ */ (function(){ const stripBox = document.getElementById('ssqStrip'); const rowsEl = document.getElementById('stripRows'); const yearsEl = document.getElementById('stripYears'); const tip = document.getElementById('stripTip'); const legendEl = document.getElementById('stripLegend'); if(!stripBox) return; const regions = [ {name:'Northwest', base:0.20, slope:0.025}, {name:'Cap Bon', base:0.30, slope:0.030}, {name:'Center', base:0.45, slope:0.035}, {name:'South', base:0.65, slope:0.020} ]; const years = d3.range(2010, 2026); const colorScale = d3.scaleSequential( t => d3.interpolateRgb.gamma(2.2)('#F4EFE6', '#A63D3D')(t) ).domain([0, 1]); function stress(region, year, idx){ const drought = (year===2016||year===2022||year===2023||year===2024) ? 0.18 : 0; const noise = (Math.sin(idx*1.7 + region.base*10)*0.5 + 0.5)*0.08; return Math.min(1, Math.max(0, region.base + region.slope*idx + drought + noise)); } const allCells = []; regions.forEach((reg, ri)=>{ const row = document.createElement('div'); row.className = 'viz-strip-row'; row.innerHTML = `resilience'; center.querySelector('h5').style.color = C.ink; center.querySelector('p').textContent = 'Hover over a pillar to explore its levers.'; }); ScrollTrigger.create({ trigger:'#ssqBurst', start:'top 75%', onEnter:()=>{ arcs.transition().duration(900).delay((d,i)=>d.depth===1 ? i*100 : 600+i*25) .attr('opacity',1); g.selectAll('.burst-lbl-1').transition().duration(600).delay(1200).attr('opacity',1); g.selectAll('.burst-lbl-2').transition().duration(600).delay(1600).attr('opacity',1); } }); })(); })();