31:[{"id":"5f9a00f6a4409ce77c323badb620780c8f52ffc314e4e52680910c473b04e18ff11659e43129b016f8127cd73681777282505c70076267292b84eefd6ade1a26","href":"https://static.observableusercontent.com/files/5f9a00f6a4409ce77c323badb620780c8f52ffc314e4e52680910c473b04e18ff11659e43129b016f8127cd73681777282505c70076267292b84eefd6ade1a26","name":"Screenshot from 2020-03-02 22-34-13.png","type":"image/png","lastModified":1583217273587.193,"size":38269},{"id":"8a48defb74c2efe43ca5f7e6bab94c50e15b9bea2f3ad0288fac1952f9ea5c121e5a69eedf24945ac6368c6f1c40f74a9eb4e534912bb5a1cef49af9dd3a8a39","href":"https://static.observableusercontent.com/files/8a48defb74c2efe43ca5f7e6bab94c50e15b9bea2f3ad0288fac1952f9ea5c121e5a69eedf24945ac6368c6f1c40f74a9eb4e534912bb5a1cef49af9dd3a8a39","name":"Peek 2020-03-02 22-58.gif","type":"image/gif","lastModified":1583218706108.858,"size":357763}] 2f:{"title":"First Observable Notebook 2020","cells":[{"id":0,"value":"md`# First Observable Notebook 2020\n\nThis is the script for a three-hour, hands-on class [scheduled](https://www.ire.org/events-and-training/conferences/nicar-2020/hands-on-workshops#first-notebook) to be taught on March 5, 2020, at the National Institute of Computer-Assisted Reporting conference in New Orleans, Louisiana.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"globe","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"import { chart as globe } from \"@palewire/new-orleans-louisiana\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"md`The class was [first taught](https://observablehq.com/@palewire/first-observable-notebook) at NICAR's 2019 conference in Newport Beach, California by Aaron Williams, Sahil Chinoy, Iris Lee and Ben Welsh.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"md`## What we will make`","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"md`Using nothing but their web browser, students will sketch, refine and publish variations on the miniature demographics charts created by [Sandhya Kambhampati](https://www.sandhyakambhampati.com/) and [Kyle Kim](https://www.latimes.com/people/kyle-kim) for the [Los Angeles Times](https://www.latimes.com/projects/2020-iowa-caucuses-live-results/).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"FileAttachment(\"Screenshot from 2020-03-02 22-34-13.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"md`Along the way, they will see how Observable’s groundbreaking approach to coding can help them be more creative, ambitious and efficient. They will learn each of the following concepts:\n\n* Creating an Observable account\n* The basic features of the Observable toolbar\n* Creating and executing JavaScript and HTML code cells\n* How the reactive programming system influences the relationship between cells\n* Attaching data file to your notebook\n* Inspecting JSON data\n* Importing features from other notebooks\n* Creating reactive inputs with viewof\n* Manipulating data with reactive inputs\n* Forking notebooks\n* Manipulating d3 charts with reactive inputs\n* Downloading charts from Observable and preparing them for publication\n* Importing and remixing charts into separate notebooks`","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"md`Combining all those techniques will create an interactive tool that lets you quickly create charts for every state in the country.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"FileAttachment(\"Peek 2020-03-02 22-58.gif\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"md`## Meet your instructors`","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"md`The class will be taught by a rotating cast of four.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"html`

${teachers.map(\n t => html`\n

`\n)}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"md`Each of the teachers has used Observable to develop ideas for graphics.\n\n* [State pie charts](https://observablehq.com/@asg017/state-pie-charts) by Alex Garcia\n* [MENA/SWANA countries](https://observablehq.com/@ellissimani/mena-swana-countries) by Ellis Simani\n* [California buildings in severe fire hazard zones](https://observablehq.com/@palewire/california-buildings-in-severe-fire-hazard-zones) by Ben Welsh\n* [Small multiple chart cartogram](https://observablehq.com/@aboutaaron/small-multiple-chart-cartogram) by Aaron Williams`","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"teachers = [\n {\n name: \"Alex Garcia\",\n job: \"Oculus\",\n photo:\n \"https://pbs.twimg.com/profile_images/1118929695255359488/YMLIIvDi_400x400.jpg\",\n twitter: \"agarcia_me\"\n },\n {\n name: \"Ellis Simani\",\n job: \"ProPublica\",\n photo:\n \"https://pbs.twimg.com/profile_images/1158573797315887104/OyY2ezM1_400x400.jpg\",\n twitter: \"emsimani\"\n },\n {\n name: \"Ben Welsh\",\n job: \"Los Angeles Times\",\n photo:\n \"https://gist.githubusercontent.com/palewire/bacf1cb7743ce55ff39f47c8cf8bffa8/raw/ec2237725e52e6793bb6fee5ce5a835010971e91/ben-welsh.jpg\",\n twitter: \"palewire\"\n },\n {\n name: \"Aaron Williams\",\n job: \"Washington Post\",\n photo:\n \"https://pbs.twimg.com/profile_images/1207410653088112645/znOqw59R_400x400.jpg\",\n twitter: \"aboutaaron\"\n }\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"md`The instructors created this class to channel the stimulating feeling of exploration we feel when challenged by computers. This course is best enjoyed while listening to Kraftwerk, musicial artists who embrace the same creative spirit.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"md`Press play. And let us begin. The next stop is [Hello Notebook](https://observablehq.com/@palewire/hello-notebook?collection=@palewire/first-observable-notebook-2020).`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}