31: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; }32:[{"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}] 2f:{"title":"Seattle Travel Guide","cells":[{"id":102,"value":"md`# Seattle Travel Guide\n\n

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

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"md`We are passionate travelers, so we are trying to visualize some important aspects of travel planning. So for this project, we are interested in presenting a Seattle Guide for travelers!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"md`Whether you've got a few days or a few hours, Seattle's condensed downtown area and fantastic transportation system make it a wonderful choice for a short jaunt. Surrounded by lakes and acres of lush green forest, the city offers a perfect mix of urban attractions and outdoor recreation. `","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"md`Grab a latte and get ready to see the sights. Start at Pike Place Market, an authentic farmer's market where local merchants sell fresh cheeses, meats and a variety of mouth-watering delicacies. Be sure to grab a big bowl of clam chowder as you stroll through the market.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"md`\n

Pike Place Market | By Joshua Lewis | Seattle Municipal Courts

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":143,"value":"md`Then, visit the famous Space Needle for a dramatic view of the city and its surroundings. Be sure to stop by the Pacific Science Center and if you enjoy music history, visit the EMP. With kids in tow, stop at the Children's Museum or Odyssey, where getting messy is fine and learning is fun..`","pinned":false,"hidden":false,"mode":"ojs"},{"id":166,"value":"md`\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":173,"value":"md`When you've had enough of indoor attractions, head to the Washington Park Arboretum near the University of Washington for a canoe ride and a look at rare plants. Take a moonlit dinner cruise on Lake Washington. Or, enjoy Tillicum Village on Blake Island by taking a boat tour from the waterfront on Puget Sound.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":183,"value":"md`\n

University of Washington | VisitSeattle.org

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":189,"value":"md`Seattle's art and history, unique eateries and neighborhoods, open air festivals and activities are all just a taste of what makes Seattle the jewel of the Pacific Northwest - and a perfect weekend getaway.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"md`\n---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":383,"value":"md`# When to visit Seattle? (Weather)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":389,"value":"md`While this question could differ by people, we generally love to go out in a good weather. So visualizing weather could provide some help`","pinned":false,"hidden":false,"mode":"ojs"},{"id":442,"value":"swatches({ color: color_weather_bar })","pinned":false,"hidden":false,"mode":"ojs"},{"id":398,"value":"Stacked_weather_chart","pinned":false,"hidden":false,"mode":"ojs"},{"id":470,"value":"md`As we can see, May - September are mostly sunny. Not suprisingly Summer is also the warmest time of the year! \n\nTake a look at our records on temperature over the past few years.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":528,"value":"md`### Max & Min Temperatures Over The Years`","pinned":false,"hidden":false,"mode":"ojs"},{"id":449,"value":"mlgraph","pinned":false,"hidden":false,"mode":"ojs"},{"id":454,"value":"md`\nCompare the differences between the average max and min temperatures over the course of a few years to see when you want to come! As you can see the peak temperature is around ~35 C which is 95 degrees fahrenheit which usually occurs during the months of July-August. So if you like like to feel the burn of 95 degrees, these months would be best for you! The lowest temperature recorded is around ~-6 C, when converted, is around 21 degrees F. To all you snowboarders and skiers, 21 degrees fahrenheit is just perfect! As expected, these freezing temperature occurs during the months of November to January. \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":462,"value":"md`\n---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":217,"value":"md`# Where to Enjoy? (Events)\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":492,"value":"md`You can enjoy a typical rainy Seattle during Spring, or embrace the sunshine at Summer. \n\nPick a season you would like to visit and we will show you some fun events/festivals during those times！`","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"viewof season = select({\n title: \"Seasonal Events\",\n description: \"Please pick a season.\",\n options: [\"Spring\", \"Summer\", \"Fall\", \"Winter\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":175,"value":"md`## Season : ${season}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"render_data_table(makeList(season))","pinned":false,"hidden":false,"mode":"ojs"},{"id":782,"value":"md`\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":539,"value":"md`\nAre you a foodie? During the season of Spring, come to Seattle to listen to some calming Jazz music while you visit the restaurants that make up Seattle! Or do you love wine? Seattle's got you! Every year the city hosts the wine event \"Taste Washington\" so you can cross off your bucket list of drinking exotic and delicious wine :) \n\nIn general, Seattle is a city with diverse groups of people and for each season you can have the opportunity to learn about new cultures and embrace them:\n- **Spring:**\n - Seattle's French Fest\n - Irish Festival\n - A Glimpse of China\n- **Summer:**\n - Sundiata presents Black Arts Fest\n - Iranian Festival \n - Indigenous People festival \n- **Fall:**\n - Italian Festival\n - Live Aloha Hawaiian Cultural Festival\n - Hmong New Year Celebration\n- **Winter:** \n - Dia De Muertos\n - Tet Festival - Vietnamese Lunar New Year\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":375,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":378,"value":"md`# Where in Seattle is the safest? (Safety)\n

Seattle Downtown | Danita Delimont | Getty Images

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":544,"value":"md`Safety is always the priority during travel, and you definitely do not want to get into troubles while enjoying beautiful sights. Here is some information about the criminal reports from Seattle Police Department, so you can find a safe place to rest while traveling in Seattle`","pinned":false,"hidden":false,"mode":"ojs"},{"id":532,"value":"md`#### Crime Map`","pinned":false,"hidden":false,"mode":"ojs"},{"id":416,"value":"crimeChart","pinned":false,"hidden":false,"mode":"ojs"},{"id":515,"value":"md`### Frequency of Crime by District`","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"DistrictfreqBar","pinned":false,"hidden":false,"mode":"ojs"},{"id":372,"value":"DistrictBar","pinned":false,"hidden":false,"mode":"ojs"},{"id":550,"value":"md`Although there are some sites to visit in Downtown Seattle, but the area also has the highest number of 911 reports. Please enjoy your visit to places such as Pike Place Market, Seattle Great Wheel, and Seattle Aquarium located in downtown during Daytime, and pay great attention to your safety while dining in the wonderful restaurants at night`","pinned":false,"hidden":false,"mode":"ojs"},{"id":558,"value":"md`For a place to stay, we recommend Mount Baker and Seward Park, which houses peaceful neighborhoods with a great view of a freshwater lake: Lake Washington. You can also take a trip along multiple waterside trails, and look out to see snow covered mountains!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":577,"value":"md`Here are more information for you to choose a safe location for your stay at Seattle:\n- https://www.seattle.gov/police/information-and-data/tweets-by-beat\n- https://seattle.findwell.com/seattle-neighborhoods/`","pinned":false,"hidden":false,"mode":"ojs"},{"id":365,"value":"md`\n---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":603,"value":"md`# Where Should I Live? (Housing)\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":749,"value":"md`After deciding when to come and where to visit, it's finally the time to find a place for your stay! You can certianly go for hotels, but we think Airbnb style living can help you grasp local style better. Depending on how many people you are bringing, we have some visualization on Airbnb data (Entire home, private room, shared room)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":750,"value":"md`While selecting airbnb, you should not only look at the price, but pay attention to satisfaction as well. More expensive does not mean better. Here is a scattor-plot for you to discover the quality and price for different types of Airbnb`","pinned":false,"hidden":false,"mode":"ojs"},{"id":631,"value":"viewof roomtype = select({\n title: \"Type of Airbnb\",\n description: \"Please pick a roomtype.\",\n options: [\"Entire home/apt\", \"Private room\", \"Shared room\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":718,"value":"chart = {\n const div = d3.create(\"div\");\n\n const chart = div\n .append(\"div\")\n .data(room_type_data.filter(d => d.key == [roomtype]))\n .call(drawChart);\n\n return div.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":717,"value":"md`To give you an idea where most Airbnbs are, let's visualize all the airbnb within Great Seattle Area filtered by price slider below. This can answer your question like which cities has the cheapest airbnb apartment/house`","pinned":false,"hidden":false,"mode":"ojs"},{"id":600,"value":"viewof priceSlider = slider({\n min: d3.min(SeattleLiving, d => +d.price),\n max: d3.max(SeattleLiving, d => +d.price),\n step: 10,\n value: 26,\n title: \"Maximum Airbnb Price\",\n description: \"Select Maximum price for Airbnb selection\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":627,"value":"circlePacking","pinned":false,"hidden":false,"mode":"ojs"},{"id":697,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":839,"value":"md`# Enjoy Your Visit to Seattle\n

Seattle Sunset | Sigma Sreedharan | KOMO

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":850,"value":"md`## We Hope To See You Here :) `","pinned":false,"hidden":false,"mode":"ojs"},{"id":846,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":486,"value":"md`\n### General\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"d3 = require(\"d3@5\", \"d3-array@2\", \"d3-tile@1\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":209,"value":"import { select } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"import {\n displayCaution,\n render_data_table,\n table_styles\n} from \"@info474/utilities\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":663,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":499,"value":"md`\n### Weather\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":395,"value":"import {\n Stacked_weather_chart,\n color_weather_bar\n} from '@info474/final-workbook'","pinned":false,"hidden":false,"mode":"ojs"},{"id":443,"value":"import { swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":196,"value":"import { mlgraph } from '@info474/part-2-exploratory-data-analysis/6'","pinned":false,"hidden":false,"mode":"ojs"},{"id":672,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":489,"value":"md`\n### Safety\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"import { DistrictfreqBar } from '@info474/final-workbook'","pinned":false,"hidden":false,"mode":"ojs"},{"id":369,"value":"import { DistrictBar } from '@info474/final-workbook'","pinned":false,"hidden":false,"mode":"ojs"},{"id":413,"value":"import { crimeChart } from '@info474/google-map'","pinned":false,"hidden":false,"mode":"ojs"},{"id":678,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":480,"value":"md`\n### Events\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":114,"value":"Spring = d3.csvParse(await FileAttachment(\"Spring.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":119,"value":"Summer = d3.csvParse(await FileAttachment(\"Summer.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"Autumn = d3.csvParse(await FileAttachment(\"Autumn@2.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"Winter = d3.csvParse(await FileAttachment(\"Winter.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":683,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":595,"value":"md`### Housing`","pinned":false,"hidden":false,"mode":"ojs"},{"id":609,"value":"SeattleLiving = d3.csvParse(await FileAttachment(\"Airbnb_Cleaned.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":617,"value":"d3format = require(\"d3-format@1\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":615,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":630,"value":"md`#### Circle Packing`","pinned":false,"hidden":false,"mode":"ojs"},{"id":635,"value":"circlePacking_data = SeattleLiving.filter(d => d.price <= priceSlider)","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"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"},{"id":759,"value":"md`#### Scattor Plot`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":645,"value":"room_type_data = d3\n .nest()\n .key(d => d.type)\n .entries(SeattleLiving2)","pinned":false,"hidden":false,"mode":"ojs"},{"id":653,"value":"margin = ({ top: 40, right: 30, bottom: 40, left: 70 })","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":662,"value":"tickFormatterx = d3.format(\"$.2s\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":668,"value":"tickFormattery = d3.format(\".2s\")","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"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"},{"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"},{"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"},{"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"},{"id":686,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":505,"value":"md`\n### Visuals\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"table_styles","pinned":false,"hidden":false,"mode":"ojs"},{"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"}],"files":"$W32","stdlib":"1","titling":"auto"}