25:["$","title",null,{"children":"Objective Views | Robert Harris | Observable"}] 49:[] 29:{"id":"08a2241f6a65d8aa","slug":null,"title":"Objective Views","thumbnail":"06b071c20579e900ab81f44e0cda9a2c283a3396ae1cf5ff4f41ec340ff6e37a","access_level":"public","create_time":"$D2023-02-13T23:10:58.189Z","update_time":"$D2023-02-14T01:25:03.287Z","view_time":null,"first_public_time":"$D2023-02-13T23:10:58.189Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"ee5a008260fc7c56","login":"trebor","name":"Robert Harris","avatar_url":"https://avatars-next.observableusercontent.com/936178c81d52f4a3b97d8b2ff7e401b2903b30c97bb5cf5f409e37128137a067","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":378,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"d504d175c0c36f4b","login":"trebor","name":"Robert Harris","avatar_url":"https://avatars-next.observableusercontent.com/936178c81d52f4a3b97d8b2ff7e401b2903b30c97bb5cf5f409e37128137a067","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"d504d175c0c36f4b","login":"trebor","name":"Robert Harris","avatar_url":"https://avatars-next.observableusercontent.com/936178c81d52f4a3b97d8b2ff7e401b2903b30c97bb5cf5f409e37128137a067","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"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