25:["$","title",null,{"children":"Course Assignment | Soma Maroju | Observable"}] 49:T563,--- ### Task 2: Water storage and hazard classification (interactive) In Observable Plot, create an interactive **bubble chart of dam water storage volume (acre-feet) versus surface area (acres)** (the variable names in `caDams` are `StorageAcreFeet` and `SurfaceAreaAcres`), with the **radius dependent on dam drainage area** (`DrainageAreaSqMiles`). Add tooltips that show each of the channels above, **plus the dam name.** Add a radio button Input that lets a user select a HazardPotentialClassification (Low, Significant, or High) such that only damns with the selected hazard classification are highlighted in a meaningful color, and others are in gray. **Task 2 minimum requirements (but feel free to do more!):** - An interactive bubble chart of dam water storage versus surface area, with radius based on drainage area, and with color indicating the hazard potential. From an Input, a user can select different hazard potential classifications, and dams with that classification are highlighted in the chart. - A custom color scale (with a legend in meaningful order, Low > Significant > High) - One (or both) axis updated to a log scale to compress values across orders of magnitudes - An interactive tooltip that shows the dam name, along with other channels you choose Create your Task 2 chart in a cell immediately below.4a:[{"id":"b1bbc6ad24ded1e336293e40ec279d5d81d22fba986ccd43f4251e96d5e8c02742de26be597aa0377fed25bb0801fa08d5dfc25d4797caca05e8003da702c781","href":"https://static.observableusercontent.com/files/b1bbc6ad24ded1e336293e40ec279d5d81d22fba986ccd43f4251e96d5e8c02742de26be597aa0377fed25bb0801fa08d5dfc25d4797caca05e8003da702c781","name":"californiaDams.csv","type":"text/csv","lastModified":1698339562952.729,"size":505612},{"id":"5443aa69344628c1768d1610c485534930d91e481db4b16c2a9287259cb7a033959c6c9af3965762f3fe500a0f5c699f7847caa653f32558c5edd3bbb41b3a0f","href":"https://static.observableusercontent.com/files/5443aa69344628c1768d1610c485534930d91e481db4b16c2a9287259cb7a033959c6c9af3965762f3fe500a0f5c699f7847caa653f32558c5edd3bbb41b3a0f","name":"california-counties.geojson","type":"application/geo+json","lastModified":1698339562952.729,"size":416370}] 29:{"id":"f7f16466d041d01b","slug":null,"title":"Course Assignment","thumbnail":"ae1d23ae411ce495c713b54760f714622a019a10e8a1a05510ad03c9ddcda511","access_level":"public","create_time":"$D2023-10-26T16:59:22.952Z","update_time":"$D2023-10-26T20:16:01.412Z","view_time":null,"first_public_time":"$D2023-10-26T16:59:22.952Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"eac78d14fa642354","login":"soma","name":"Soma Maroju","avatar_url":null,"tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":81,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"9faaf2168ef63076","login":"soma","name":"Soma Maroju","avatar_url":null,"tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"9faaf2168ef63076","login":"soma","name":"Soma Maroju","avatar_url":null,"tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Course Assignment","cells":[{"id":3,"value":"# Course Assignment\n## Introduction to data visualization with Observable Plot","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"## Logistics\n\n- **Fork this notebook** to make your own copy. Complete tasks below in your fork.\n- When you are ready to submit, ensure that your fork visibility is **Public unlisted** so that we can see your work. To update the setting, go to the Share button, the under Access choose “Can view (unlisted)” for Public visibility. Make sure to Save changes.\n- Submit assignment by sharing your notebook URL in [this Google Form](https://forms.gle/JEKph2PVvow1cFJK7) by end of day **November 6, 2023**\n- Ask questions in the Observable Community Slack **#introduction-observable-plot** channel.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"## Data: Dams on California waterways","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"For this assignment, you will use Observable Plot to visualize information about dams on California waterways from the [National Inventory of Dams](https://nid.sec.usace.army.mil/#/).\n\nAll the data you'll need is already attached and loaded in this notebook, named **caDams**. The `caDams` data is previewed below:\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"caDams","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"---\n## Assignment tasks","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"---\n### Task 1: Visualize condition assessment by decade-built\nThe `ConditionAssessment` variable contains an ordinal descriptor of each dam's condition (No data, Poor, Unsatisfactory, Satisfactory, or Fair). In Observable Plot, create a **bar chart** to visualize the **number of dams in each condition, binned by decade completed** (using the `YearCompleted` variable).\n\nTask 1 minimum requirements (but feel free to do more!): \n- Stacked bar chart of dam counts by decade completed (hint: `interval: 10`), with color indicating the condition\n- A meaningful, custom color scheme indicating the different conditions (e.g., \"Unsatisfactory\" might be red)\n- Updated x- and y-axis labels\n- Below your chart in a separate markdown cell, describe major takeaways from your chart in 1 - 2 sentences.\n\nCreate your Task 1 chart in a cell immediately below.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":60,"value":"Plot.plot({\n color: {\n legend: true,\n domain: [\"Poor\", \"Unsatisfactory\", \"No data\", \"Satisfactory\", \"Fair\"],\n scheme: \"RdYlGn\"\n },\n marks: [\n Plot.rectY(\n caDams,\n Plot.binX(\n { y: \"count\" },\n {\n x: \"YearCompleted\",\n y: \"DamName\",\n interval: 10,\n fill: \"ConditionAssessment\",\n tip: true\n // sort: [\"Poor\", \"Unsatisfactory\", \"No data\", \"Satisfactory\", \"Fair\"]\n }\n )\n ),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$49","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"---\n### Task 3: An interactive map of California dams\nIn Observable Plot, create an interactive map of dams in California. The spatial data you need with California county boundaries (as a basemap) is already attached and loaded as `caCounties`, and `caDams` contains variables for Longitude and Latitude. **Hint:** to crop a map to only the area of this spatial data, you can set a domain option within the projection (e.g. `projection: {type: \"mercator\", domain: caCounties}`).\n\nFor this activity, you can choose which variable(s) you want to visualize! \n\n**Task 3 minimum requirements (but feel free to do more):**\n- A basemap of California\n- At least two Inputs (you choose the types) that allow a viewer to focus on different subset of dams (for example by dam type, size/storage, hazard potential, condition, or year completed)\n- A tooltip revealing the dam name (and any other channels you want to include)\n\nCreate your Task 3 map in a cell immediately below.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":18,"value":"---\n## Congratulations! Submit your assignment.\n\nOnce you’re done with the assignment, make sure to: \n\n- Update your notebook settings (click the Share button) so that Public access is “View (unlisted)”\n- Submit the URL to your notebook in [this Google form](https://forms.gle/JEKph2PVvow1cFJK7) by midnight on November 6, 2023\n- Keep an eye out for course certificates, which we'll send out via email by November 10, 2023 \n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"_**Thank you** for joining us for the **Introduction to Data Visualization in Observable Plot** course! We look forward to seeing you at our upcoming events, and in our Community Slack!_ ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":20,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":21,"value":"dams = FileAttachment(\"californiaDams.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"caDams = dams.map((d) => ({\n ...d,\n ConditionAssessment:\n d[\"ConditionAssessment\"] == \"\" ||\n d[\"ConditionAssessment\"] == \"Not Available\" ||\n d[\"ConditionAssessment\"] == \"Not Rated\" ||\n d[\"ConditionAssessment\"] == null\n ? \"No data\"\n : d[\"ConditionAssessment\"]\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"caCounties = FileAttachment(\"california-counties.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"Plot.plot({ projection: \"equal-earth\", marks: [Plot.geo(caCounties)] })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"{\n const container = yield htl.html`

`;\n const map = L.map(container);\n const layer = L.geoJSON(caCounties).addTo(map);\n map.fitBounds(layer.getBounds(), { maxZoom: 20 });\n L.tileLayer(\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\", {\n attribution:\n \"© OpenStreetMap contributors\"\n }).addTo(map);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null