30:[{"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}] 2e:{"title":"Welcome","cells":[{"id":0,"value":"md`# Welcome`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":20,"value":"welcome = slide.md(\"intro\")`\n# INFO 474\nInteractive Information Visualization\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"slide.md(\"callout\")`\n# Welcome to the course!\n`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":47,"value":"who_I_am = slide.md(\"intro\")`\n# Who I am`","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"slide.html(\"feature\")`\n ${displayImage(ischool_logo, 200)}\n

Senior Lecturer at the iSchool

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":324,"value":"slide.html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"objectives = slide.md(\"intro\")`\n# Course Objectives`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":112,"value":"slide.html(\"feature\")`\n${chart}\n

This is a really hard time to learn

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"course_structure = slide.md(\"intro\")`\n# Course Structure\n`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":163,"value":"slide.md(\"feature\")`\n${course_tree}\nObservable team content organization\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":173,"value":"slide.md(\"callout\")`# Wait, what am I looking at...`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":203,"value":"viewof r = radio({\n options: [\"yes\", \"no\", \"ummmmmm....\"],\n value: \"ummmmmm....\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"appendix = md`### Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":108,"value":"import { chart } from \"@info474/preparing-for-covid-19-teaching\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"import { slide, notes, style, keyBindings } from '@mkfreeman/slides'","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"import { displayImage } from \"@info474/utilities\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":164,"value":"import { chart as course_tree } from \"@info474/course-content-tree\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"import { radio } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"ihme_logo = await FileAttachment(\"ihme_img.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"ischool_logo = await FileAttachment(\"iSchoolPrimary_RGB_Purple.svg\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":307,"value":"fullscreen_icon = ``","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"keyBindings","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"// render slide styles\nstyle","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"custom_styles = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}