2e:null 2f:["$","title",null,{"children":"Castles | Deepali Kank | Observable"}] 34:T2ddc,function castleMap() { const sorted = [...castles].sort((a, b) => b.pageviews - a.pageviews); const mapCategories = ["castle", "fortress", "palace", "ruin"]; const mapTheme = {ocean:"#DCEBF2", land:"#EFE2C3", border:"#2B4A5A", highlight:"#1E3A4D"}; const mapCategoryColor = d3.scaleOrdinal().domain(mapCategories).range(["#E85A44", "#2E8FB0", "#D9A441", "#5E9E4A"]); const rankedByType = new Map(mapCategories.map(cat => [cat, sorted.filter(d => d.category === cat)])); const typeRank = new Map(); for (const cat of mapCategories) rankedByType.get(cat).forEach((d, i) => typeRank.set(d, i)); const fontStyles = html``; const container = html`

`; container.append(fontStyles); container.append(html``); const controls = html`

Reveal structures by type

`; const slidersWrap = controls.querySelector(".castle-atlas__sliders"); const visibleTotal = controls.querySelector(".castle-atlas__control-total"); const sliderInputs = new Map(); const sliderCounts = new Map(); for (const cat of mapCategories) { const max = rankedByType.get(cat).length; const label = cat[0].toUpperCase() + cat.slice(1); const row = html`

${label}${max.toLocaleString()} / ${max.toLocaleString()}

`; slidersWrap.append(row); sliderInputs.set(cat, row.querySelector("input")); sliderCounts.set(cat, row.querySelector(".castle-atlas__slider-count")); } container.append(controls); const svg = d3.create("svg").attr("viewBox",[0,0,width,height]).attr("width",width).attr("height",height).attr("preserveAspectRatio","xMidYMid meet").attr("role","img").attr("aria-label","World map of castles, fortresses, palaces and ruins filtered by four type sliders").style("display","block").style("width","100%").style("height","auto").style("cursor","grab"); const defs = svg.append("defs"); defs.append("clipPath").attr("id","sphereClip").append("path").attr("d",path({type:"Sphere"})); const ocean = defs.append("radialGradient").attr("id","oceanGradient").attr("cx","48%").attr("cy","38%"); ocean.append("stop").attr("offset","0%").attr("stop-color","#F0F8FB"); ocean.append("stop").attr("offset","100%").attr("stop-color",mapTheme.ocean); const g = svg.append("g"); g.append("path").attr("d",path({type:"Sphere"})).attr("fill","url(#oceanGradient)"); g.append("path").attr("d",path(d3.geoGraticule10())).attr("fill","none").attr("stroke",mapTheme.border).attr("stroke-opacity",.14).attr("stroke-width",.55).attr("clip-path","url(#sphereClip)"); g.append("g").attr("clip-path","url(#sphereClip)").selectAll("path").data(land.features).join("path").attr("d",path).attr("fill",mapTheme.land).attr("stroke",mapTheme.border).attr("stroke-opacity",.35).attr("stroke-width",.5); g.append("path").attr("d",path({type:"Sphere"})).attr("fill","none").attr("stroke",mapTheme.border).attr("stroke-opacity",.55).attr("stroke-width",1.15); const dotsLayer = g.append("g").attr("stroke",mapTheme.border).attr("stroke-width",.52).attr("stroke-opacity",.55); const dots = dotsLayer.selectAll("circle").data([...sorted].reverse()).join("circle").attr("cx",d=>projection([d.lon,d.lat])?.[0]).attr("cy",d=>projection([d.lon,d.lat])?.[1]).attr("r",dotRadius).attr("fill",d=>mapCategoryColor(d.category)).attr("fill-opacity",.9).style("cursor","pointer"); const tooltip = html`

`; container.append(tooltip); const ttImg=tooltip.querySelector("img"),ttName=tooltip.querySelector(".tt-name"),ttMeta=tooltip.querySelector(".tt-meta"),ttStats=tooltip.querySelector(".tt-stats"); function moveTooltip(event){const [x,y]=d3.pointer(event,container);let left=x+16,top=y+16;if(left+236>width)left=x-252;if(top+208>height+60)top=y-224;tooltip.style.left=left+"px";tooltip.style.top=top+"px"} function showTooltip(event,d){ttImg.src=d.image?d.image.replace("width=1280","width=400"):"";ttName.textContent=d.name;const yearText=d.century?d.century:(d.year?d.year:"date unknown");ttMeta.textContent=`${d.category[0].toUpperCase()}${d.category.slice(1)} · ${d.country} · ${yearText}`;ttStats.textContent=`${d.pageviews.toLocaleString()} annual pageviews · ${d.sitelinks} language editions`;tooltip.style.opacity=1;moveTooltip(event);d3.select(event.currentTarget).attr("stroke",mapTheme.highlight).attr("stroke-width",1.5).raise()} function hideTooltip(event){tooltip.style.opacity=0;d3.select(event.currentTarget).attr("stroke",mapTheme.border).attr("stroke-width",.52)} dots.on("pointerenter",showTooltip).on("pointermove",moveTooltip).on("pointerleave",hideTooltip).append("title").text(d=>d.name); let currentZoomK = 1; function pointIsVisible(d) { return typeRank.get(d) < Number(sliderInputs.get(d.category).value); } function updatePoints(animate = true) { let total = 0; for (const cat of mapCategories) { const value = Number(sliderInputs.get(cat).value); const max = rankedByType.get(cat).length; total += value; sliderCounts.get(cat).textContent = `${value.toLocaleString()} / ${max.toLocaleString()}`; } visibleTotal.textContent = `${total.toLocaleString()} visible`; const target = animate ? dots.interrupt().transition().duration(260).ease(d3.easeCubicOut) : dots; dots.style("pointer-events", d => pointIsVisible(d) ? "all" : "none"); target.attr("r", d => pointIsVisible(d) ? dotRadius / Math.sqrt(currentZoomK) : 0).attr("fill-opacity", d => pointIsVisible(d) ? .9 : 0); } for (const input of sliderInputs.values()) input.addEventListener("input", () => updatePoints(true)); updatePoints(false); const zoom=d3.zoom().scaleExtent([1,12]).translateExtent([[0,0],[width,height]]).on("zoom",event=>{currentZoomK=event.transform.k;g.attr("transform",event.transform);dotsLayer.attr("stroke-width",.52/currentZoomK);dots.attr("r",d=>pointIsVisible(d)?dotRadius/Math.sqrt(currentZoomK):0)}).on("start",()=>svg.style("cursor","grabbing")).on("end",()=>svg.style("cursor","grab")); svg.call(zoom);container.append(svg.node()); const legend=html`

`; for(const cat of mapCategories){const count=castles.filter(d=>d.category===cat).length;legend.append(html`

${cat[0].toUpperCase()}${cat.slice(1)} (${count.toLocaleString()})

`)} legend.append(html`

Scroll to zoom · drag to pan

`);container.append(legend); container.append(html``); return container; } display(castleMap()); 35:T52b,const beeSize = 1000; const beeCx = beeSize / 2, beeCy = beeSize / 2; const beeGapDeg = 26; // gap at top between last and first century, in degrees const beeGap = (beeGapDeg * Math.PI) / 180; const beeAngleScale = d3.scalePoint() .domain(beeCenturyOrder) .range([beeGap / 2, Math.PI * 2 - beeGap / 2]); const beeBaseRadius = 325; const beeDotRadius = 2.05; const beePadding = 1.05; const beeMinRadius = beeBaseRadius * 0.32; const beeNodes = beeData.map(d => { const angle = beeAngleScale(d.century); return { d, angle0: angle, targetX: angle * beeBaseRadius, x: angle * beeBaseRadius + (Math.random() - 0.5) * 2, y: (Math.random() - 0.5) * 2 }; }); const beeSim = d3.forceSimulation(beeNodes) .force("x", d3.forceX(n => n.targetX).strength(0.85)) .force("y", d3.forceY(0).strength(0.045)) .force("collide", d3.forceCollide(beeDotRadius + beePadding)) .stop(); for (let i = 0; i < 320; ++i) beeSim.tick(); for (const n of beeNodes) { const angle = n.x / beeBaseRadius; const r = Math.max(beeMinRadius, beeBaseRadius + n.y); n.angle = angle; n.radius = r; n.px = beeCx + r * Math.cos(angle - Math.PI / 2); n.py = beeCy + r * Math.sin(angle - Math.PI / 2); } display({minR: d3.min(beeNodes, d=>d.radius), maxR: d3.max(beeNodes, d=>d.radius), nodes: beeNodes.length}); 36:T2b36,const beeCategoryColor = d3.scaleOrdinal() .domain(["castle", "fortress", "palace", "ruin"]) .range(["#E85A44", "#D9A441", "#C99A5B", "#2E8F86"]); function beeswarmChart() { const fontStyles = html``; const container = html`

