3f:null 40:["$","title",null,{"children":"Seattle Travel Guide | Yutian Lei | Observable"}] 46:T8e1,function input(config) { let { form, type = "text", attributes = {}, action, getValue, title, description, format, display, submit, options } = config; const wrapper = html`

`; if (!form) form = html``; Object.keys(attributes).forEach(key => { const val = attributes[key]; if (val != null) form.input.setAttribute(key, val); }); if (submit) form.append( html`` ); form.append( html`` ); if (title) form.prepend( html`

${title}

` ); if (description) form.append( html`

${description}

` ); if (format) format = typeof format === "function" ? format : d3format.format(format); if (action) { action(form); } else { const verb = submit ? "onsubmit" : type == "button" ? "onclick" : type == "checkbox" || type == "radio" ? "onchange" : "oninput"; form[verb] = e => { e && e.preventDefault(); const value = getValue ? getValue(form.input) : form.input.value; if (form.output) { const out = display ? display(value) : format ? format(value) : value; if (out instanceof window.Element) { while (form.output.hasChildNodes()) { form.output.removeChild(form.output.lastChild); } form.output.append(out); } else { form.output.value = out; } } form.value = value; if (verb !== "oninput") form.dispatchEvent(new CustomEvent("input", { bubbles: true })); }; if (verb !== "oninput") wrapper.oninput = e => e && e.stopPropagation() && e.preventDefault(); if (verb !== "onsubmit") form.onsubmit = e => e && e.preventDefault(); form[verb](); } while (form.childNodes.length) { wrapper.appendChild(form.childNodes[0]); } form.append(wrapper); return form; }47:[{"id":"29cd479c1dce4e15d6b64a07489a0ee1a1a3f78f1059a1439f7e66b400588538bb9664b1c28aedbb1a69c139bd031558624d0dc1456c9b0231898a87a28f2e50","href":"https://static.observableusercontent.com/files/29cd479c1dce4e15d6b64a07489a0ee1a1a3f78f1059a1439f7e66b400588538bb9664b1c28aedbb1a69c139bd031558624d0dc1456c9b0231898a87a28f2e50","name":"Fall@1.jpg","type":"image/jpeg","lastModified":1591849665687.058,"size":216655},{"id":"e6d023079d0b65fbb2ec90b8db9fa8608c52c15997b5ded621e6e7eb1225c07735ff30fa6687eda88afe243901f9bc2f34dd3ef0c07d8cb773052ff09862a62d","href":"https://static.observableusercontent.com/files/e6d023079d0b65fbb2ec90b8db9fa8608c52c15997b5ded621e6e7eb1225c07735ff30fa6687eda88afe243901f9bc2f34dd3ef0c07d8cb773052ff09862a62d","name":"Winter@1.jpg","type":"image/jpeg","lastModified":1591849665687.058,"size":353377},{"id":"6acba8625ba4fb637914563477959ee9fc242d40cacc4174dfa7e47e189eb31224c9f45f63141847abf48c130b30466610fc699b6264d9cf9bc6e7f0a8003499","href":"https://static.observableusercontent.com/files/6acba8625ba4fb637914563477959ee9fc242d40cacc4174dfa7e47e189eb31224c9f45f63141847abf48c130b30466610fc699b6264d9cf9bc6e7f0a8003499","name":"Summer@1.jpg","type":"image/jpeg","lastModified":1591849665687.058,"size":1005701},{"id":"980182230e38c51f4cd53f8b0a49433fb1b83bd840de8a9bc2d6054b45942afe31f4a209339eeec7127e6416786d74d029ff00a0c7212cdec8aaba59c7ae767f","href":"https://static.observableusercontent.com/files/980182230e38c51f4cd53f8b0a49433fb1b83bd840de8a9bc2d6054b45942afe31f4a209339eeec7127e6416786d74d029ff00a0c7212cdec8aaba59c7ae767f","name":"Spring@1.jpg","type":"image/jpeg","lastModified":1591849665687.058,"size":98921},{"id":"2fb5f524c597fd3793fba1d7e61c513aca8b39d60b677629d470037f0db323d08dc52497ec4e3af4ed95120a27ef789edfdcd1eb364b2034ff2fb768af9ece0a","href":"https://static.observableusercontent.com/files/2fb5f524c597fd3793fba1d7e61c513aca8b39d60b677629d470037f0db323d08dc52497ec4e3af4ed95120a27ef789edfdcd1eb364b2034ff2fb768af9ece0a","name":"Airbnb_Cleaned.csv","type":"text/csv","lastModified":1591849665687.058,"size":1432106},{"id":"37cca37c75b110110bcdd8ea80f74fcb0f428d7fd2ce01e0ce2d2e82c4ace074dbbf2faa2fbe9d7747715d91ceb4c3934618b68875a0ef95e8023a0f3115637a","href":"https://static.observableusercontent.com/files/37cca37c75b110110bcdd8ea80f74fcb0f428d7fd2ce01e0ce2d2e82c4ace074dbbf2faa2fbe9d7747715d91ceb4c3934618b68875a0ef95e8023a0f3115637a","name":"Winter.csv","type":"text/csv","lastModified":1591849665687.058,"size":1002},{"id":"f2c3cbda0606f7a759bbe22bda402a672fcfdcf6571c42f687a04ea4c773320dc4183d21d940ed221e20e1c26581139d95cfab3ad0ebc7061f9a5e7e5aa9f698","href":"https://static.observableusercontent.com/files/f2c3cbda0606f7a759bbe22bda402a672fcfdcf6571c42f687a04ea4c773320dc4183d21d940ed221e20e1c26581139d95cfab3ad0ebc7061f9a5e7e5aa9f698","name":"Autumn@2.csv","type":"text/csv","lastModified":1591849665687.058,"size":2126},{"id":"cd7125fbc4e78380b20c07d29b93e2caa5759ef4e1ad09e8cd79b2349fc23c6e3ff3620dd49ddef658800deceea7d096db84e22539c0908f0b16d4a1a4eb3ea9","href":"https://static.observableusercontent.com/files/cd7125fbc4e78380b20c07d29b93e2caa5759ef4e1ad09e8cd79b2349fc23c6e3ff3620dd49ddef658800deceea7d096db84e22539c0908f0b16d4a1a4eb3ea9","name":"Summer.csv","type":"text/csv","lastModified":1591849665687.058,"size":2841},{"id":"3dff031e9aff3ca2b68ad1c846614af00c62b7bb855bd79136beb424d369be6b92bec1cfaf7f4e8c8f735ed912c18901b059f66854cbac925260b2a5be7dbc7f","href":"https://static.observableusercontent.com/files/3dff031e9aff3ca2b68ad1c846614af00c62b7bb855bd79136beb424d369be6b92bec1cfaf7f4e8c8f735ed912c18901b059f66854cbac925260b2a5be7dbc7f","name":"Spring.csv","type":"text/csv","lastModified":1591849665687.058,"size":1549},{"id":"54099b6caeff0ef19433911c476fe30ce61b850cf39794d57ce8ef6f462ff02fb54456e124e7ec490cb6741661ce38a0c0579bcecc57896792e647f407066def","href":"https://static.observableusercontent.com/files/54099b6caeff0ef19433911c476fe30ce61b850cf39794d57ce8ef6f462ff02fb54456e124e7ec490cb6741661ce38a0c0579bcecc57896792e647f407066def","name":"Sunset@1.jpg","type":"image/jpeg","lastModified":1591849665687.058,"size":445633},{"id":"651bdb25c4dc7acfa12a8e560173e665a0f20c686f68b7a224b98e5f9adb1787b49cad4c406dbd74b476b008f89e93c6a3e021e49292ce9bcf4bf68f2fb0a442","href":"https://static.observableusercontent.com/files/651bdb25c4dc7acfa12a8e560173e665a0f20c686f68b7a224b98e5f9adb1787b49cad4c406dbd74b476b008f89e93c6a3e021e49292ce9bcf4bf68f2fb0a442","name":"LakeWashington.jpg","type":"image/jpeg","lastModified":1591849665687.058,"size":128100},{"id":"100a393c27f4be1168a5912d4f7d8a9cf3acaa6ebcf3996233fa638716f0c9345a27260305e82482c9a2fd70abf336ebca84501618f30a08a9cd8b5ea061dbd7","href":"https://static.observableusercontent.com/files/100a393c27f4be1168a5912d4f7d8a9cf3acaa6ebcf3996233fa638716f0c9345a27260305e82482c9a2fd70abf336ebca84501618f30a08a9cd8b5ea061dbd7","name":"SeattleDT.jpg","type":"image/jpeg","lastModified":1591849665687.058,"size":1548229},{"id":"d9139113975a7e397090dba3cffee35827114b72f59d35fc7582ada40bd1bc73419b5690b2ed2a691fa21dbc3cfef8224159cc42ee448c3c3aa1461ec2b02d8f","href":"https://static.observableusercontent.com/files/d9139113975a7e397090dba3cffee35827114b72f59d35fc7582ada40bd1bc73419b5690b2ed2a691fa21dbc3cfef8224159cc42ee448c3c3aa1461ec2b02d8f","name":"SeattleEvent.jpg","type":"image/jpeg","lastModified":1591849665687.058,"size":113802},{"id":"0cc894dddd3e138743839c0459dcef5da5bfc51d84a40be6caaf87d94b2b9c8e60bbceb628e0b92cb3aadf5a46da86daf65413949399306089818832ff69c7d2","href":"https://static.observableusercontent.com/files/0cc894dddd3e138743839c0459dcef5da5bfc51d84a40be6caaf87d94b2b9c8e60bbceb628e0b92cb3aadf5a46da86daf65413949399306089818832ff69c7d2","name":"UW.jpg","type":"image/jpeg","lastModified":1591849665687.058,"size":2594599},{"id":"57b5085ecaf42bae804b46c395615f4b2c44551f500124d78816a7049044100748dfc24525e194f7778d4b9deb64f63e53b10f472dd90c73588b1b41ded4e799","href":"https://static.observableusercontent.com/files/57b5085ecaf42bae804b46c395615f4b2c44551f500124d78816a7049044100748dfc24525e194f7778d4b9deb64f63e53b10f472dd90c73588b1b41ded4e799","name":"spaceneedle.jpg","type":"image/jpeg","lastModified":1591849665687.058,"size":1014087},{"id":"dc3ba1dc4ad5a05743ab905968ee9111d16486f5d45fafefb6fde7ed519ee209ac7d9f95391029b8727d1d29203e1c07cfcfeb2027db953985838d56d1564664","href":"https://static.observableusercontent.com/files/dc3ba1dc4ad5a05743ab905968ee9111d16486f5d45fafefb6fde7ed519ee209ac7d9f95391029b8727d1d29203e1c07cfcfeb2027db953985838d56d1564664","name":"pike.jpg","type":"image/jpeg","lastModified":1591849665687.058,"size":411590},{"id":"77468bac86dfed9c0765b83c9515539ef8a8d1f4971b93320589353a2e9383b1838e967d767f1b244c810fbc048e1ca9230864fc754e6f03686ce52bf644349b","href":"https://static.observableusercontent.com/files/77468bac86dfed9c0765b83c9515539ef8a8d1f4971b93320589353a2e9383b1838e967d767f1b244c810fbc048e1ca9230864fc754e6f03686ce52bf644349b","name":"istock-507294292.jpg","type":"image/jpeg","lastModified":1591849665687.058,"size":7553689}] 44:{"id":"cdad8c63ed771c62","slug":"seattle-travel-guide","title":"Seattle Travel Guide","thumbnail":"f236210dfbf2002419112adee551fa436ef1b5d56d7292a53c6165e575c64d69","access_level":"public","create_time":"$D2020-06-11T04:27:45.687Z","update_time":"$D2020-06-11T04:27:45.687Z","view_time":null,"first_public_time":"$D2020-06-11T04:27:48.767Z","has_unpublished_edits":null,"fork":{"id":"78ac24e505778829","slug":"seattle-travel-guide","title":"Seattle Travel Guide","owner":{"id":"d534f9cbd78a5d1b","login":"info474","name":"Spring 2020 Info Vis"}},"stars":0,"starred":false,"owner":{"type":"team","id":"9dbfe4c8a7dd5d38","login":"yutianlei","name":"Yutian Lei","avatar_url":"https://avatars-next.observableusercontent.com/b2ef7e82450b6c7d37d1f5b07f36dd349e04b1f37c51c37bcafdbec262beeefe","tier":"starter_2024","bio":"","following":false},"version":857,"publish_version":857,"role":null,"authored":false,"authors":[{"type":"individual","id":"a69f781983c83362","login":"yutianlei","name":"Yutian Lei","avatar_url":"https://avatars-next.observableusercontent.com/b2ef7e82450b6c7d37d1f5b07f36dd349e04b1f37c51c37bcafdbec262beeefe","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"a69f781983c83362","login":"yutianlei","name":"Yutian Lei","avatar_url":"https://avatars-next.observableusercontent.com/b2ef7e82450b6c7d37d1f5b07f36dd349e04b1f37c51c37bcafdbec262beeefe","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Seattle Travel Guide","cells":[{"id":102,"value":"md`# Seattle Travel Guide\n\n

Seattle Downtown | By GEORGE F. WILL | The Washington Post

Pike Place Market | By Joshua Lewis | Seattle Municipal Courts

University of Washington | VisitSeattle.org

Seattle Downtown | Danita Delimont | Getty Images

Seattle Sunset | Sigma Sreedharan | KOMO

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":850,"value":"md`## We Hope To See You Here :) `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":846,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":486,"value":"md`\n### General\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"d3 = require(\"d3@5\", \"d3-array@2\", \"d3-tile@1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"import { select } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"import {\n displayCaution,\n render_data_table,\n table_styles\n} from \"@info474/utilities\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":663,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"md`\n### Weather\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"import {\n Stacked_weather_chart,\n color_weather_bar\n} from '@info474/final-workbook'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"import { swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"import { mlgraph } from '@info474/part-2-exploratory-data-analysis/6'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":672,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":489,"value":"md`\n### Safety\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"import { DistrictfreqBar } from '@info474/final-workbook'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":369,"value":"import { DistrictBar } from '@info474/final-workbook'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":413,"value":"import { crimeChart } from '@info474/google-map'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":678,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"md`\n### Events\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"Spring = d3.csvParse(await FileAttachment(\"Spring.csv\").text())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"Summer = d3.csvParse(await FileAttachment(\"Summer.csv\").text())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"Autumn = d3.csvParse(await FileAttachment(\"Autumn@2.csv\").text())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"Winter = d3.csvParse(await FileAttachment(\"Winter.csv\").text())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":254,"value":"function makeList(name) {\n if (name === 'Spring') {\n return Spring;\n } else if (name === 'Summer') {\n return Summer;\n } else if (name === 'Fall') {\n return Autumn;\n } else if (name === 'Winter') {\n return Winter;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":683,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":595,"value":"md`### Housing`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":609,"value":"SeattleLiving = d3.csvParse(await FileAttachment(\"Airbnb_Cleaned.csv\").text())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":617,"value":"d3format = require(\"d3-format@1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":615,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":613,"value":"function slider(config = {}) {\n let {\n min = 0,\n max = 1,\n value = (max + min) / 2,\n step = \"any\",\n precision = 2,\n title,\n description,\n disabled,\n getValue,\n format,\n display,\n submit\n } = typeof config === \"number\" ? { value: config } : config;\n precision = Math.pow(10, precision);\n if (!getValue)\n getValue = input => Math.round(input.valueAsNumber * precision) / precision;\n return input({\n type: \"range\",\n title,\n description,\n submit,\n format,\n display,\n attributes: { min, max, step, disabled, value },\n getValue\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":630,"value":"md`#### Circle Packing`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":635,"value":"circlePacking_data = SeattleLiving.filter(d => d.price <= priceSlider)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":641,"value":"// Nest your data by type 1, then type 2\nnested_data = d3\n .nest()\n .key(d => d['address'])\n .key(a => a['room_type'])\n .entries(circlePacking_data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":638,"value":"nested_data.map(d => {\n d.name = d.key;\n d.children = d.values.map(dd => {\n dd.name = dd.key;\n return dd;\n });\n return d;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":651,"value":"my_pack = data =>\n d3\n .pack()\n .size([width, 500])\n .padding(3)(\n d3\n .hierarchy(\n { key: \"Greater Seattle Area\", values: nested_data },\n d => d.values\n )\n .sum(d => +d.bedrooms)\n .sort((a, b) => b.value - a.value)\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":623,"value":"import { chart as circlePacking } with {\n nested_data as data,\n my_pack as pack\n} from '@d3/zoomable-circle-packing'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":759,"value":"md`#### Scattor Plot`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":639,"value":"SeattleLiving2 = SeattleLiving.map(d => ({\n x: +d.price,\n y: +d.overall_satisfaction * +d.reviews,\n type: d.room_type\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":645,"value":"room_type_data = d3\n .nest()\n .key(d => d.type)\n .entries(SeattleLiving2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":653,"value":"margin = ({ top: 40, right: 30, bottom: 40, left: 70 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":648,"value":"x = d3\n .scaleLinear()\n .domain(d3.extent(SeattleLiving2, d => d.x))\n .range([margin.left, 600 - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":658,"value":"y = d3\n .scaleLinear()\n .domain(d3.extent(SeattleLiving2, d => d.y))\n .range([600 - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":662,"value":"tickFormatterx = d3.format(\"$.2s\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":668,"value":"tickFormattery = d3.format(\".2s\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":669,"value":"xAxis = g =>\n g\n .attr(\"transform\", `translate(0,${600 - margin.bottom})`)\n .call(d3.axisBottom(x).tickFormat(tickFormatterx))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":692,"value":"yAxis = g =>\n g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y).tickFormat(tickFormattery))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":695,"value":"xLabel = ele =>\n ele\n .text(\"Price\")\n .attr(\"x\", (x.range()[1] - x.range()[0]) / 2 + 75)\n .attr(\"y\", 600 - margin.bottom + 50)\n .style('font-family', \"sans-serif\")\n .style(\"font-size\", '14px')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":703,"value":"yLabel = ele =>\n ele\n .text(\"Overall Satisfaction\")\n .attr(\"transform\", `translate(${margin.left - 40}, ${600 / 2})rotate(-90)`)\n .style(\"text-anchor\", \"middle\")\n .style('font-family', \"sans-serif\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":708,"value":"chartTitle = ele =>\n ele\n .text(d => d.key)\n .attr(\"transform\", `translate(${600 / 2}, ${20})`)\n .style(\"text-anchor\", \"middle\")\n .style('font-family', \"sans-serif\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":711,"value":"drawPoint = circle => {\n circle\n .attr(\"cx\", d => x(d.x))\n .attr(\"cy\", d => y(d.y))\n .attr(\"r\", 5)\n .style('opacity', 0.5);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":714,"value":"drawChart = ele => {\n const svg = ele\n .append(\"svg\")\n .style(\"height\", 625 + \"px\")\n .style(\"width\", 700 + \"px\");\n\n svg.append(\"g\").call(xAxis);\n svg.append(\"g\").call(yAxis);\n\n svg.append('text').call(xLabel);\n svg.append('text').call(chartTitle);\n svg.append('text').call(yLabel);\n\n svg\n .selectAll(\"circle\")\n .data(d => d.values)\n .join(\"circle\")\n .call(drawPoint);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":686,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":505,"value":"md`\n### Visuals\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"table_styles","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":834,"value":"SeasonPhoto = {\n if (season === 'Spring') {\n return await FileAttachment('Spring@1.jpg').url();\n } else if (season === 'Summer') {\n return await FileAttachment('Summer@1.jpg').url();\n } else if (season === 'Fall') {\n return await FileAttachment('Fall@1.jpg').url();\n } else if (season === 'Winter') {\n return await FileAttachment('Winter@1.jpg').url();\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 45:"$44:body"