28:null 29:["$","title",null,{"children":"Interactivity | Peachyapa Saengcharoentrakul | Observable"}] 2e:T5f5,table_info = [ { technique: "Select", description: "your description here", example: "put a hyperlinked example here" }, { technique: "Explore", description: "your description here", example: "put a hyperlinked example here" }, { technique: "Reconfigure", description: "your description here", example: "put a hyperlinked example here" }, { technique: "Encode", description: "your description here", example: "put a hyperlinked example here" }, { technique: "Abstract/Elaborate", description: "your description here", example: "put a hyperlinked example here" }, { technique: "Filter", description: "your description here", example: "put a hyperlinked example here" }, { technique: "Connect", description: "your description here", example: "put a hyperlinked example here" } ]2f:[] 2c:{"id":"21602b5053d4b6a2","slug":"interactivity","title":"Interactivity","thumbnail":"f2c6132b038acfcdae5c5fc8f43709bcdf0d546d5e7050bad8e8f14cb1f77e28","access_level":"public","create_time":"$D2021-02-25T18:22:41.318Z","update_time":"$D2021-02-25T18:22:41.318Z","view_time":null,"first_public_time":"$D2021-02-25T18:22:45.496Z","has_unpublished_edits":null,"fork":{"id":"af3041f874d61985","slug":"interactivity","title":"Interactivity","owner":{"id":"82cd20deb9e45d2a","login":"uw-info474","name":"Interactive Info Vis"}},"stars":0,"starred":false,"owner":{"type":"team","id":"81350f3c41ced38e","login":"peachs","name":"Peachyapa Saengcharoentrakul","avatar_url":"https://avatars-next.observableusercontent.com/281e6877dc08d0703dcf144a4eca623c8e4679eb7e27ff6c76c04e240fb7c6e4","tier":"starter_2024"},"version":605,"publish_version":605,"role":null,"authored":false,"authors":[{"type":"individual","id":"982db02bc136beeb","login":"peachs","name":"Peachyapa Saengcharoentrakul","avatar_url":"https://avatars-next.observableusercontent.com/281e6877dc08d0703dcf144a4eca623c8e4679eb7e27ff6c76c04e240fb7c6e4","tier":null}],"members":[{"type":"individual","id":"982db02bc136beeb","login":"peachs","name":"Peachyapa Saengcharoentrakul","avatar_url":"https://avatars-next.observableusercontent.com/281e6877dc08d0703dcf144a4eca623c8e4679eb7e27ff6c76c04e240fb7c6e4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Interactivity","cells":[{"id":0,"value":"md`# Interactivity`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"summary = md`In this notebook, you will learn about **interaction techniques** for visualization through following steps: \n1. Carefully read [this academic paper](https://www.cc.gatech.edu/~stasko/papers/infovis07-interaction.pdf) summarizing different techinques for interactions\n2. Fill out a table with descriptions and hyperlinks to examples\n3. Build a chart (from scratch) and add **three interactions technqiues**, each of which allows you to answer a different question of interest \n4. Describe what type of interaction technique you created, and what questions it allows you to answer in the chart`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"assignment_instructions(\"Interactivity\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"summary_table = md`## Summary Table\nEdit the \\`table_info\\` cell below to populate the corresponding table with descriptions and examples of different interaction techniques.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"render_data_table(table_info)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"interactive_chart = md`## Interactive Visualization\nIn this section, create -- **from scratch** -- an interactive visualization of your choice with **three interaction techniques**. At least two of the techniques must come from directly interacting with the chart (e.g., hovering, clicking, mouse-wheel events) while one may come from outside of the chart (e.g., a select menu).\n\nFeel free to use your final project data for exploration and practice!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":597,"value":"description = md`## Interactivity Description\nIn the section below, please detail what interaction techniques you employed (using the formal language from the paper), and describe what questions it allows you to ask of the chart`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"observable_challenges","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"appendix = md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"import {\n assignment_instructions,\n observable_challenges,\n render_data_table,\n table_styles\n} from \"@uw-info474/utilities\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"table_styles","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"