`; container.append(fontStyles); const svg = d3.create("svg") .attr("viewBox", [0, 0, beeSize, beeSize]) .attr("width", beeSize) .attr("height", beeSize) .style("display", "block") .style("width", "100%") .style("height", "auto"); const defs = svg.append("defs"); const bgGradient = defs.append("radialGradient").attr("id", "beeBgGradient").attr("cx", "50%").attr("cy", "46%"); bgGradient.append("stop").attr("offset", "0%").attr("stop-color", "#FFFFFF"); bgGradient.append("stop").attr("offset", "100%").attr("stop-color", "#F1E9D6"); svg.append("rect").attr("x", 0).attr("y", 0).attr("width", beeSize).attr("height", beeSize).attr("fill", "url(#beeBgGradient)"); // faint guide circles const guideG = svg.append("g").attr("opacity", .5); for (const gr of [beeMinRadius, beeBaseRadius, beeBaseRadius * 1.36]) { guideG.append("circle") .attr("cx", beeCx).attr("cy", beeCy).attr("r", gr) .attr("fill", "none").attr("stroke", palette.slate).attr("stroke-opacity", .12).attr("stroke-width", 1); } // century tick labels around the outside — show every century, dim the sparse ones const labelRadius = d3.max(beeNodes, d => d.radius) + 14; const labelG = svg.append("g"); for (const c of centuryCounts2) { const minor = c.count < 5; const angle = beeAngleScale(c.century) - Math.PI / 2; const x1 = beeCx + (labelRadius - 14) * Math.cos(angle); const y1 = beeCy + (labelRadius - 14) * Math.sin(angle); const x2 = beeCx + labelRadius * Math.cos(angle); const y2 = beeCy + labelRadius * Math.sin(angle); labelG.append("line").attr("x1", x1).attr("y1", y1).attr("x2", x2).attr("y2", y2) .attr("stroke", palette.slate).attr("stroke-opacity", minor ? .16 : .3).attr("stroke-width", 1); const flip = angle > Math.PI / 2 || angle < -Math.PI / 2; const lx = beeCx + (labelRadius + 6) * Math.cos(angle); const ly = beeCy + (labelRadius + 6) * Math.sin(angle); const rot = (angle * 180) / Math.PI + (flip ? 180 : 0); const short = c.century.replace(" century", ""); labelG.append("text") .attr("class", minor ? "bee-century-label bee-century-label--minor" : "bee-century-label") .attr("x", lx).attr("y", ly) .attr("text-anchor", flip ? "end" : "start") .attr("dominant-baseline", "middle") .attr("transform", `rotate(${rot},${lx},${ly})`) .text(short); } // dots const dotsLayer = svg.append("g").attr("stroke", "#2B4A5A").attr("stroke-width", .45).attr("stroke-opacity", .55); const dots = dotsLayer.selectAll("circle") .data(beeNodes) .join("circle") .attr("cx", d => d.px) .attr("cy", d => d.py) .attr("r", beeDotRadius) .attr("fill", d => beeCategoryColor(d.d.category)) .attr("fill-opacity", .92) .style("cursor", "pointer"); // center inset map — circle area encodes each country's total structures const countryBubbleData = d3.rollups( castles, v => ({ country: v[0].country, count: v.length, lon: d3.median(v, d => d.lon), lat: d3.median(v, d => d.lat), castle: v.filter(d => d.category === "castle").length, fortress: v.filter(d => d.category === "fortress").length, palace: v.filter(d => d.category === "palace").length, ruin: v.filter(d => d.category === "ruin").length }), d => d.country ).map(([, d]) => d).filter(d => Number.isFinite(d.lon) && Number.isFinite(d.lat)); const insetProjection = d3.geoNaturalEarth1() .fitExtent([[beeCx - 170, beeCy - 70], [beeCx + 170, beeCy + 112]], land); const insetPath = d3.geoPath(insetProjection); const countryRadius = d3.scaleSqrt() .domain([1, d3.max(countryBubbleData, d => d.count)]) .range([1.6, 10.5]); const centerG = svg.append("g").attr("class", "bee-center-map"); centerG.append("text") .attr("class", "bee-center-title") .attr("x", beeCx).attr("y", beeCy - 122) .attr("text-anchor", "middle") .style("font-size", "27px") .text("Castles by country"); centerG.append("text") .attr("class", "bee-center-map__count") .attr("x", beeCx).attr("y", beeCy - 96) .attr("text-anchor", "middle") .text(countryBubbleData.length + " countries · " + castles.length.toLocaleString() + " structures"); centerG.append("path") .datum(land) .attr("class", "bee-center-map__land") .attr("d", insetPath); const countryBubbles = centerG.append("g") .selectAll("circle") .data(countryBubbleData.sort((a, b) => b.count - a.count)) .join("circle") .attr("class", "bee-center-map__bubble") .attr("cx", d => insetProjection([d.lon, d.lat])[0]) .attr("cy", d => insetProjection([d.lon, d.lat])[1]) .attr("r", d => countryRadius(d.count)) .style("cursor", "pointer"); centerG.append("text") .attr("class", "bee-center-map__note") .attr("x", beeCx).attr("y", beeCy + 140) .attr("text-anchor", "middle") .text("Circle area = total castles, forts, palaces & ruins"); // custom tooltip shared by castle dots and country bubbles const tooltip = html`

