31:Tf36,labs = previews([ // Lab 1 { path: "@rk2546/2026-infovis-cse_week-1-lab", thumbnail: "a48a6e9487f3f1d0bf7a914fdb42c68c1f10fb428d02797427815510d60be173", title: "Lab 1", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_week-1-lab-solutions", thumbnail: "a48a6e9487f3f1d0bf7a914fdb42c68c1f10fb428d02797427815510d60be173", title: "Lab 1: Solutions", author: "Ryan Kim (rk2546)" }, // Lab 2 { path: "@rk2546/2026-infovis-cse_week-2-lab", thumbnail: "d1d70ffa0146316ca632528114ec20024f20f7deea8fd67a1add765167de97a6", title: "Lab 2", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_week-2-lab_solutions", thumbnail: "686625021d36ee6aba63ac4f02954ed247722ed7059b24925ffc77543d2eb1ad", title: "Lab 2: Solutions", author: "Ryan Kim (rk2546)" }, // Lab 3 { path: "@rk2546/2026-infovis-cse_week-3-lab", thumbnail: "b63526a704a674661de4ccfdb694ba716318013036f4c8fbc149d17b9767acb8", title: "Lab 3", author: "Ryan Kim (rk2546)" }, // Lab 4 (Canceled) { path: "@rk2546/2026-infovis-cse_week-4-lab", thumbnail: "24af66c7291e50cb983f9a27349976928d7a17f23addbbcc061cd1bb5e96be0b", title: "Lab 4 (CANCELED)", author: "Ryan Kim (rk2546)", visible:false }, { path: "@rk2546/2026-infovis-cse_week-4-lab_solutions", thumbnail: "d8178caba4c08d535eb276fe68dc9c31610c76f242f75e6f3b002c5ca93b38f5", title: "Lab 4 (CANCELED): Solutions", author: "Ryan Kim (rk2546)", visible:false }, // Lab 5 { path: "@rk2546/2026-infovis-cse_week-5-lab", thumbnail: "341587ba5827418b2475c8f0b2c92c4ba956da02a865c8499d412ea6b4000517", title: "Lab 5", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_week-5-lab_solutions", thumbnail: "676545375f2c287599a4bcae17d5b2802342cb6e0e533a849c33c9b4835a66a0", title: "Lab 5: Solutions", author: "Ryan Kim (rk2546)" }, // Lab 6: { path: "@rk2546/2026-infovis-cse_week-6-lab", thumbnail: "23247af8aea867ae95913bcc8c15710d41117461bde86d4657030b2a4716ca6d", title: "Lab 6", author: "Ryan Kim (rk2546)" }, // Lab 7: { path: "@rk2546/2026-infovis-cse_week-7-lab", thumbnail: "b3c878986d460d7951f49d25cacd85c662f4d78ff24abe7113c1c2423ea2295d", title: "Lab 7", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_week-7-lab_solutions", thumbnail: "85923432d5e57ed4735986a94d659dec2e9b0d4ebbe4aea0a0cc9d3432ff0d4d", title: "Lab 7: Solutions", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_week-8-lab", thumbnail: "47898ff2f112f34c03c33a02d0a55faa0a38fb4e2e7d97c6e11c52583b00f815", title: "Lab 8: Plotting and Troubleshooting GeoJSON with D3", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_week-8-lab_solutions", thumbnail: "ccedd7d70a6f285efb9222c44fe484776c32237f874d7b04302562f023b8e337", title: "Lab 8: Solutions", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_week-9-lab", thumbnail: "c068b3e546ec58734409f1c8a3f8dd20c95083f132a8c23e2cd2158ef09b1bd2", title: "Lab 9: Building interactive spatio-temporal visualizations", author:"Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_week-9-lab_solutions", thumbnail: "1f84a162e1858a653d8d0d31b95d0402aad9e242e666117404e69c198a5d8d82", title: "Lab 9: Solutions", author:"Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_week-11-lab", thumbnail: "683b12fd84583a6991dafcf86f5632c0b8f105d4122db76460407dd8beff5843", title: "Lab 11: Building temporal visualizations, Time series analysis with D3", author:"Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_week-11-lab_solutions", thumbnail: "ce5dd1c7732ccbc0b908879980444cc763d520c625a41f8f8916a18a76e98a31", title: "Lab 11: Solutions", author:"Ryan Kim (rk2546)" } ])32:T7ab,exercises = previews([ { path: "@rk2546/2026-infovis-cse_week-1-exercise", thumbnail: "035d8ac1822fa767e1137b36960f1ef1a70a752ff3c3aca77f5e6207924e7afa", title: "Exercise 1: Basic Vega-Lite Charting and Visualizations (due Sept 10)", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_week-1-exercise-solution", thumbnail: "035d8ac1822fa767e1137b36960f1ef1a70a752ff3c3aca77f5e6207924e7afa", title: "Exercise 1: Solutions", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_exercise-2", thumbnail: "aafb1918cdf0f5d4c985a199d69a43173511295a08a7754453c328b56d1178f5", title: "Exercise 2: Data Questions and Transformations (due Sept. 18)", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_exercise-2_solutions", thumbnail: "3c45f8ef55c633ad16f7bc798e301f1cf5a18f819537f6ed1c692ad530d2ed55", title: "Exercise 2: Solutions", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_exercise-3", thumbnail: "e8cff879df0ff0e3869d7521b3f857763976990930ff24c4f6c2fc65437768c3", title: "Exercise 3: Chart Design and Encoding Alternatives (due Sept. 25)", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_exercise-4", thumbnail: "6294612320b8052c7b34c4139b714d5844db37693872faeeb532d3c7a86f3425", title: "Exercise 4: Perception-based design + D3 implementation (Due Oct. 2)", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/2026-infovis-cse_exercise-5", thumbnail: "2ac071e33fc71f00d3b4eae3a2eb7e662bffe7a5c734a3aae5f7424d8e43bcd8", title: "Exercise 5: Color scale design and implementation (due Oct 9)", author: "Ryan Kim (rk2546)" },{ path: "@rk2546/2026-infovis-cse_exercise-6", thumbnail: "02c79ed1ba96ed567de5f6b0f355454657a868b8afabe6f592b6c7754ee84f59", title: "Exercise 6: Chart Types Review, Misleading Visualizations (Due Oct. 16)", author: "Ryan Kim (rk2546)" } ])33:T564,framework_guides = previews([ { path: "@rk2546/guide-local_observable_setup", thumbnail: "ad30abf685b3c0969dcb127b8cc901f3b2026de4b74cb70ee2cc2123ce47e072", title: "Framework Guide #1: Local Observable/Framework Project Setup", author: "Ryan Kim (rk2546)" }, { path: "@rk2546/guide-project_structure", thumbnail: "57077bbb4fb6eed848f85913f6d256a1ddbedc1dd0806d34b2951a79033877c3", title: "Framework Guide #2: Project Structure", author: "Ryan Kim (rk2546)" }, { path: '@rk2546/guide-imports', thumbnail: '695f1b1365452ec8ebe65ee4713254119714015ff89bd395b3b29d44467335cf', title: "Framework Guide #3: Importing Functions, NPM Modules, and Observable Notebooks", author: "Ryan Kim (rk2546)" }, { path: '@rk2546/guide-styling_themes', thumbnail: 'c6d518c36063add4d80c51a0662da7ad0c857fc4203d7d02eb1556e34f9e17e1', title: "Framework Guide #4: Styling & Theming", author: "Ryan Kim (rk2546)" }, { path: '@rk2546/guide-data_loaders', thumbnail: '137b9011f65b12dfc2aaaa053624fb7be1f73776047013f6767bb24154623cf6', title: "Framework Guide #5: Data Loaders", author: "Ryan Kim (rk2546)" }, { path: '@rk2546/guide-deployment', thumbnail: '880b9bdc2a7244db4efa90534f588767dae28334d91eef9b2566c49a04c81275', title: "Framework Guide #6: Deploying to Github Pages", author: "Ryan Kim (rk2546)" } ])34:T9a2,{ const webpage_url = await FileAttachment("www_webpage.png").url(); const course_website_url = await FileAttachment("course_website.png").url(); const cheatsheet_url = await FileAttachment("fundamental_graphs_cheatsheet.png").url(); const observable_inputs_url = await FileAttachment("observable_inputs.png").url(); return previews([ { path: 'https://ctsilva.github.io/2026-InfoVis-CSE/', thumbnail: course_website_url, title: 'Course Website', author: 'Dr. Claudio Silva' }, { path: 'https://observablehq.com/@rk2546/infovis-cse_styling', thumbnail: "5d7dd55cd83f4a887b4f51e3134403f5ffa68bc2f04900d7ed6203114073d90d", title: 'InfoVis Notebook Styling', author: 'Ryan Kim' }, /* { path: cheatsheet_url, thumbnail: cheatsheet_url, title: 'Fundamental Graphs Cheatsheet (FILE)', author: 'Ryan Kim' }, { path: 'https://vega.github.io/vega-datasets/', thumbnail: webpage_url, title: 'Vega-Lite Datasets', author: 'Vega-Lite' }, { path: 'https://vega.github.io/vega-lite/examples/', thumbnail: webpage_url, title: 'Vega-Lite Charts', author: 'Vega-Lite' }, { path: 'https://d3-graph-gallery.com/', thumbnail: webpage_url, title: 'Basic D3 Charts', author: 'D3' }, { path: '@d3/gallery', thumbnail: '1ef827a19d556921d616d53f79fdd6f9eb4d030acb243d70559be3993e4a7292', title: 'Complex Charts', author: 'D3' }, { path: "https://observablehq.com/documentation/inputs/overview", thumbnail: observable_inputs_url, title: "Observable Inputs Documentation", author: "Observable" }, { path: "@nyuvis/contextual-elements-aesthetics-and-clarity", thumbnail: "c2102cc1bb267ef2a23b62cdacb5124116f75f80d33ea1afd9c83545d231720c", title: '"Contextual Elements, Aesthetics, and Clarity" by Dan Kerrigan', author: 'Dan Kerrigan' }, { path: "@rk2546/large-data-handling-example", thumbnail: "71fa64a282574e1a5103ee982def6676178e5c74146e40ea3c48a77bde5b686c", title: '"Large Data Handling Example" by Ryan Kim', author: 'Ryan Kim' }, { path: "@rk2546/3d-visualizations-in-d3-example", thumbnail: "fda652da3ec415d30f43921addd77abd62bc7006bd42a57a82d421fbf7c426b9", title: '"3D Visualizations in D3 Example" by Ryan Kim', author: 'Ryan Kim' } */ ]) }35:T6be,function preview({path, title, author, thumbnail, download=false, visible=true}) { if (!visible) return null; // Define the style var style = "display: inline-flex; flex-direction: column; align-items: start; font: 400 .75rem var(--sans-serif); color: #1b1e23; width: 100%;" // Define the thumbnail's image const background_image = (thumbnail.startsWith('blob:') || thumbnail.startsWith('https://static.observableusercontent.com/')) ? thumbnail : `https://static.observableusercontent.com/thumbnail/${encodeURI(thumbnail)}.jpg`; // Determine the thumbnail const img = htl.html`

` // Define the title const t = htl.html`

${title}

` // Define listener functions const mover = event => event.currentTarget.firstElementChild.style.borderColor = "#1b1e23"; const mout = event => event.currentTarget.firstElementChild.style.borderColor = "#e8e8e8" // Define the url var href = (typeof(path) == 'string') ? (path.charAt(0) == '@') ? `/${encodeURI(path)}` : encodeURI(path) : null; // Return based on the content material return (href != null) ? htl.html`${img}${t}` : htl.html`

${img}${t}

` }36:[{"id":"9a56ac200d09bbeebd8361d8555750a2d8a77435982c71dfdb8f23fcad8df9fde7b7855876c100ddaf80f56194e053a2828ba817a34c95eea9c36b6087ef1e3f","href":"https://static.observableusercontent.com/files/9a56ac200d09bbeebd8361d8555750a2d8a77435982c71dfdb8f23fcad8df9fde7b7855876c100ddaf80f56194e053a2828ba817a34c95eea9c36b6087ef1e3f","name":"course_website.png","type":"image/png","lastModified":1788372067486,"size":199093},{"id":"01bc63830cdb501a9b51ed234248ff900704b454e05e85c6f36f07e744ac753580ff572aaf8bc26ad48aca0fe7b5777ad8489ac5f28826c1c59e33492f718e8f","href":"https://static.observableusercontent.com/files/01bc63830cdb501a9b51ed234248ff900704b454e05e85c6f36f07e744ac753580ff572aaf8bc26ad48aca0fe7b5777ad8489ac5f28826c1c59e33492f718e8f","name":"www_webpage.png","type":"image/png","lastModified":1788372201943,"size":22349},{"id":"6e89ffcec041f33bdfce53d74adada606a2dd4c3264686cd8ceec4740562f9aa24ec1d43dba389dadb88b59faf41f1ced607397a0007e4de7c92c76208026c09","href":"https://static.observableusercontent.com/files/6e89ffcec041f33bdfce53d74adada606a2dd4c3264686cd8ceec4740562f9aa24ec1d43dba389dadb88b59faf41f1ced607397a0007e4de7c92c76208026c09","name":"fundamental_graphs_cheatsheet.png","type":"image/png","lastModified":1788372263219,"size":92032},{"id":"99255ae7f8c87b93a5c558b3941da5bfed4b12b884e87f1aa2ce2e4c7fe13cc3468cd20c33f16f94cdcf87920203c339d6c0068f93642e1c552c8268794793e0","href":"https://static.observableusercontent.com/files/99255ae7f8c87b93a5c558b3941da5bfed4b12b884e87f1aa2ce2e4c7fe13cc3468cd20c33f16f94cdcf87920203c339d6c0068f93642e1c552c8268794793e0","name":"observable_inputs.png","type":"image/png","lastModified":1788372605338,"size":138881}] 2f:{"title":"CS-GY 6313-B - Information Visualization [Fall 2026]: Notebook Gallery","cells":[{"id":0,"value":"# CS-GY 6313-B - Information Visualization [Fall 2026]: Notebook Gallery","pinned":false,"hidden":false,"mode":"md"},{"id":369,"value":"---\n## Weekly Labs","pinned":false,"hidden":false,"mode":"md"},{"id":11,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":363,"value":"---\n## Weekly Exercises","pinned":false,"hidden":false,"mode":"md"},{"id":161,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":587,"value":"---\n## Mini-Projects","pinned":false,"hidden":false,"mode":"md"},{"id":584,"value":"projects = previews([\n {\n path: '@rk2546/2026-infovis-cse_project-1',\n thumbnail: 'e538c34aa6ce85925fb026ab0b415ba554856315b46f896d76bef25c16e0f3ff',\n title: 'Mini Project 1: Geographic Financial Aid', author: 'Ryan Kim (rk2546)'\n },\n {\n path: '@rk2546/2026-infovis-cse_project-2',\n thumbnail: '535487e70b84e6b1de0a613cd117fc773c1af07b09ab42dd979558cea83f61c8',\n title: 'Mini Project 2: Temporal Data Visualization', author: 'Ryan Kim (rk2546)'\n },\n {\n path: '@rk2546/2026-infovis-cse_project-3',\n thumbnail: '3c3f22562a56a1382522139b2628888d8251e5fd3b54f97864cfaa260dbb76b6',\n title: 'Mini Project 3: Networks', author: 'Ryan Kim (rk2546)'\n },\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":357,"value":"---\n## Framework Guides","pinned":false,"hidden":false,"mode":"md"},{"id":338,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":360,"value":"---\n## Online Resources","pinned":false,"hidden":false,"mode":"md"},{"id":184,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"---\n\n## Notes (for Devs only)","pinned":false,"hidden":false,"mode":"md"},{"id":82,"value":"### How to Access Thumbnails of Notebooks\n\nTo access thumbnail data, follow these steps:\n\n1. Make sure your notebook is **public**.\n2. Copy the trail end of your notebook's URL. For example, if your original notebook URL is `https://observablehq.com/@rk2546/2025-infovis-cse_week-5-lab`, then you will only need `@rk2546/2025-infovis-cse_week-5-lab`.\n3. Paste the tail end onto a new URL base: `https://api.observablehq.com/document/`. In our example, the new URL will be `https://api.observablehq.com/document/@rk2546/2025-infovis-cse_week-5-lab`\n4. Navigate to the new URL and, if successful, you should get a JSON output. Find the `thumbnail` item; this ID is pasted inside of each element inside of your preview array.","pinned":false,"hidden":false,"mode":"md"},{"id":426,"value":"viewof query_notebook_url = Inputs.text({label: \"Notebook URL\", placeholder: \"Enter the notebook URL\", value: \"\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":433,"value":"{\n const r = get_api_url(query_notebook_url);\n if (r == null) return htl.html`

Enter a notebook URL to extract info about it.

`\n return htl.html`\n

PATH: ${r[0]}
API: ${r[1]}

`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":424,"value":"### How to Access URLs of Image File Attachments\n\nSimply run a code block with the following.\n\n````js\nFileAttachment().url()\n````\n\nNote that the `` is a file loaded into your current notebook. It doesn't have to be actually used by the notebook.","pinned":false,"hidden":false,"mode":"md"},{"id":499,"value":"FileAttachment(\"observable_inputs.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":18,"value":"links = Generators.observe(notify => {\n let length = 0;\n const observed = () => {\n const links = document.querySelectorAll(\"a[title]\");\n if (length !== links.length) {\n length = links.length;\n notify(Array.from(links, a => a.href).sort());\n }\n };\n const observer = new MutationObserver(observed);\n observer.observe(document.body, {childList: true, subtree: true});\n observed();\n return () => observer.disconnect();\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"function get_api_url(url) {\n if (url.length == 0) return null;\n if (!url.includes('https://observablehq.com/')) return null;\n const filtered_url = url.split(\"?\")[0]\n let p = filtered_url.replace(\"https://observablehq.com/\", \"\");\n return [p, \"https://api.observablehq.com/document/\"+p];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"async function previews(notebooks) {\n const cards = (await Promise.all(\n notebooks.map(async notebook => {\n const accessible = await notebookIsAccessible(notebook.path);\n return accessible ? preview(notebook) : null;\n })\n )).filter(card => card !== null);\n\n // Nothing is currently accessible\n if (cards.length === 0) {\n return htl.html`\n

\n Coming soon!\n

\n `;\n }\n\n return htl.html`\n

\n ${cards}\n

\n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":594,"value":"async function notebookIsAccessible(path) {\n try {\n const response = await fetch(\n `https://api.observablehq.com/${path}.js?v=3`\n );\n\n // Definitely accessible\n if (response.ok) return true;\n\n // Definitely inaccessible / nonexistent\n if (response.status === 401 ||\n response.status === 403 ||\n response.status === 404) {\n return false;\n }\n\n // 500, 502, 503, etc.\n // Don't hide the notebook just because Observable's API broke.\n return true;\n\n } catch {\n // Network failure: also fail open.\n return true;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":508,"value":"render_filetree({\n src: {\n components: {\n \"App.js\": null,\n \"Header.js\": null\n },\n utils: {\n \"helpers.js\": null\n }\n },\n public: {\n \"index.html\": null\n },\n \"package.json\": null\n});\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":593,"value":"function unique(array) {\n return array.filter((v, i) => array.indexOf(v) === i);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":505,"value":"function render_filetree(obj, prefix = \"\") {\n const entries = Object.entries(obj);\n return entries.map(([key, value], i) => {\n const isLast = i === entries.length - 1;\n const connector = isLast ? \"└── \" : \"├── \";\n const nextPrefix = prefix + (isLast ? \" \" : \"│ \");\n return (\n prefix + connector + key + \"\\n\" +\n (value && typeof value === \"object\" ? render_filetree(value, nextPrefix) : \"\")\n );\n }).join(\"\");\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":347,"value":"import { css, comment } from '@rk2546/infovis-cse-backend'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W36","stdlib":"1","titling":"auto"}