25:["$","title",null,{"children":"Group Assignment #2: Your Data on Observable (Milestone) | Lkocevski | Observable"}] 49:[{"id":"fca99ae53883f5a28c195590630fd1960995dbc13342c78ed4eda16372da89e34de89e6a6e46cdc3556fc6a039b1211e6e26fdf5f18fbf28a460d7c114a9132c","href":"https://static.observableusercontent.com/files/fca99ae53883f5a28c195590630fd1960995dbc13342c78ed4eda16372da89e34de89e6a6e46cdc3556fc6a039b1211e6e26fdf5f18fbf28a460d7c114a9132c","name":"Cars dataset.csv","type":"text/csv","lastModified":1684783339083.813,"size":17479}] 29:{"id":"a4c91c617cd9ded8","slug":null,"title":"Group Assignment #2: Your Data on Observable (Milestone)","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2023-05-22T19:22:19.083Z","update_time":"$D2023-05-27T16:08:20.043Z","view_time":null,"first_public_time":"$D2023-05-22T19:22:19.083Z","has_unpublished_edits":null,"fork":{"id":"e89c674b49f531ff","slug":null,"title":"Group Assignment #2: Your Data on Observable (Milestone)","owner":{"id":"dfe4181e1054ff74","login":"nilsfischer1310","name":"nilsfischer"}},"stars":0,"starred":false,"owner":{"type":"team","id":"973b063039100398","login":"lkocevski","name":"Lkocevski","avatar_url":"https://avatars-next.observableusercontent.com/046bd5b568b51130542ff8bb2226bb427d613683dd6d35c6574936721ba52055","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":1202,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"104bc8799037499d","login":"lukakocevski","name":"luka kocevski","avatar_url":"https://avatars-next.observableusercontent.com/f65614a855fda49065f4a3b0b72f184b7a2668795ce00cf6c7e22df62780dad9","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"973b063039100398","login":"lkocevski","name":"Lkocevski","avatar_url":"https://avatars-next.observableusercontent.com/046bd5b568b51130542ff8bb2226bb427d613683dd6d35c6574936721ba52055","tier":"starter_2024","role":"editor"},{"type":"individual","id":"104bc8799037499d","login":"lukakocevski","name":"luka kocevski","avatar_url":"https://avatars-next.observableusercontent.com/f65614a855fda49065f4a3b0b72f184b7a2668795ce00cf6c7e22df62780dad9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"13e8264c216f3c8f","slug":"worksheets-learn-plot-luka-kocevski","title":"'Worksheets: Learn Plot - Luka Kocevski","owner":{"id":"973b063039100398","login":"lkocevski","name":"Lkocevski"}},"type":"notebook","body":{"titling":"auto","title":"Group Assignment #2: Your Data on Observable (Milestone)","cells":[{"id":52,"value":"# Group Assignment #2: Your Data on Observable (Milestone)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":862,"value":"## Deadline\n\nMonday, May 22nd, 23:59","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":82,"value":"## Goal\n\nApply the techniques you learned to your own data, so you can prepare and visualize it on Observable.\n\nIf your dataset is not compatible with a technique, please find another dataset for that part so you can demonstrate what you have learned. Although you should try to avoid this as much as you can because you can (partly) use this assignment as an opportunity to work on your final report if you can use your own group's dataset.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":421,"value":"## Grading\n\n- **Performance points: ${yourDataOnObservableAssignmentPoints}**\n- Scale: See below.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":356,"value":"## The Task","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":67,"value":"- There should be at least:\n 1. A data import from CSV, JSON, URL, etc. [+${performancePoints.dataImport} performance points]\n 2. Some data wrangling with `Wrangler()` [+${performancePoints.dataWrangling} performance points]\n 3. Reuse of at least one visualization from Observable community with your data [+${performancePoints.chartReuse} performance points]\n 4. Three charts made with Plot [+${performancePoints.chartMaking} performance points]\n 5. Code for the charts or data wrangling should not be overly terse (e.g., not merely 1-2 lines of code; inflating your line number using formatting tricks without putting in a meaningful amount of effort does not count) [-${performancePenalties.tooLittleEffortForCharts} or more performance points deducted, depending of the number of occurrences]","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1003,"value":"carsDataset = await FileAttachment(\"Cars dataset.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"carsDataset","database":"$undefined"},{"id":1008,"value":"import { Wrangler, op } from \"@observablehq/data-wrangler\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1016,"value":"cars_filtered = aq\n .from(carsDataset)\n .select(\n \"name\",\n \"cylinders\",\n \"power (hp)\",\n \"weight (lb)\",\n \"0-60 mph (s)\",\n \"economy (mpg)\"\n )\n .rename({ name: \"Name\" })\n .rename({ cylinders: \"Cylinders\" })\n .rename({ \"power (hp)\": \"Hp\" })\n .rename({ \"weight (lb)\": \"Weight in lb\" })\n .rename({ \"economy (mpg)\": \"Efficency\" })\n .filter((d) => d[\"Hp\"] > 120)\n .derive({ \"Weight to Power\": (d) => d[\"Weight in lb\"] / d[\"Hp\"] })\n .objects()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1018,"value":"Inputs.table(cars_filtered)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1091,"value":"Plot.plot({\n grid: true,\n nice: true,\n y: {\n lable: \"0-60 mph in sec\"\n },\n x: {\n label: \"Weight to Power ratio\"\n },\n marks: [\n Plot.dot(cars_filtered, {\n x: \"Weight to Power\",\n y: \"0-60 mph (s)\",\n fill: \"grey\",\n title: TooltipPlot1\n }),\n Plot.linearRegressionY(cars_filtered, {\n x: \"Weight to Power\",\n y: \"0-60 mph (s)\",\n stroke: \"dodgerblue\",\n ci: 0.95\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1163,"value":"viewof sort_toggle = Inputs.toggle({label: \"Sort cars by HP\", value: false})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1166,"value":"Plot.plot({\n marginBottom: 100,\n x: {label: \"Cars ranked by Power\", tickRotate: 90},\n y: {grid: true},\n marks: [\n Plot.barY(carsDataset,\n Plot.groupX({y: \"mean\"}, {x: \"cylinders\", y: \"power (hp)\", \n fill: \"cylinders\",\n sort: sort_toggle ? {x: \"y\", reverse: true} : \"\"}))\n\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1102,"value":"Plot.plot({\n grid: true,\n nice: true,\n y: {\n lable: \"Efficency\"\n },\n x: {\n label: \"Horespower\"\n },\n marks: [\n Plot.dot(cars_filtered, {\n x: \"Hp\",\n y: \"Efficency\",\n fill: \"Cylinders\",\n title: TooltipPlot3\n }),\n Plot.linearRegressionY(cars_filtered, {\n x: \"Hp\",\n y: \"Efficency\",\n stroke: \"dodgerblue\",\n ci: 0.95\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1108,"value":"TooltipPlot1 = (d) =>\n `\n Name: ${d[\"Name\"]}\n Acceleration: ${d3.format(\".3s\")(d[\"0-60 mph (s)\"])}\n W/P ratio: ${d3.format(\".3s\")(d[\"Weight to Power\"])}\n `","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1120,"value":"TooltipPlot2 = (d) =>\n `\n Name: ${d[\"Name\"]}\n Lb: ${d3.format(\".3s\")(d[\"Weight in lb\"])}\n Horsepower: ${d3.format(\".3s\")(d[\"Hp\"])}\n `","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1123,"value":"TooltipPlot3 = (d) =>\n `\n Name: ${d[\"Name\"]}\n Efficency: ${d3.format(\".3s\")(d[\"Efficency\"])}\n Horsepower: ${d3.format(\".3s\")(d[\"Hp\"])}\n `","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":393,"value":"- [+${performancePoints.excellence} performance point] is reserved for excellence and wholesomeness. E.g., if you made a technically impressive preprocessing pipeline relevant for visualization, conducted an interesting visual analysis, showed sound reasoning, had a great story in which visuals and explanations came together in a cohesive whole, wrote and coded eloquently, and, importantly, designed visuals adhering to best practices, any of these dimensions can increase the performance points significantly.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":121,"value":"- Although a cohesive story would be desirable and count towards excellence, it is not a requirement for excellence at this point; whether you understood the techniques taught is more important. However, if you spend the effort in putting your analyses in a cohesive whole, you could use your output, or a part of it, directly for your final report more easily.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":140,"value":"- The structure of your notebook is up to you. It can be a single notebook that covers all your analyses, or it could be collection that consists of several notebooks. Messy notebooks or collections could be viewed from the context of (not) clean text/code (see below), and may cost performance point(s). ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":25,"value":"- Please try to write clean text and clean code [+${performancePoints.cleanTextAndCode} performance point]:\n - Explain your intention on top of every cell, briefly (e.g., 'import dataset from ...')\n - No cryptic variable names (e.g., `z = x/y` or `dataset5 = wdx[0][0]`; instead, write `aspectRatio = rectangleWidth/rectangleHeight` or `agesDataset[0][0]`)\n - No overly long explanations or cells (not very applicable to Plot, but still, try to aspire for conciseness.)\n - You don't need to be too anxious about this as long as you spend some effort in writing understandable text and code; you are not expected to write code as clear as a professional programmer or prose as concise as of an experienced writer's. These performance points will be (partly) withheld if getting through your text and code turns out to be more challenging than it has been for your peers' text/code.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":130,"value":"## Getting Help\n\nThe Observable notebooks shared during the class are aimed to serve you as long-term reference. Please consult them (also in the future) in case you experience issues concerning a technique we covered. If you can't find an answer in a notebook, and after searching it online (tip: use 'observablehq' and 'observable plot' when searching the web, instead of 'observable' and 'plot') you can use [Observable forum](https://talk.observablehq.com) or [Stack Overflow](https://stackoverflow.com/questions/tagged/observablehq). The Observable community is very helpful and you usually get an answer to your question within one day on the forum. You can also ask for help from John, of course---also in the future, after the course. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":893,"value":"# Guidelines and Tips","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":897,"value":"Please see [this notebook](https://observablehq.com/d/4de3a434d8cd531b) for guidelines and tips on how to create good content for this assignment.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":868,"value":"# Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":870,"value":"import {yourDataOnObservableAssignmentPoints} from \"2cd741146f68dfd1\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":931,"value":"usedPoints = d3.sum(Object.values(performancePoints).map(d => d))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":934,"value":"availablePoints = yourDataOnObservableAssignmentPoints","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":909,"value":"performancePoints = ({\n dataImport : availablePoints / 5,\n dataWrangling: availablePoints / 5,\n chartReuse: availablePoints / 5,\n chartMaking: availablePoints / 5,\n excellence: availablePoints / 10,\n cleanTextAndCode: availablePoints / 10\n} )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":919,"value":"performancePenalties = ({\n tooLittleEffortForCharts: availablePoints / 5\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null