28:null 29:["$","title",null,{"children":"Welcome | Spring 2020 Info Vis | Observable"}] 2e:[{"id":"ed7cff7ea632718dc3cbeac4ba3242d3f0b60e8c61c9543eebf50ecc27430f6cdc73a636374e1ac2022ceedf968f6bfe49468661b6492bc665aee7a320034abf","href":"https://static.observableusercontent.com/files/ed7cff7ea632718dc3cbeac4ba3242d3f0b60e8c61c9543eebf50ecc27430f6cdc73a636374e1ac2022ceedf968f6bfe49468661b6492bc665aee7a320034abf","name":"iSchoolPrimary_RGB_Purple.svg","type":"image/svg+xml","lastModified":1585424797910.553,"size":15169},{"id":"87afd198f568645c6e352d6a9f41e8683479868af053addb6aa37a1a411c11d3f56724ea4798d6fd68cd1878af5d0ec680b4d47178a98ade8e488eed048ae9e4","href":"https://static.observableusercontent.com/files/87afd198f568645c6e352d6a9f41e8683479868af053addb6aa37a1a411c11d3f56724ea4798d6fd68cd1878af5d0ec680b4d47178a98ade8e488eed048ae9e4","name":"ihme_img.png","type":"image/png","lastModified":1585425641824.135,"size":966731}] 2c:{"id":"998a26a157e97782","slug":"welcome","title":"Welcome","thumbnail":"7f418e9d7e0f5aa168a11c0fdecdf1711a31b04819009c30a874561863daa2d1","access_level":"public","create_time":"$D2020-03-28T15:57:05.742Z","update_time":"$D2020-03-30T13:23:24.807Z","view_time":null,"first_public_time":"$D2020-03-28T23:08:52.939Z","has_unpublished_edits":null,"fork":false,"stars":5,"starred":false,"owner":{"type":"team","id":"d534f9cbd78a5d1b","login":"info474","name":"Spring 2020 Info Vis","avatar_url":"https://avatars-next.observableusercontent.com/bc5856eb18c3c3e1af37bf9d0984feaa59a0adac48ed6171d34157997208d12d","tier":"education_2026"},"version":343,"publish_version":343,"role":null,"authored":false,"authors":[{"type":"individual","id":"49edaef976412aba","login":"mkfreeman","name":"Mike Freeman","avatar_url":"https://avatars-next.observableusercontent.com/c41d269cc7b9f5bea7adf2ca109c2b20486a5af02a59df0b162b2fbb33b44a17","tier":null}],"members":[{"type":"team","id":"d534f9cbd78a5d1b","login":"info474","name":"Spring 2020 Info Vis","avatar_url":"https://avatars-next.observableusercontent.com/bc5856eb18c3c3e1af37bf9d0984feaa59a0adac48ed6171d34157997208d12d","tier":"education_2026","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"f573a94f9b7ddc75","slug":"tutorials","title":"Tutorials","owner":{"id":"d534f9cbd78a5d1b","login":"info474","name":"Spring 2020 Info Vis"}},"type":"notebook","body":{"title":"Welcome","cells":[{"id":0,"value":"md`# Welcome`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"html`To navigate this Notebook as slides, click the ... icon in the upper right hand part of the page, select View in Fullscreen ${fullscreen_icon}, then use your arrow keys ← → to move through the content!\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"welcome = slide.md(\"intro\")`\n# INFO 474\nInteractive Information Visualization\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"slide.md(\"callout\")`\n# Welcome to the course!\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"slide.md(\"bullets\")`\n# In this video....\n\n- Who I am\n- Objectives of the course\n- Course Structure\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"who_I_am = slide.md(\"intro\")`\n# Who I am`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"slide.html(\"feature\")`\n ${displayImage(ischool_logo, 200)}\n

Senior Lecturer at the iSchool

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"slide.html(\"feature\")`\n ${displayImage(ihme_logo, 450)}\n

Research Fellow and Visualization Specialist at IHME

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":324,"value":"slide.html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"objectives = slide.md(\"intro\")`\n# Course Objectives`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"slide.md(\"callout\")`\n# Learn the conceptual and technical skills necessary to design and build interactive data visualizations\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"slide.md(\"bullets\")`\n# Course Objectives\n- **Conceptual (design)**\n- The role of visualization\n- Visualization design processes\n- Layout selection based on data type\n- Best practices for graphical encoding\n- Storytelling technqiues\n- **Technical (build)**\n- Load and manipuate data structures using JavaScript\n- Programmatically render your visualizations (using d3.js)\n- Host your projects on the web\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"slide.html(\"feature\")`\n${chart}\n

This is a really hard time to learn

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"course_structure = slide.md(\"intro\")`\n# Course Structure\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"slide.md(\"bullets\")`\n# Structure\n- **Deliverables**\n- Weekly Observable notebooks (technical + conceptual)\n- Group project (proposal, exploratory analysis, concept explanation)\n- **Resources**\n- Canvas page (access videos // policies, submit assignments)\n- Observable Team (where you work)\n- Slack Channel (for Q + A, announcements)\n- **Class + Lab Time**\n- _Optional_ chance to practice skills, build community, get help\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"slide.md(\"feature\")`\n${course_tree}\nObservable team content organization\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"slide.md(\"callout\")`# Wait, what am I looking at...`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"slide.md(\"bullets slide--small\")`\n

An observable notebook!

Mike, did you really build slides using the same JavaScript platform we'll be using to build and host visualizations...?
${r}.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":203,"value":"viewof r = radio({\n options: [\"yes\", \"no\", \"ummmmmm....\"],\n value: \"ummmmmm....\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"appendix = md`### Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"import { chart } from \"@info474/preparing-for-covid-19-teaching\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"import { slide, notes, style, keyBindings } from '@mkfreeman/slides'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"import { displayImage } from \"@info474/utilities\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"import { chart as course_tree } from \"@info474/course-content-tree\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"import { radio } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"ihme_logo = await FileAttachment(\"ihme_img.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"ischool_logo = await FileAttachment(\"iSchoolPrimary_RGB_Purple.svg\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":307,"value":"fullscreen_icon = ``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"keyBindings","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"// render slide styles\nstyle","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"custom_styles = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2d:"$2c:body"