31:[] 2f:{"title":"Sample Assignment - Justin Banusing","cells":[{"id":0,"value":"md`# Sample Assignment - Justin Banusing`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"md`Welcome to your first Notebook for the course! This is an **ungraded activity** to ensure that you are comfortable with the process for completing and submitting coursework. \n\nPlease follow these instructions to set up your assignment (a _fork_ of this notebook). \n\nOnce you have created your fork, you should experiment with Observable by following the instructions below. You may want to reference the Five-Minute Introduction, or this A Taste of Observable tutorial for good starting points. `","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"md`## Markdown Experimentation\nCreate a few cells below this one to practice rendering Markdown syntax.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"md`### This is a smaller header`","pinned":true,"hidden":false,"mode":"ojs"},{"id":127,"value":"md`#### This is an even smaller header`","pinned":true,"hidden":false,"mode":"ojs"},{"id":131,"value":"md`##### This is the smallest header you'll see on this doc`","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"md` ## HTML Experimentation\nCreate a few cells below this one to practice rendering using HTML syntax.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"html`

\n I'm a bird.\n

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":44,"value":"html`

\n I'm a goldfish that's bigger than a bird.\n

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":47,"value":"html`

\n I'm a bull that's smaller than a goldfish.\n

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"md`## CSS Experimentation\nCreate a cell below in which you write various CSS styles, and apply them to the content in this notebook (e.g., change various font sizes or colors, or change other styles in the HTML elements you created above).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"html`\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"md`## JavaScript Experimentation\nCreate a few cells below this one to practice writing JavaScript. You can do some basic math, create views, or even render \\`

Choose from a color below to see the color of something change.

`;\n p.style.color = d3.interpolateRainbow(now / 5000);\n return p;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":88,"value":"viewof value = html`\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":113,"value":"{\n const a = html`

This color changes based.

`;\n a.style.color = value;\n return a;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"md`## Import Experimentation\nCreate a few cells below in which you **import** content from another Notebook, and then display it! See this notebook for more information on imports.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"import {map} from \"@d3/interrupted-sinu-mollweide\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":161,"value":"map","pinned":true,"hidden":false,"mode":"ojs"},{"id":172,"value":"import {chart} \nfrom \"@d3/bar-chart-race\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":174,"value":"chart","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"md`## Observable Challenges\nIn the cells below, please document any issues that you encountered during your first experience working with Observable (e.g, frustrating errors, areas of confusion, issues with navigation, etc.). We'll use this to guide instruction, construct better tutorials, and provide feedback to the folks at Observable.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":187,"value":"md`Definitely an interesting platform. It's been a while since I've done web development, so this will be a challenge. It's been intuitive so far.`","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}