30:[{"id":"ea49c479fcac9cba031521069332caba185b01c89a71f3af01f05229c5965051b08144f012bc7a2afbb9b09009dcdd6760c00ead78562c761b2465a670cfa730","href":"https://static.observableusercontent.com/files/ea49c479fcac9cba031521069332caba185b01c89a71f3af01f05229c5965051b08144f012bc7a2afbb9b09009dcdd6760c00ead78562c761b2465a670cfa730","name":"world_bank_data@1.csv","type":"text/csv","lastModified":1667317389717.312,"size":606010},{"id":"d1601a187e93c62277b0ee2d6c6614c4847a696e172b982b1e5a5f5a6792e51b875aa4bc732f24019196530fe89ee585f2b8e252f4df521d5476b891582ff541","href":"https://static.observableusercontent.com/files/d1601a187e93c62277b0ee2d6c6614c4847a696e172b982b1e5a5f5a6792e51b875aa4bc732f24019196530fe89ee585f2b8e252f4df521d5476b891582ff541","name":"country_codes@1.csv","type":"text/csv","lastModified":1667317453295.476,"size":2224}] 2e:{"title":"Observable: a companion visualization tool for your data analysis","cells":[{"id":0,"value":"# Observable: a companion visualization tool for your data analysis\n## R in Pharma Workshop, Oct. 28 2022 - starter notebook!\n[Workshop Slides](https://docs.google.com/presentation/d/1nRAo8QB-3fOSNoyfPsM_HuURhYeFYKwnDPLD3F8h3hY/edit?usp=sharing)\n\n[Complete version done during workshop](https://observablehq.com/@demoteam/rpharma-complete)\n\n**Data:** [World Bank Development Indicators](https://databank.worldbank.org/source/world-development-indicators)","pinned":false,"hidden":false,"mode":"md"},{"id":15,"value":"---\n## Notebook Essentials","pinned":false,"hidden":false,"mode":"md"},{"id":341,"value":"CODE TOGETHER : Chart and Observable basics","pinned":false,"hidden":false,"mode":"md"},{"id":864,"value":"// Here's some sample data about our dogs\ndogs = [\n { name: \"Aida\", age: 2, weight: 65 },\n { name: \"Teddy\", age: 6, weight: 50 }\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":917,"value":"Inputs.table(dogs)","pinned":true,"hidden":false,"mode":"ojs"},{"id":872,"value":"Click the **+** icon and search for _Bar Chart_ to create a bar chart of our dog's ages","pinned":false,"hidden":false,"mode":"md"},{"id":875,"value":"ACTIVITY: Create a scatter plot of dog age (x) vs. dog weight.","pinned":false,"hidden":false,"mode":"html"},{"id":948,"value":"CODE TOGETHER: Insert the attached world bank data. Take a look using `Inputs.table()`. Then, create a subset that only contains values for 2019. ","pinned":false,"hidden":false,"mode":"md"},{"id":42,"value":"---\n## ggplot2 → Plot for interactivity","pinned":false,"hidden":false,"mode":"md"},{"id":481,"value":"### Meet [Plot](https://observablehq.com/@observablehq/plot)","pinned":false,"hidden":false,"mode":"md"},{"id":92,"value":"- [Side-by-side comparison of ggplot2 and Plot essentials](https://observablehq.com/@observablehq/ggplot2-plot-highlight)\n- [Plot cheatsheets](https://observablehq.com/@observablehq/plot-cheatsheets)","pinned":false,"hidden":false,"mode":"md"},{"id":335,"value":"CODE TOGETHER: Make a histogram of life expectancy using 2019 data (`data_2019`), with fill color dependent on region. ","pinned":false,"hidden":false,"mode":"md"},{"id":224,"value":"CODE TOGETHER: Create a customized scatterplot of gdp (x) and life (y) in 2019. Update the point fill color by \"region\" and set the radius to the population. We'll also update the x-axis to a log scale. ","pinned":false,"hidden":false,"mode":"md"},{"id":485,"value":"---\n## Observable Input for nimble interactive visualization","pinned":false,"hidden":false,"mode":"md"},{"id":675,"value":"CODE TOGETHER: Create a range input that spans all years in the full `wb_data` dataset. Then, create a reactive subset of `wb_data` that only contains values where year is less than or equal to the slider value. Finally, create a scatterplot of gdp (x) versus life (y) showing the filtered data.","pinned":false,"hidden":false,"mode":"md"},{"id":686,"value":"**ACTIVITY:** Duplicate the histogram above, and add a radio button input that allows you to change which variable (\"life\", \"co2\", or \"gdp\") appears in the histogram. ","pinned":false,"hidden":false,"mode":"md"},{"id":710,"value":"**BONUS ACTIVITY:** Create a horizontal bar plot that shows the top 10 CO2 emitting countries (with country on the y-axis, co2 on the x-axis) for any year in the data, connected to a slider for year. **Hint:** for sorting and only keeping the top 10, you can add the following within the same brackets where you assign variables: `sort: {y: \"x\", reverse: true, limit: 10}`.","pinned":false,"hidden":false,"mode":"md"},{"id":746,"value":"### Tooltips","pinned":false,"hidden":false,"mode":"md"},{"id":766,"value":"In this notebook, we've imported Mike's `addTooltips` function from his [Plot tooltip](https://observablehq.com/@mkfreeman/plot-tooltip) notebook. Add tooltips to any Plot by wrapping it in `addTooltips()`, then adding a `title` channel to specify what's in the tooltip. ","pinned":false,"hidden":false,"mode":"md"},{"id":44,"value":"---\n## Share visualizations","pinned":false,"hidden":false,"mode":"md"},{"id":989,"value":"CODE TOGETHER: Pick a chart above and facet it (then download it, and/or embed it!)","pinned":false,"hidden":false,"mode":"md"},{"id":46,"value":"---\n## Advanced techniques and next steps","pinned":false,"hidden":false,"mode":"md"},{"id":992,"value":"import { DuckDBClient } from \"@cmudig/duckdb-client\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":996,"value":"import { Choropleth, countries, countrymesh } from \"@d3/world-choropleth\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":236,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":764,"value":"import {addTooltips} from \"@mkfreeman/plot-tooltip\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1193,"value":"country_codes = FileAttachment(\"country_codes@1.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1194,"value":"world_bank_data = FileAttachment(\"world_bank_data@1.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}