30:[] 2e:{"title":"Utilities","cells":[{"id":0,"value":"md`# Utilities\nSome handy utilities for the notebooks`","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"md`## Notebook answer checking`","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"check_answer = attemptObj => {\n let [key, attempt] = Object.entries(attemptObj)[0];\n let result;\n if (attempt === undefined) {\n return html`${incorrect(key)}`;\n }\n let answer = answers[key];\n // Convert arquero tables to arrays of objects\n if (typeof attempt.objects === \"function\") attempt = attempt.objects();\n\n // Convert dates to strings for checking\n if (attempt instanceof Date) attempt = attempt.toISOString();\n if (answer instanceof Date) answer = answer.toISOString();\n // Check arrays\n if (Array.isArray(answer)) {\n // Convert dates to strings for checking\n if (attempt[0] instanceof Date) {\n attempt = attempt.map(d => d.toISOString());\n }\n if (answer[0] instanceof Date) {\n answer = answer.map(d => d.toISOString());\n }\n result = arrays_are_equal(attempt, answer);\n } else {\n result = attempt === answer;\n }\n return html`${result ? correct(key) : incorrect(key)}`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":111,"value":"answers = []","pinned":true,"hidden":false,"mode":"ojs"},{"id":97,"value":"correct = key =>\n `

Correct 🎉! Nice work calculating ${key}

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":101,"value":"incorrect = key =>\n `

Not yet 🤔... you'll get ${key} eventually!

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"arrays_are_equal = (array1, array2) =>\n array1.length === array2.length &&\n array1.every((value, index) => _.isEqual(value, array2[index]))","pinned":true,"hidden":false,"mode":"ojs"},{"id":114,"value":"md`## Styles, common components`","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"displayCaution = function(text = \"Caution: Work in Progress!\") {\n const caution = html`

\n${text}\n

`;\n Object.keys(caution_styles).forEach(\n d => (caution.style[d] = caution_styles[d])\n );\n return html`${caution}`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"caution_styles = {\n const a = {\n backgroundColor: \"#fcbf5185\",\n padding: \"20px\",\n borderRadius: \"5px\",\n textAlign: \"center\"\n };\n return a;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"displayImage = function(imgUrl, height = 500) {\n return html`\n

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"group_notebook_instructions = (name = \"Notebook name\") => {\n return md`## Set up \nTo create a notebook for your group:\n- One group member fork this notebook (make sure it is to the \\`@uw-info474\\` account)\n- That group member should _rename_ the notebook by changing the title cell above from _${name}_ to *${name} LAST_NAME* \n- That group member should then click the **Share** button, and share it with the other members of the group so that the other group members can edit the notebook at the same time\n- All group members should open the notebook because everyone can edit simultaneously!\n`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":124,"value":"assignment_instructions = (name = \"Assignment name\") => {\n return md`## Set up \nTo create a notebook for your assignment:\n

**Fork Notebook**: You should fork the assignment (make sure to fork it _within_ the Team)

**Rename Notebook**: Add your last name to the assignment name by changing the header cell value (e.g., \"_${name} Freeman_\")

**Share Notebook**: Share the assignment with the instructor and TAs so they can view and edit it

`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":131,"value":"observable_challenges = md`## Observable Challenges\nIn the cells below, please document any issues that you encountered 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":true,"hidden":false,"mode":"ojs"},{"id":127,"value":"assignment_instructions()","pinned":true,"hidden":false,"mode":"ojs"},{"id":116,"value":"md`## Table`","pinned":true,"hidden":false,"mode":"ojs"},{"id":50,"value":"// Function to render a table\nrender_data_table = (options, n_rows = 20) => {\n const table_data = options.filter((d, i) => i <= n_rows);\n return html`\n \n ${Object.keys(options[0]).map((d, i) => {\n let label = d;\n return ``;\n })}\n \n \n \n ${table_data.map(row => {\n return html`${Object.values(row).map(col => {\n return ``;\n })}`;\n })}\n \n

${label}
${col}

`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"render_table = options => html`\n ${Object.keys(options[0]).map((d, i) => {\n let label = i == 0 ? \"\" : d.toUpperCase();\n return ``;\n })}\n\n \n ${options.map(row => {\n return html`${Object.values(row).map(col => {\n return ``;\n })}`;\n })}\n \n

${label}
${col}

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"downloadButton = (pdf, filename = 'paper') => {\n const button = DOM.download(pdf, filename, `Download ${filename}`);\n return button;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":71,"value":"code_styles = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":52,"value":"table_styles = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":104,"value":"md`## Appendix`","pinned":true,"hidden":false,"mode":"ojs"},{"id":109,"value":"_ = require(\"lodash\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}