${d.name} (${d.type})

34:["$","title",null,{"children":"Museums in UK #30DayMapChallenge Day 3 - Polygons | Deepali Kank | Observable"}] 3c:Tfe1,const fontLink = document.head.querySelector("#museum-fonts") ?? Object.assign(document.createElement("link"), { id: "museum-fonts", rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Inter:wght@400;600&display=swap" }); if (!fontLink.isConnected) document.head.append(fontLink); await Promise.all([document.fonts.load("900 28px 'Playfair Display'"), document.fonts.load("400 13px Inter"), document.fonts.load("600 15px Inter")]).catch(() => {}); const uk = topojson.feature(world, world.objects.countries).features.find(d => d.properties.name === "United Kingdom"); const W = 700, H = 900, TOP = 120; const projection = d3.geoConicConformal().parallels([50, 60]).rotate([4, 0]).fitExtent([[10, 10], [W - 10, H - 10]], {type: "Feature", geometry: {type: "MultiPoint", coordinates: [[-8, 49.9], [1.8, 60.9]]}}); const path = d3.geoPath(projection); const uniq = Array.from(d3.group(open, d => d.lon + "," + d.lat), ([, v]) => v[0]); const pts = uniq.map(d => projection([d.lon, d.lat])); const voronoi = d3.Delaunay.from(pts).voronoi([0, 0, W, H]); const types = d3.groupSort(open, v => -v.length, d => d.type); const jewel = ["#c0392b", "#e67e22", "#f1c40f", "#27ae60", "#16a085", "#2980b9", "#1a3a8f", "#8e44ad", "#d63384", "#e8618c", "#7fb069", "#00a8a8", "#f4a259", "#5b8e7d", "#bc4b51", "#3d5a80", "#98c1d9", "#ee6c4d", "#9d6b53", "#b8b08d", "#6a4c93"]; const color = d3.scaleOrdinal(types, jewel); const active = new Set(selected); const filtering = active.size > 0; const isOn = d => !filtering || active.has(d.type); const nOn = uniq.filter(isOn).length; const names = types.filter(t => active.has(t)); // Subtitle built as a single with colored s const subtitle = d3.create("svg:text").attr("x", 20).attr("y", 62).attr("fill", "#d9c9a8") .attr("font-family", "Inter, sans-serif").attr("font-size", 15); if (filtering) { names.slice(0, 3).forEach((t, i, a) => { subtitle.append("tspan").attr("fill", color(t)).attr("font-weight", 600).text(t); if (i < a.length - 1) subtitle.append("tspan").text(", "); }); if (names.length > 3) subtitle.append("tspan").text(` + ${names.length - 3} more`); subtitle.append("tspan").text(` · ${nOn.toLocaleString()} museums`); } else { subtitle.text("3,300+ open UK museums, each claiming the patch of land closest to it"); } const svgNode = svg``; display(svgNode);3d:[{"id":"bf9926ce25035bc08d3ec49513af573272ac7aa3cdbb7e8c61be2902234a470ce59b8be8832a9291ae0fa95dfc44c8eb355e3deccece3e27da4f9eedc26843f1","href":"https://static.observableusercontent.com/files/bf9926ce25035bc08d3ec49513af573272ac7aa3cdbb7e8c61be2902234a470ce59b8be8832a9291ae0fa95dfc44c8eb355e3deccece3e27da4f9eedc26843f1","name":".observable/cache/fetch-12f7eeese9ylpdypprut378qj2wa5nlk.blob","type":"text/plain; charset=utf-8","lastModified":1793762580000,"size":1813386}] 38:{"id":"e9139bf87f1b4198","slug":"museums-in-uk-30-day-map-challenge-day-3-polygons","title":"Museums in UK #30DayMapChallenge Day 3 - Polygons","thumbnail":"e1c8db8479aec2f3fbc14dc363050142b2aa1daabeb9611cbd3155357abc3214","access_level":"public","create_time":"$D2026-11-04T03:20:58.244Z","update_time":"$D2026-11-04T03:47:32.619Z","view_time":null,"first_public_time":"$D2026-11-04T03:42:00.930Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"f95c5551c5b4848e","login":"deepalikank","name":"Deepali Kank","avatar_url":"https://avatars-next.observableusercontent.com/2299cdaa9c6d43935fda16e1da6d65387af5f4c54b6046cf170cf75b80c9707c","tier":"starter_2024","bio":"Data Analyst with a passion for Data visualization and storytelling","followed_by_you":false,"follows_you":false},"version":32,"publish_version":32,"role":null,"authored":false,"authors":[{"type":"individual","id":"0b38fd39f0b1d2da","login":"deepalikank","name":"Deepali Kank","avatar_url":"https://avatars-next.observableusercontent.com/2299cdaa9c6d43935fda16e1da6d65387af5f4c54b6046cf170cf75b80c9707c","tier":null,"bio":"Data Analyst with a passion for Data visualization and storytelling","followed_by_you":false,"follows_you":false}],"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":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Museums in UK #30DayMapChallenge Day 3 - Polygons","cells":[{"id":1,"value":"# Museums in UK #30DayMapChallenge Day 3 - Polygons","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"const subjectOptions = d3.groupSort(open, v => -v.length, d => d.type);\nconst selected = view(Inputs.checkbox(subjectOptions, {label: \"Museum subject (none selected = show all)\", value: []}));","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$3c","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"const museumsData = await d3.csv(\"https://raw.githubusercontent.com/rfordatascience/tidytuesday/main/data/2022/2022-11-22/museums.csv\", {proxy: true, cache: true});\ndisplay(Inputs.table(museumsData));\ndisplay(museumsData.columns);","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"import world from \"npm:world-atlas/countries-50m.json\" with {type: \"json\"};","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"const open = museumsData\n .filter(d => d.Year_closed === \"9999:9999\" && d.Latitude !== \"NA\" && !d.Admin_area.startsWith(\"/Channel\") )\n .map(d => ({name: d.Name_of_museum, lon: +d.Longitude, lat: +d.Latitude, type: d.Subject_Matter.split(\"_\")[0] === \"NA\" ? \"Unknown\" : d.Subject_Matter.split(\"-\")[0].replace(/_/g, \" \")}))\n .filter(d => d.lon > -9 && d.lon < 2 && d.lat > 49.8 && d.lat < 61);\ndisplay(d3.rollups(open, v => v.length, d => d.type).sort((a, b) => b[1] - a[1]));","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3d","stdlib":"2"}} 33:null