29:null 2a:["$","title",null,{"children":"Archive Event Recordings of Open Data Week 2021 - 2025 | BetaNYC | Observable"}] 2f:Tfed,legend = { const l = html`

Select events by Event Topic:

Art and Media

Civic Engagement

Data Governance

Data Science

Data Through Design

Education

Environment

Government-led

Health

Housing

School of Data

Transportation

Urban Planning

`; //select all items let previouslySelected = null; const items = l.querySelectorAll(".O-8-item"); [...Array.from(items)].forEach((item) => item.addEventListener("click", () => { const [swatch, label] = item.children; //reset if the same if (previouslySelected === item) { const [pSwatch, pLabel] = previouslySelected.children; pLabel.style.background = "initial"; pSwatch.textContent = ""; mutable selectedEventTopic = ""; previouslySelected = null; return 0; } //remove previous vars if (previouslySelected) { const [pSwatch, pLabel] = previouslySelected.children; pLabel.style.background = "initial"; pSwatch.textContent = ""; } //set styles for current label.style.background = swatch.style.background; label.width = "100%"; swatch.textContent = "X"; //set vars mutable selectedEventTopic = label.innerText; previouslySelected = item; }) ); return l; }30:T1b20,content = { //create dom const content = html`

`; // filter events based on the toggle and selected topic const filteredEvents = searchedEvents.filter((event) => { // First check if we need to filter for YouTube links if (viewOnlyLinks) { const rawUrl = event["YouTube URL"] || ""; const ytMatch = rawUrl.match( /youtu(?:.*\/v\/|.*v=|\.be\/)([A-Za-z0-9_-]{11})/ ); if (!ytMatch) return false; } // If a topic is selected, check if it exists in the Event Tag string if (selectedEventTopic) { console.log("Selected topic:", selectedEventTopic); console.log("Raw Event Tag:", event["Event Tag"]); // Split by comma and trim each tag const eventTags = event["Event Tag"]?.split(",").map((tag) => tag.trim()) || []; console.log("Split tags:", eventTags); // Check if any tag matches the selected topic const isIncluded = eventTags.some((tag) => { const matches = tag === selectedEventTopic; console.log( `Comparing "${tag}" with "${selectedEventTopic}": ${matches}` ); return matches; }); console.log("Is included:", isIncluded); return isIncluded; } return true; }); // Convert filteredEvents to an array if it's not already const eventsArray = Array.from(filteredEvents); if (eventsArray.length === 0) { content.innerHTML = "

No events found with video recordings.

"; return content; } filteredEvents.forEach((event, i) => { const organizer = event["Organizer"] ? `

Organizer(s) & Speaker(s): ${event["Organizer"] .replace(/\r?\n+/g, "; ") // Replace one or more newlines with "; " .replace(/;+/g, ";") // Replace multiple semicolons with single semicolon .replace(/^;|;$/g, "") // Remove leading/trailing semicolons .trim()}

` : ""; const prerequisites = event["Prerequisites"] ? `

Prerequisites: ${event["Prerequisites"]}

` : ""; // Format Materials as a hyperlink if URL const rawMat = (event["Materials"] || "").trim(); const isUrl = /^https?:\/\/\S+$/i.test(rawMat); const matContent = isUrl ? `${rawMat}` : rawMat; const materials = rawMat ? `

Materials: ${matContent}

` : ""; const datasets = event["Datasets"] ? `

Dataset(s): ${event["Datasets"]}

` : ""; const icon = (currentColor = "#bbb") => ``; // safely grab the raw URL (could be undefined, null, empty) const rawUrl = event["YouTube URL"] || ""; // run the regex, but don’t assume it matched const ytMatch = rawUrl.match( /youtu(?:.*\/v\/|.*v=|\.be\/)([A-Za-z0-9_-]{11})/ ); const videoId = ytMatch ? ytMatch[1] : null; // build the link/text const link = videoId ? ` ${icon("#3182bd")} Recorded on ${event["Event Start Time"]} ` : ` ${icon()} No recording available for this event. `; // only create the iframe/embed if we actually found a videoId let embed = ""; if (videoId) { const width = 600; const height = width * 0.66; embed = ``; } const accordion = html`

${link} ${organizer}

Description: ${truncate( event["EVENT DESCRIPTION"], 300 )}

${prerequisites} ${materials} ${datasets}

`; content.appendChild(accordion); }); //add event listerners on buttons const buttons = content.querySelectorAll("button"); [...Array.from(buttons)].forEach((button) => { button.addEventListener("click", () => { const id = button.getAttribute("aria-controls"); const toggleState = button.getAttribute("aria-expanded") === "true"; const full = content.querySelector(`#${id}-full`); const preview = content.querySelector(`#${id}-preview`); if (toggleState) { //toggle off accordion button.setAttribute("aria-expanded", "false"); preview.style.display = "block"; full.style.display = "none"; } else { //toggle on accordion button.setAttribute("aria-expanded", "true"); full.style.display = "block"; preview.style.display = "none"; //enable iframe const iframe = full.querySelector("iframe"); iframe.setAttribute("src", iframe.getAttribute("data-src")); iframe.setAttribute("width", full.clientWidth - 32); iframe.setAttribute("height", full.clientWidth * 0.5625); } }); }); return content; }31:T73a,style = html` `32:[{"id":"c2ff55886b2d6ec4bd80d0cb93e3b4b8a62d303b4fcb0d265ca5205386ce89a688f4723f83d385b0779b6268651d5e12d6b04bdaa5e2c5ad0c41add79f457d3a","href":"https://static.observableusercontent.com/files/c2ff55886b2d6ec4bd80d0cb93e3b4b8a62d303b4fcb0d265ca5205386ce89a688f4723f83d385b0779b6268651d5e12d6b04bdaa5e2c5ad0c41add79f457d3a","name":"2025_ODW_SoDA-event-data.csv","type":"text/csv","lastModified":1749669911509.092,"size":658076},{"id":"b178c58aea0d5c92f55534bdc76bec0a044fac867d92ce103e9b0f4593efd6c9cded9d808cf6d83b2e5ed4cd250330e2c0540ab9c206bc1accf6134879e9406c","href":"https://static.observableusercontent.com/files/b178c58aea0d5c92f55534bdc76bec0a044fac867d92ce103e9b0f4593efd6c9cded9d808cf6d83b2e5ed4cd250330e2c0540ab9c206bc1accf6134879e9406c","name":"2025_ODW_SoDA-event-data-250917.csv","type":"text/csv","lastModified":1758138038968.01,"size":664868}] 2d:{"id":"13070976788dfdf0","slug":null,"title":"Archive Event Recordings of Open Data Week 2021 - 2025","thumbnail":"10bd94118728eb71c20423990cf73e121932a621899e29a4f3b047e31a4d4348","access_level":"public","create_time":"$D2021-05-05T14:11:30.323Z","update_time":"$D2025-10-22T14:04:52.665Z","view_time":null,"first_public_time":"$D2021-05-05T17:25:59.832Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"6056c9907da84bd4","login":"betanyc","name":"BetaNYC","avatar_url":"https://avatars-next.observableusercontent.com/8e6d78f21df3c658c180a93a099938214f753f20e2bc46f10a162c9d35e419d1","tier":"pro_2024"},"version":775,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"215e59083f0e53f8","login":"zhik","name":"Zhi Keng He","avatar_url":"https://avatars-next.observableusercontent.com/1921c3cb8ffa82cde953aa4417dc8b601dbd05384629c1f8ecf0544be068a204","tier":null}],"members":[{"type":"team","id":"6056c9907da84bd4","login":"betanyc","name":"BetaNYC","avatar_url":"https://avatars-next.observableusercontent.com/8e6d78f21df3c658c180a93a099938214f753f20e2bc46f10a162c9d35e419d1","tier":"pro_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Archive Event Recordings of Open Data Week 2021 - 2025","cells":[{"id":0,"value":"title = md`# Archive Event Recordings of Open Data Week 2021 - 2025`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":382,"value":"filteredEvents = {\n return events\n .filter((e) => {\n const case1 = viewOnlyLinks ? e[\"YouTube URL\"] !== \"NA\" : true;\n const case2 = selectedEventTopic\n ? e[\"Event Tag\"]\n ?.split(\",\")\n .map((tag) => tag.trim())\n .some((tag) => tag === selectedEventTopic)\n : true;\n const case3 = year.includes(e[\"Year\"]);\n return case1 && case2 && case3; // Also changed & to &&\n })\n .sort((a, b) => b.Year - a.Year);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":506,"value":"title2 = md`### Event Topics`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":568,"value":"viewof year = Checkbox([\"2021\", \"2022\", \"2023\", \"2024\", \"2025\"], {\n label: html`

Select events by Year

`,\n value: true,\n value: [\"2021\", \"2022\", \"2023\", \"2024\", \"2025\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"viewof viewOnlyLinks = Toggle({\n label: html`

Show only events with video recordings

`,\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":374,"value":"viewof searchedEvents = Search(filteredEvents, {\n placeholder: \"Search events by name or organization\",\n columns: [\"EVENT TITLE\", \"Organizer\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":509,"value":"title3 = md`\n\n### Want to catch up on past Open Data Weeks? Explore this repository of event recordings from 2021-2025!\n\nSearch videos by topic, year, or keyword. Click an event title to expand the video player. All event recordings are also available via [BetaNYC's Youtube channel](https://www.youtube.com/c/betanyc) in the following playlists: [Open Data Week 2021](https://www.youtube.com/watch?v=8McwUSu_DKM&list=PLgCe1KzF20izrlZUvVYgO-429Ag74FtKg), [Open Data Week 2022](https://www.youtube.com/watch?v=p6ccE5RJUXg&list=PLgCe1KzF20ix44ATnYYiGtM5TTWISQ45I), [Open Data Week 2023](https://www.youtube.com/watch?v=CUTfW7d-Ang&list=PLgCe1KzF20iyY7ra1EiQdadkPdNk-xxLO), [Open Data Week 2024](https://youtube.com/playlist?list=PLgCe1KzF20iw_jYK8grjyRMjXeroK7l5P&feature=shared), [Open Data Week 2025](https://www.youtube.com/playlist?list=PLEAvcNuSbEODSoH3wUFbMR8yl7SwwpsW4).\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":414,"value":"title4 = md`\n---\n**Thank you to all the curators, presenters, organizers, volunteers, and attendees for participating and helping make the NYC Open Data Week so successful!** \n\n\n*A special thanks to Joly MacFie and the [Internet Society - New York Metropolitan Chapter](https://isoc-ny.org/).*\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":600,"value":"selectedEventTopic ? false : true","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"events = await FileAttachment(\"2025_ODW_SoDA-event-data-250917.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"mutable selectedEventTopic = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"eventTopics = {\n return {\n \"Art and Media\": \"#c079b2\",\n \"Civic Engagement\": \"#faaf41\",\n \"Data Governance\": \"#ee9848\",\n \"Data Science\": \"#71cfeb\",\n \"Data Through Design\": \"#a973b1\",\n Education: \"#f5c459\",\n Environment: \"#7acbc0\",\n \"Government-led\": \"#3c6bb4\",\n Health: \"#f15844\",\n Housing: \"#b9529f\",\n \"School of Data\": \"#f26435\",\n Transportation: \"#27a2dc\",\n \"Urban Planning\": \"#635ea9\"\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"function truncate(str, n) {\n return str.length > n ? str.substr(0, n - 1) + '…' : str;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"import { Toggle, Search, Checkbox } from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2e:"$2d:body"

Select events by Event Topic:

${event["EVENT TITLE"]} ${event["Year"]}

Select events by Year

Show only events with video recordings