29:null 2a:["$","title",null,{"children":"From one in three to more than one in two | GlobalDataTracker | Observable"}] 2f:T2570,(()=>{ const data = [{"year":1960,"value":34.2335712808983},{"year":1961,"value":34.5109401402331},{"year":1962,"value":34.3999791158984},{"year":1963,"value":34.5568545193136},{"year":1964,"value":35.1476160350422},{"year":1965,"value":35.3541683062146},{"year":1966,"value":35.5805305350327},{"year":1967,"value":35.8132007561064},{"year":1968,"value":36.0369555466922},{"year":1969,"value":36.2531430561938},{"year":1970,"value":36.4465068838947},{"year":1971,"value":36.6534857196482},{"year":1972,"value":36.8815395836618},{"year":1973,"value":37.1627661237743},{"year":1974,"value":37.4079286853298},{"year":1975,"value":37.6976120994804},{"year":1976,"value":37.9940867294726},{"year":1977,"value":38.2941881464496},{"year":1978,"value":38.6400976199421},{"year":1979,"value":39.1340171574492},{"year":1980,"value":39.4796467509084},{"year":1981,"value":39.8685790280087},{"year":1982,"value":40.1529808635678},{"year":1983,"value":40.5680109115193},{"year":1984,"value":41.0578599206775},{"year":1985,"value":41.3908964862333},{"year":1986,"value":41.7523096822701},{"year":1987,"value":42.1115595302388},{"year":1988,"value":42.4013433756877},{"year":1989,"value":42.6658745914205},{"year":1990,"value":42.8321272176977},{"year":1991,"value":43.1665674974718},{"year":1992,"value":43.4493316374507},{"year":1993,"value":43.7269610559117},{"year":1994,"value":44.0163147432581},{"year":1995,"value":44.3128003590653},{"year":1996,"value":44.8041325932383},{"year":1997,"value":45.3028639009936},{"year":1998,"value":45.8016975826898},{"year":1999,"value":46.2927733696434},{"year":2000,"value":46.8398553166724},{"year":2001,"value":47.3049897203957},{"year":2002,"value":47.8262479750919},{"year":2003,"value":48.3638691712542},{"year":2004,"value":48.8658931738129},{"year":2005,"value":49.35871452652},{"year":2006,"value":49.872262926861},{"year":2007,"value":50.4154664586044},{"year":2008,"value":50.8801432860982},{"year":2009,"value":51.373746374335},{"year":2010,"value":51.7598125029111},{"year":2011,"value":52.4582964061998},{"year":2012,"value":52.9178673657727},{"year":2013,"value":53.4334012321388},{"year":2014,"value":53.9090710066533},{"year":2015,"value":54.4258474649377},{"year":2016,"value":54.894926437495},{"year":2017,"value":55.319833918472},{"year":2018,"value":55.7520777819135},{"year":2019,"value":56.1409825640469},{"year":2020,"value":56.4441759386598},{"year":2021,"value":56.80922270108},{"year":2022,"value":57.0722541398634},{"year":2023,"value":57.3116916082902},{"year":2024,"value":57.565600293551},{"year":2025,"value":57.8251158115221}]; const firstYear = data[0].year; const lastYear = data[data.length - 1].year; const width = 900; const height = 340; const margin = {top: 26, right: 24, bottom: 42, left: 52}; const plotWidth = width - margin.left - margin.right; const plotHeight = height - margin.top - margin.bottom; const minValue = 0; const maxValue = 100; const x = year => margin.left + ((year - firstYear) / (lastYear - firstYear)) * plotWidth; const y = value => margin.top + ((maxValue - value) / (maxValue - minValue)) * plotHeight; const svgNS = "http://www.w3.org/2000/svg"; const make = (tag, attrs) => { const node = document.createElementNS(svgNS, tag); for (const [key, value] of Object.entries(attrs || {})) node.setAttribute(key, String(value)); return node; }; const card = document.createElement("section"); card.style.cssText = "font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#12324a;background:linear-gradient(145deg,#f8fbff,#eef6fb);border:1px solid #d7e7f2;border-radius:18px;padding:24px;max-width:940px;box-shadow:0 14px 36px rgba(15,45,70,.08)"; const header = document.createElement("div"); header.style.cssText = "display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:14px"; const heading = document.createElement("div"); heading.innerHTML = "

Global trend · annual WDI series

The world is becoming more urban

"; const metric = document.createElement("div"); metric.style.cssText = "min-width:130px;text-align:right"; const valueEl = document.createElement("strong"); valueEl.style.cssText = "display:block;font-size:36px;line-height:1;color:#147db3;letter-spacing:-.04em;font-variant-numeric:tabular-nums"; const yearEl = document.createElement("span"); yearEl.style.cssText = "display:block;margin-top:7px;color:#53758d;font-size:13px"; metric.append(valueEl, yearEl); header.append(heading, metric); const summary = document.createElement("p"); summary.style.cssText = "margin:0 0 8px;color:#496579;font-size:15px;line-height:1.55;max-width:710px"; summary.textContent = "In 1960, about one person in three lived in an urban area. By 2025, it was more than one in two. Move the slider to inspect any year in the published series."; const svg = make("svg", {viewBox:"0 0 " + width + " " + height, role:"img", "aria-label":"Line chart of the world urban population share from 1960 to 2025"}); svg.style.cssText = "display:block;width:100%;height:auto;overflow:visible;margin:8px 0 6px"; const defs = make("defs"); const gradient = make("linearGradient",{id:"urban-fill",x1:"0",x2:"0",y1:"0",y2:"1"}); gradient.append(make("stop",{offset:"0%","stop-color":"#39a9dc","stop-opacity":".22"}),make("stop",{offset:"100%","stop-color":"#39a9dc","stop-opacity":"0"})); defs.append(gradient); svg.append(defs); for (const tick of [0,25,50,75,100]) { const yy=y(tick); svg.append(make("line",{x1:margin.left,y1:yy,x2:width-margin.right,y2:yy,stroke:tick===50?"#e4a323":"#dce8ef","stroke-width":tick===50?1.5:1,"stroke-dasharray":tick===50?"6 5":"0"})); const label=make("text",{x:margin.left-10,y:yy+4,"text-anchor":"end",fill:"#6c8798","font-size":"12"}); label.textContent=tick+"%"; svg.append(label); } const linePath = data.map((d,i)=>(i?"L":"M")+x(d.year).toFixed(2)+" "+y(d.value).toFixed(2)).join(" "); const areaPath = linePath+" L "+x(lastYear)+" "+y(0)+" L "+x(firstYear)+" "+y(0)+" Z"; svg.append(make("path",{d:areaPath,fill:"url(#urban-fill)"})); svg.append(make("path",{d:linePath,fill:"none",stroke:"#1687bd","stroke-width":"4","stroke-linecap":"round","stroke-linejoin":"round"})); for (const tick of [1960,1980,2000,2020,2025]) { const label=make("text",{x:x(tick),y:height-12,"text-anchor":tick===1960?"start":tick===2025?"end":"middle",fill:"#6c8798","font-size":"12"}); label.textContent=String(tick); svg.append(label); } const marker=make("circle",{r:7,fill:"#fff",stroke:"#087dad","stroke-width":4}); svg.append(marker); const guide=make("line",{y1:margin.top,y2:height-margin.bottom,stroke:"#1687bd","stroke-width":1.5,"stroke-dasharray":"3 4",opacity:".7"}); svg.append(guide); const sliderLabel=document.createElement("label"); sliderLabel.style.cssText="display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:8px 2px 0;color:#496579;font-size:13px;font-weight:650"; sliderLabel.innerHTML=""+firstYear+""; const slider=document.createElement("input"); slider.type="range";slider.min=String(firstYear);slider.max=String(lastYear);slider.step="1";slider.value=String(lastYear); slider.setAttribute("aria-label","Choose a year"); slider.style.cssText="width:100%;accent-color:#1687bd;cursor:pointer"; const endYear=document.createElement("span");endYear.textContent=String(lastYear); sliderLabel.append(slider,endYear); const note=document.createElement("p"); note.style.cssText="margin:14px 0 0;color:#607b8e;font-size:12px;line-height:1.55"; note.innerHTML="The 50% dashed line marks the point where half of the world population lives in urban areas. Urban areas follow national statistical definitions; the series is collected and smoothed by the UN Population Division."; const source=document.createElement("p"); source.style.cssText="margin:8px 0 0;color:#607b8e;font-size:12px;line-height:1.6"; source.innerHTML="Source: World Bank World Development Indicators · Indicator SP.URB.TOTL.IN.ZS · Data snapshot retrieved 13 September 2026."; const cta=document.createElement("p"); cta.style.cssText="margin:18px 0 0;padding-top:14px;border-top:1px solid #d8e7ef;font-size:14px"; cta.innerHTML="Explore the indicator by country and year on GlobalDataTracker.com ↗"; const update=()=>{ const year=Number(slider.value); const point=data.find(d=>d.year===year); valueEl.textContent=point.value.toFixed(1)+"%"; yearEl.textContent="world population in "+year; marker.setAttribute("cx",x(year)); marker.setAttribute("cy",y(point.value)); guide.setAttribute("x1",x(year)); guide.setAttribute("x2",x(year)); svg.setAttribute("aria-label","World urban population share in "+year+": "+point.value.toFixed(1)+" percent"); }; slider.addEventListener("input",update); card.append(header,summary,svg,sliderLabel,note,source,cta); update(); return card; })() 30:[] 2d:{"id":"0bbcef15f9cc983e","slug":"from-one-in-three-to-more-than-one-in-two","title":"From one in three to more than one in two","thumbnail":"6d1cbcac4adcedec616317400727061a3f1dec92e88b1079e824c42d077efb3e","access_level":"public","create_time":"$D2026-09-23T17:01:33.220Z","update_time":"$D2026-09-23T17:13:40.257Z","view_time":null,"first_public_time":"$D2026-09-23T17:17:41.823Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"df54d7159a69586a","login":"global-data-tracker","name":"GlobalDataTracker","avatar_url":"https://avatars-next.observableusercontent.com/3380da8d3510247fec484b2a066a3c68be36d7b39a70d870195d5b95a8f3b5ea","tier":"free_2026"},"version":11,"publish_version":11,"role":null,"authored":false,"authors":[{"type":"individual","id":"85a9d857aa8fc6cf","login":"global-data-tracker","name":"GlobalDataTracker","avatar_url":"https://avatars-next.observableusercontent.com/3380da8d3510247fec484b2a066a3c68be36d7b39a70d870195d5b95a8f3b5ea","tier":null}],"members":[{"type":"team","id":"df54d7159a69586a","login":"global-data-tracker","name":"GlobalDataTracker","avatar_url":"https://avatars-next.observableusercontent.com/3380da8d3510247fec484b2a066a3c68be36d7b39a70d870195d5b95a8f3b5ea","tier":"free_2026","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"From one in three to more than one in two","cells":[{"id":1,"value":"# From one in three to more than one in two\n\nThe global urban population share rose from 34.2% in 1960 to 57.8% in 2025. Drag the control below to inspect each published annual value.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$2f","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"2","titling":"auto"}} 2e:"$2d:body"