25:["$","title",null,{"children":"Week 3 Assignment-Charlton | Berkeley MIDS W209 Information Visualization Course | Observable"}] 49:T7a8,{ const target = html`

`; // Return the div first so the following code can find it yield target; var divElement = document.getElementById("viz1693872917179"); var vizElement = divElement.getElementsByTagName("object")[0]; if (divElement.offsetWidth > 800) { vizElement.style.width = "100%"; vizElement.style.height = divElement.offsetWidth * 0.75 + "px"; } else if (divElement.offsetWidth > 500) { vizElement.style.width = "100%"; vizElement.style.height = divElement.offsetWidth * 0.75 + "px"; } else { vizElement.style.width = "100%"; vizElement.style.height = "727px"; } var scriptElement = document.createElement("script"); scriptElement.src = "https://public.tableau.com/javascripts/api/viz_v1.js"; vizElement.parentNode.insertBefore(scriptElement, vizElement); yield target; }4a:[{"id":"e3ef981631045c7030e6d94fdc7aed67260d9dba6cd5b8f4b1ae81973007d80f8b8606eacc6fc656882a772ebb76dd88d92e6292a388a8864dd403af0f901bc3","href":"https://static.observableusercontent.com/files/e3ef981631045c7030e6d94fdc7aed67260d9dba6cd5b8f4b1ae81973007d80f8b8606eacc6fc656882a772ebb76dd88d92e6292a388a8864dd403af0f901bc3","name":"Screen Shot 2021-01-12 at 12@1.20.20 AM.png","type":"image/png","lastModified":1693870185807.921,"size":58738},{"id":"0116b72f5b927d2f304f4086b792bb3a4571e14cdab7147134cc2e36a01fc196219726070f2bdcafec1ce60439c7900f0e37c103b0822201abc220544cd2963e","href":"https://static.observableusercontent.com/files/0116b72f5b927d2f304f4086b792bb3a4571e14cdab7147134cc2e36a01fc196219726070f2bdcafec1ce60439c7900f0e37c103b0822201abc220544cd2963e","name":"tableau-assignment-3.png","type":"image/png","lastModified":1693870185807.921,"size":202607}] 29:{"id":"80580ddbe79b0ab6","slug":null,"title":"Week 3 Assignment-Charlton","thumbnail":"b4805926c74bacc8964f70b800a8426ec5ec7778b34c9c4b25cc8d7e1ebb6d1f","access_level":"public","create_time":"$D2023-09-04T23:29:45.807Z","update_time":"$D2023-09-05T00:17:52.804Z","view_time":null,"first_public_time":"$D2023-12-07T20:41:29.749Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"70c3e45a1a202b95","login":"berkeleyvis","name":"Berkeley MIDS W209 Information Visualization Course","avatar_url":"https://avatars-next.observableusercontent.com/15549145605863403a5e1a9e52e5f27f9a102749b0a2c648195d93efe07a5f34","tier":"education_2026","bio":"","followed_by_you":false,"follows_you":false},"version":96,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b13093b6da17d7ad","login":"mike2026","name":"Mike","avatar_url":"https://avatars-next.observableusercontent.com/2ca64027e3311796945848284060b3d94f6707d77e3f5ac75c399fada065f788","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"70c3e45a1a202b95","login":"berkeleyvis","name":"Berkeley MIDS W209 Information Visualization Course","avatar_url":"https://avatars-next.observableusercontent.com/15549145605863403a5e1a9e52e5f27f9a102749b0a2c648195d93efe07a5f34","tier":"education_2026","role":"editor"},{"type":"individual","id":"b13093b6da17d7ad","login":"mike2026","name":"Mike","avatar_url":"https://avatars-next.observableusercontent.com/2ca64027e3311796945848284060b3d94f6707d77e3f5ac75c399fada065f788","tier":null,"role":"editor"},{"type":"group","id":"b793e25df42fbe4c","login":"b424d02872908082","name":"Fall 2023","avatar_url":null,"tier":"public","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Week 3 Assignment-Charlton","cells":[{"id":0,"value":"md`# Week 3 Assignment-Charlton\n\nPlease submit links for **all three tracks**.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"md`## D3\n\nThis weeks assignment is to take [this observable](https://observablehq.com/d/339a961a1c087e42?collection=@berkeleyvis/scratchbooks) and change the circle to have radius 50, and be centered in the SVG (hint: use the \\`cx\\` and \\`cy\\` attributes).\n\n${observable_instructions}.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"{\n const svg = html``;\n\n const selSvg = d3.select(svg);\n\n // D3 code goes here\n selSvg.append(\"circle\").attr(\"r\", 30).attr(\"fill\", \"steelblue\");\n\n return svg;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"{\n const selSvg = d3.create(\"svg\").attr(\"viewBox\", [0, 0, width, height]);\n\n // D3 code goes here\n selSvg\n .append(\"circle\")\n .attr(\"r\", 50) // set radius to 50\n .attr(\"cx\", width / 2) // center the circle horizontally\n .attr(\"cy\", height / 2) // center the circle vertically\n .attr(\"fill\", \"steelblue\"); // fill color\n\n return selSvg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"height = width * 0.6","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"d3 = require(\"d3-selection@2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`## Altair\n\nThis weeks assignment is to take [this notebook](https://colab.research.google.com/drive/12gxCsUGhRg012s0DXTbP08V3XLVXsQfs?usp=sharing) and change the dataset from \\`cars\\` to any other dataset in \\`vega_datasets\\` (see list [here](https://github.com/altair-viz/vega_datasets/tree/master/vega_datasets/_data)) and make a scatterplot.\n\nSolution Link: https://colab.research.google.com/drive/1RDqyZNr7e70N0E7yleYp8Io2SRB_AakL?usp=sharing\n\n${altair_instructions}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"md`## Tableau\n\nThis weeks assignment starts with [this workbook](https://observablehq.com/d/5a54f49de003fc8e?collection=@berkeleyvis/scratchbooks). You can download that workbook from the embed in Observable: in the Observable notebook embed there is a download button in the bottom right (second button from the right): \n\n

\n\nClick the download button (circled) to download that workbook.\n\nGroup by city, sort by count, and color by year of the order date. It should look like this:\n\n

\n\nSolution Link: https://public.tableau.com/views/W209-2023-Fall-Sec5-Charlton-HW3/Customer?:language=en-US&publish=yes&:display_count=n&:origin=viz_share_link\n\n${tableau_instructions}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"md`# Peer Review Prompts\n\n- Does the D3 vis appear correct?\n- What dataset was used for Altair?\n- For any of the tracks, were there differences in how you completed the assignment? If so, what did you learn?\n\n${peer_review_instructions}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"import {\n observable_instructions,\n altair_instructions,\n tableau_instructions,\n peer_review_instructions\n} from \"@berkeleyvis/how-to-submit-assignments\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null