25:["$","title",null,{"children":"Objective Views | Oliver Klingefjord | Observable"}] 49:[] 29:{"id":"40923d96353ff1d6","slug":null,"title":"Objective Views","thumbnail":"1937cc0e42caaeb6f72454bdc21a6d70ace4973d7c5ad3c3c966dfb8b8b968a8","access_level":"public","create_time":"$D2023-02-24T13:53:06.272Z","update_time":"$D2023-02-24T13:53:06.272Z","view_time":null,"first_public_time":"$D2023-02-24T13:53:06.272Z","has_unpublished_edits":null,"fork":{"id":"08a2241f6a65d8aa","slug":null,"title":"Objective Views","owner":{"id":"ee5a008260fc7c56","login":"trebor","name":"Robert Harris"}},"stars":0,"starred":false,"owner":{"type":"team","id":"78118d2dfd373172","login":"klingefjord","name":"Oliver Klingefjord","avatar_url":"https://avatars-next.observableusercontent.com/30643016499250ee0532fcfa94358410e573589b88d75fa7140ab0a8055ea685","tier":"starter_2024","bio":"Passionate about building things with real value","followed_by_you":false,"follows_you":false},"version":378,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6e6f20fb70f4ce9b","login":"klingefjord","name":"Oliver Klingefjord","avatar_url":"https://avatars-next.observableusercontent.com/30643016499250ee0532fcfa94358410e573589b88d75fa7140ab0a8055ea685","tier":null,"bio":"Passionate about building things with real value","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"6e6f20fb70f4ce9b","login":"klingefjord","name":"Oliver Klingefjord","avatar_url":"https://avatars-next.observableusercontent.com/30643016499250ee0532fcfa94358410e573589b88d75fa7140ab0a8055ea685","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Objective Views","cells":[{"id":0,"value":"# Objective Views","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":131,"value":"renderNamedValue = (name, value) => htl.html`\n

\n ${name}\n ${value}\n

${title}

\n ${renderSentiment(pro, con, 40)}\n

\n ${detail}\n

\n ${stances.map(renderStance)}\n

\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"renderStance = ({ title, detail, pro, con }) => htl.html`\n

${title}

\n ${renderSentiment(pro, con, 30)}\n

\n ${detail}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"renderSentiment = (pro, con, height) => htl.html`\n

\n ${renderSentimentDonut(pro, con, height)}\n

\n ${renderNamedValue(\"Pro\", pro)}\n ${renderNamedValue(\"Con\", con)}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"renderSentimentDonut = (pro, con, height = 20) => {\n const radius = height / 2;\n const arc = d3\n .arc()\n .innerRadius(radius * 0.25)\n .outerRadius(radius)\n .cornerRadius(2)\n .padAngle(0.05);\n\n const arcs = d3.pie()([pro, con]);\n\n const svg = DOM.svg(height, height);\n const color = d3.scaleOrdinal(d3.schemeSet2);\n\n d3.select(svg)\n .append(\"g\")\n .attr(\"transform\", `translate(${[radius, radius]})`)\n .selectAll(\"path\")\n .data(arcs)\n .enter()\n .append(\"path\")\n .attr(\"fill\", color)\n .attr(\"d\", (d) => arc(d));\n\n return svg;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"### Data Gen","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":55,"value":"generateData = () => d3.range(randomBase(5, 3)).map(generateSubject)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"generateSubject = () => ({\n title: \"Scenario Title\",\n detail: \"Subject detail.\",\n stances: d3.range(randomBase(5, 2)).map(generateStance)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"generateStance = () => ({\n title: \"Stance Title\",\n detail: \"Stance detail.\",\n pro: randomBase(10, 5),\n con: randomBase(7, 6)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"randomBase = (base, range) => d3.randomInt(base - range, base + range)()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null