`; container.append(tooltip); const ttImg = tooltip.querySelector("img"), ttName = tooltip.querySelector(".tt-name"), ttMeta = tooltip.querySelector(".tt-meta"), ttStats = tooltip.querySelector(".tt-stats"); function moveTooltip(event) { const [x, y] = d3.pointer(event, container); let left = x + 16, top = y + 16; if (left + 236 > beeSize) left = x - 252; if (top + 208 > beeSize) top = y - 224; tooltip.style.left = left + "px"; tooltip.style.top = top + "px"; } function showTooltip(event, n) { const d = n.d; tooltip.style.width = "236px"; ttImg.style.display = "block"; ttImg.src = d.image ? d.image.replace("width=1280", "width=400") : ""; ttName.textContent = d.name; ttMeta.textContent = d.category[0].toUpperCase() + d.category.slice(1) + " · " + d.country + " · " + d.century; ttStats.textContent = d.pageviews.toLocaleString() + " annual pageviews · " + d.sitelinks + " language editions"; tooltip.style.opacity = 1; moveTooltip(event); d3.select(event.currentTarget).attr("stroke", "#1E3A4D").attr("stroke-width", 1.6).raise(); } function hideTooltip(event) { tooltip.style.opacity = 0; d3.select(event.currentTarget).attr("stroke", "#2B4A5A").attr("stroke-width", .45); } function showCountryTooltip(event, d) { tooltip.style.width = "220px"; ttImg.style.display = "none"; ttImg.src = ""; ttName.textContent = d.country; ttMeta.textContent = d.count.toLocaleString() + " total structures"; ttStats.textContent = d.castle.toLocaleString() + " castles · " + d.fortress.toLocaleString() + " forts · " + d.palace.toLocaleString() + " palaces · " + d.ruin.toLocaleString() + " ruins"; tooltip.style.opacity = 1; moveTooltip(event); d3.select(event.currentTarget).attr("stroke", "#1E3A4D").attr("stroke-width", 1.4).raise(); } function hideCountryTooltip(event) { tooltip.style.opacity = 0; d3.select(event.currentTarget).attr("stroke", "#FBF8F0").attr("stroke-width", .65); } dots.on("pointerenter", showTooltip).on("pointermove", moveTooltip).on("pointerleave", hideTooltip); countryBubbles.on("pointerenter", showCountryTooltip).on("pointermove", moveTooltip).on("pointerleave", hideCountryTooltip); container.append(svg.node()); const legend = html`

