2c:null 2d:["$","title",null,{"children":"Observable ResBaz Workshop | Devin Bayly | Observable"}] 32:T7dc,md` ## Hacking on examples *Note to execute a cell use either Ctrl-Enter or Shift-Enter. Otherwise if you've changed code in a cell and then you click on another cell your recently modified code will get executed without any key presses needed.* * Temporary modifications * Go to this page https://observablehq.com/d/3fc63e2b05319437 * for more open any of https://observablehq.com/@observablehq/user-manual and modify away! * Fork/Extend workflow * Using https://observablehq.com/d/3fc63e2b05319437 or any page you've found * click on ${threedot} at the top of the page * then ${forkIcon} * Or make some changes and click on the fork icon that says \`you have # of Unsaved changes\` * Now you have your own copy of the notebook where your changes shall live on! * Attaching custom data * If you have your own feel free to use it, or grab this https://raw.githubusercontent.com/rfordatascience/tidytuesday/master/data/2021/2021-04-20/netflix_titles.csv * click on the ${paperclip} and browse or drag and drop your csv here * once the upload completes click the ${verticalthreedot} and choose \`insert in notebook\` for an example of the code that imports your uploaded data * Importing code (npm,cdnjs,other notebooks) * the \`require\` statement * \`require('d3')\` * \` import { vl } from "@vega/vega-lite-api" \` * \` data = import(await FileAttachment("resbaz_data_modified_exports.js").url()) \` when code is data * Good thing to know about for troubleshooting https://observablehq.com/@observablehq/module-require-debugger * importing from other notebooks * documentation at https://observablehq.com/@observablehq/introduction-to-imports * works for named cells like \` color= "purple" \` * if the other notebook is public you can import from it as follows \`import {ramp} from "@mbostock/color-ramp"\` * the generic form is \`import {entityToImport} from "@user/notebook-name"\` * see below for an import of an unlisted notebook's function `33:T446,paperclip = html``34:T49c,forkIcon = html``35:[] 30:{"id":"62b73de758dafb68","slug":"observable-resbaz-workshop","title":"Observable ResBaz Workshop","thumbnail":"f2cc74aeecc377be6ed77c55ef8e460455b168045e295367a394a8560089db71","access_level":"public","create_time":"$D2021-04-13T20:51:53.116Z","update_time":"$D2021-05-21T23:25:43.154Z","view_time":null,"first_public_time":"$D2021-05-21T21:54:58.705Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"a160e29293f9b8d0","login":"devinbayly","name":"Devin Bayly","avatar_url":"https://avatars-next.observableusercontent.com/298031e6b8303c3e444bab1c4012a47a7678618423f5f86b941ff634ea65a5b0","tier":"pro_2024","bio":""},"version":263,"publish_version":263,"role":null,"authored":false,"authors":[{"type":"individual","id":"f10b672ee4126523","login":"devinbayly","name":"Devin Bayly","avatar_url":"https://avatars-next.observableusercontent.com/298031e6b8303c3e444bab1c4012a47a7678618423f5f86b941ff634ea65a5b0","tier":null,"bio":""}],"members":[{"type":"individual","id":"1853a7a3247c7072","login":"alex-r-bigelow","name":"Alex Bigelow","avatar_url":"https://avatars-next.observableusercontent.com/b2c6a4853ee3fa353081e9dffbe7706390f8bb8d5d673a38c001b8f8f885bde4","tier":null,"role":"editor"},{"type":"individual","id":"f10b672ee4126523","login":"devinbayly","name":"Devin Bayly","avatar_url":"https://avatars-next.observableusercontent.com/298031e6b8303c3e444bab1c4012a47a7678618423f5f86b941ff634ea65a5b0","tier":null,"role":"editor"},{"type":"individual","id":"bdda978e29356de3","login":"kcarini","name":"Kiri","avatar_url":"https://avatars-next.observableusercontent.com/894443554bb76878346acc286c1a141d556f450b8ed3f28aedc09b0c0cf9dad8","tier":null,"role":"editor"},{"type":"individual","id":"2e38492685cf4e0e","login":"warutherford","name":"W. Austin Rutherford","avatar_url":"https://avatars-next.observableusercontent.com/6bb946c6b9dbbd25afe940a71ef7508c0c7e27d8e1102735e1413baa47fb583a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Observable ResBaz Workshop","cells":[{"id":0,"value":"md`# Observable ResBaz Workshop\n\nResbaz hackmd io link https://hackmd.io/-XS5Mqh8TA2EHjTHCQ_4tw\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"md`\n## Layout of presentation\n\n* What is a Notebook? \n* Looking at examples\n * Geospatial: https://observablehq.com/@mourner/martin-real-time-rtin-terrain-mesh\n * Visualizing surprising datasets: Abby Collier Squirrel Census https://next.observablehq.com/@aecollier/sqrrules\n * Small edits of a [D3 Scatterplot Matrix](https://observablehq.com/@alex-r-bigelow/gender-bias-and-bechdel-scores) (SPLOM) of Bechdel Test scores\n * Revisiting Kate Isaac's Vega-lite workshop in Observable: https://observablehq.com/d/9130665f91e46fc1\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"newcolor = \"purple\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"import { p5pinwheel } with {newcolor as color } from \"3fc63e2b05319437\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"p5pinwheel","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"md`## Making your own!!!\n\nAt the top of the page click on the ${newButton}\n\nFeel free to use any of the techniques you've seen so far to mess around in the new notebook! \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"md`## Publishing / Link Sharing\n\nWhen you are satisfied with your work, or ready to stop but feel like sharing this click the ${publishButton} at the top of the notebook\n\nIt would be fun to share eachother's notebook links on the hackmd ... if you're into that sort of thing \n\n=D\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"md`## Time check!\n\n* Options\n * Breakout rooms for folks with similar projects\n * Revisit previous material in greater depth\n * Call it a day? \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"md`## Where to go from here\n\n* More Observable learning\n * https://observablehq.com/@observablehq/user-manual\n* Discourse Forum\n * https://talk.observablehq.com/\n* Networks\n * https://observablehq.com/community#networks\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"requests = `\nturn geojson into a map\nturn geojson into a map\ngame for anything!\njust listening\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":214,"value":"horizontalBarChart","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"import {chart as horizontalBarChart} with {surveyResults as data, myMargin as margin} from \"@d3/horizontal-bar-chart\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"myMargin = ({top: 30, right: 0, bottom: 10, left: 120})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"surveyResults = Object.entries(\n requests\n .trim()\n .split(\"\\n\")\n .reduce((acc, cur) => {\n if (acc[cur] == undefined) {\n acc[cur] = 1;\n } else {\n acc[cur] += 1;\n }\n return acc;\n }, {})\n).map(([name, value]) => { return { name, value }; })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"md`Dependencies for notebook`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"publishButton = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"threedot = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"newButton = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"verticalthreedot = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1"}} 31:"$30:body"