`; for (const cat of ["castle", "fortress", "palace", "ruin"]) { const count = beeData.filter(d => d.category === cat).length; legend.append(html`

${cat[0].toUpperCase()}${cat.slice(1)} (${count.toLocaleString()})

`); } container.append(legend); container.append(html``); return container; } display(beeswarmChart()); 37:[] 32:{"id":"c440ab3b2bf3a91b","slug":"castles","title":"Castles","thumbnail":"2261499b03d57e907d43eade2131e834c581173e61363f2cf37aee5a1654ff97","access_level":"public","create_time":"$D2026-08-31T02:57:52.090Z","update_time":"$D2026-09-03T04:07:43.689Z","view_time":null,"first_public_time":"$D2026-08-31T04:44:14.192Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"f95c5551c5b4848e","login":"deepalikank","name":"Deepali Kank","avatar_url":"https://avatars-next.observableusercontent.com/2299cdaa9c6d43935fda16e1da6d65387af5f4c54b6046cf170cf75b80c9707c","tier":"starter_2024"},"version":60,"publish_version":60,"role":null,"authored":false,"authors":[{"type":"individual","id":"0b38fd39f0b1d2da","login":"deepalikank","name":"Deepali Kank","avatar_url":"https://avatars-next.observableusercontent.com/2299cdaa9c6d43935fda16e1da6d65387af5f4c54b6046cf170cf75b80c9707c","tier":null}],"members":[{"type":"team","id":"f95c5551c5b4848e","login":"deepalikank","name":"Deepali Kank","avatar_url":"https://avatars-next.observableusercontent.com/2299cdaa9c6d43935fda16e1da6d65387af5f4c54b6046cf170cf75b80c9707c","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Castles","cells":[{"id":1,"value":"# Castles","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"$34","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"## About this map\n\nThis interactive D3.js map plots **5,793** castles, fortresses, palaces, and ruins worldwide, sourced from the [TidyTuesday World Castles dataset](https://github.com/rfordatascience/tidytuesday/blob/main/data/2026/2026-09-01/readme.md) (derived from Wikidata).\n\n- **Color** encodes the structure type (castle, fortress, palace, ruin).\n- Every dot is the same size — the map emphasizes geographic distribution rather than popularity.\n- **Hover** any dot to see its photo, name, country, era, and popularity stats in the tooltip.\n- **Scroll** to zoom and **drag** to pan around the globe.\n\nFrance, Italy, and Germany lead in raw counts, while landmarks like the Great Wall of China, Palace of Versailles, and the Forbidden City are among the most visited on Wikipedia.\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"const castlesRaw = await d3.csv(\"https://raw.githubusercontent.com/rfordatascience/tidytuesday/main/data/2026/2026-09-01/world_castles.csv\", {proxy: true});","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"const castles = castlesRaw.map(d => ({\n ...d,\n lat: +d.lat,\n lon: +d.lon,\n year: +d.year,\n sitelinks: +d.sitelinks,\n pageviews: +d.pageviews,\n fame_rank: +d.fame_rank\n})).filter(d => Number.isFinite(d.lat) && Number.isFinite(d.lon));\n\nconst categories = [...new Set(castles.map(d => d.category))];\nconst countryCounts = d3.rollups(castles, v => v.length, d => d.country).sort((a,b) => b[1]-a[1]);\ndisplay(categories);\ndisplay(countryCounts.slice(0, 15));\ndisplay(castles.length);","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"import worldAtlas from \"npm:world-atlas/countries-110m.json\" with {type: \"json\"};","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"const land = topojson.feature(worldAtlas, worldAtlas.objects.land);\nconst countriesGeo = topojson.mesh(worldAtlas, worldAtlas.objects.countries, (a, b) => a !== b);\n\nconst palette = {\n slate: \"#1E3A4D\",\n teal: \"#2FA39A\",\n sand: \"#E9D8B6\",\n terracotta: \"#E76F51\",\n paleSand: \"#F6E7C8\",\n deepTeal: \"#247A74\"\n};\n\nconst width = 975;\nconst height = 560;\n\nconst projection = d3.geoEqualEarth()\n .fitSize([width - 20, height - 20], {type: \"Sphere\"});\nprojection.translate([width / 2, height / 2 + 10]);\n\nconst path = d3.geoPath(projection);\n\nconst categoryColor = d3.scaleOrdinal()\n .domain([\"castle\", \"fortress\", \"palace\", \"ruin\"])\n .range([palette.terracotta, palette.slate, palette.paleSand, palette.deepTeal]);\n\nconst dotRadius = 2.6;\n\ndisplay({width, height});","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"const yearStats = {\n total: castles.length,\n missingYear: castles.filter(d => !Number.isFinite(d.year) || d.year === 0).length,\n min: d3.min(castles, d => d.year),\n max: d3.max(castles, d => d.year),\n centuries: [...new Set(castles.map(d => d.century))].length\n};\ndisplay(yearStats);\nconst centurySample = [...new Set(castles.map(d => d.century))].sort();\ndisplay(centurySample);","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"const naCount = castles.filter(d => d.century === \"NA\").length;\nconst zerothCentury = castles.filter(d => d.century === \"0th century\");\ndisplay({naCount, zerothCount: zerothCentury.length});\ndisplay(zerothCentury.slice(0, 5));","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"function centuryKey(c) {\n if (!c || c === \"NA\") return null;\n const m = c.match(/(\\d+)\\w{2} century( BC)?/);\n if (!m) return null;\n const n = +m[1];\n return m[2] ? -n : (n === 0 ? 0.5 : n);\n}\n\nconst centuryCounts2 = d3.rollups(\n castles.filter(d => d.century !== \"NA\"),\n v => v.length,\n d => d.century\n).map(([century, count]) => ({century, count, key: centuryKey(century)}))\n .sort((a,b) => a.key - b.key);\n\ndisplay(centuryCounts2);\ndisplay(d3.sum(centuryCounts2, d => d.count));","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"## Circular beeswarm — castles by century","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"// Ordered list of centuries (chronological) with a numeric sort key, BC handled as negative.\nconst beeCenturyOrder = centuryCounts2.map(d => d.century); // already sorted chronologically\nconst beeData = castles.filter(d => d.century !== \"NA\" && beeCenturyOrder.includes(d.century));\ndisplay(beeCenturyOrder);\ndisplay(beeData.length);","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$35","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"display({minR: d3.min(beeNodes, d=>d.radius), maxR: d3.max(beeNodes, d=>d.radius), meanR: d3.mean(beeNodes, d=>d.radius)});","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$36","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"2","titling":"auto"}} 33:"$32:body"