2c:null 2d:["$","title",null,{"children":"Sustainable AI | Zeya Chen | Observable"}] 32:T4fd,draw_axes = (svg, cp) => { for (let i = 0; i < 2; i++) { svg.append("text") .attr("transform", `translate(${(i > 0 ? cp.margin.left + cp.width : 0) + cp.margin.left / 2}, ${cp.margin.top}) rotate(90)`) .style("alignment-baseline", "middle") .text("← more AI relevant"); svg.append("text") .attr("transform", `translate(${(i > 0 ? cp.margin.left + cp.width : 0) + cp.margin.left / 2}, ${cp.margin.top + cp.height}) rotate(90)`) .style("alignment-baseline", "middle") .style("text-anchor", "end") .text("more HCI focused →"); svg.append("text") .attr("transform", `translate(${cp.margin.left}, ${(i > 0 ? cp.margin.top + cp.height : 0) + cp.margin.top / 2})`) .style("alignment-baseline", "middle") .text("← less sustainable concerns "); svg.append("text") .attr("transform", `translate(${cp.margin.left + cp.width}, ${(i > 0 ? cp.margin.top + cp.height : 0) + cp.margin.top / 2})`) .style("text-anchor", "end") .style("alignment-baseline", "middle") .text("more sustainable concerns →"); } }33:[{"id":"3f565875bb27bafcbbde996ddf0b1c005d4e1a4f755786ceab6bb48c3cd8e90fadffc89b837145bc93959e258dba042132b6f4d1f7f222542add59360f0f37ef","href":"https://static.observableusercontent.com/files/3f565875bb27bafcbbde996ddf0b1c005d4e1a4f755786ceab6bb48c3cd8e90fadffc89b837145bc93959e258dba042132b6f4d1f7f222542add59360f0f37ef","name":"franklinResults (1) - Summary@1.csv","type":"text/csv","lastModified":1638826257805.931,"size":94978}] 30:{"id":"aef4f0559534e797","slug":"sustainable-ai","title":"Sustainable AI","thumbnail":"0fab229da738b3469bcda404a00a1b395bf1626c99f1b4efe7ee4689681f757d","access_level":"public","create_time":"$D2021-12-05T06:56:24.669Z","update_time":"$D2022-01-28T04:00:19.091Z","view_time":null,"first_public_time":"$D2022-01-28T04:02:56.782Z","has_unpublished_edits":null,"fork":false,"stars":6,"starred":false,"owner":{"type":"team","id":"03d23c51e6d5f9e6","login":"08dfc3a842de1ba9","name":"Zeya Chen","avatar_url":"https://avatars-next.observableusercontent.com/2350dd359026c7772f8b7ccf99ea2a15fae2b0f8bc34819452ad2763ac8b034f","tier":"starter_2024"},"version":238,"publish_version":238,"role":null,"authored":false,"authors":[{"type":"individual","id":"08dfc3a842de1ba9","login":"08dfc3a842de1ba9","name":"Zeya Chen","avatar_url":"https://avatars-next.observableusercontent.com/2350dd359026c7772f8b7ccf99ea2a15fae2b0f8bc34819452ad2763ac8b034f","tier":null}],"members":[{"type":"individual","id":"08dfc3a842de1ba9","login":"08dfc3a842de1ba9","name":"Zeya Chen","avatar_url":"https://avatars-next.observableusercontent.com/2350dd359026c7772f8b7ccf99ea2a15fae2b0f8bc34819452ad2763ac8b034f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Sustainable AI","cells":[{"id":0,"value":"# Sustainable AI","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":71,"value":"viewof bandwidth = {\n const form = html``;\n form.i.oninput = () => form.o.value = `${(form.value = form.i.valueAsNumber).toFixed(1)} bandwidth`;\n form.i.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"viewof AIMAX = {\n const form = html``;\n form.i.oninput = () => form.o.value = `${(form.value = form.i.valueAsNumber).toFixed(1)} AIMAX`;\n form.i.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"chart = {\n /*** init svg plot ***/\n const cp = chart_param,\n svg = d3.select(DOM.svg(cp.width + cp.margin.left + cp.margin.right,\n cp.height + cp.margin.top + cp.margin.bottom));\n \n svg.append(\"g\")\n .attr(\"fill\", \"none\")\n .attr(\"stroke-linejoin\", \"round\")\n .selectAll(\"path\")\n .data(contours)\n .enter().append(\"path\")\n .attr(\"stroke-width\", (d, i) => i % 5 ? 0.1 : 1)\n .attr(\"stroke\", d => color(d.value))\n .attr(\"d\", d3.geoPath())\n .attr(\"fill\", d => color(d.value).replace(\")\", \", 0.1)\"));\n\n \n // plot the points\n svg.selectAll(\"circle.CHIpaper\")\n .data(CHI).enter()\n .append(\"circle\")\n //.classed(\"enao_genre_dot\", true)\n .attr(\"cx\", d => cp.margin.left + x(d.left))\n .attr(\"cy\", d => cp.margin.top + y(d.top))\n .attr(\"fill\", d => colorScale(d.design))\n .attr(\"r\", width * .0025);\n\n\n draw_axes(svg, cp);\n \n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"color = d3.scaleLinear().domain(d3.extent(contours, d => d.value)).range([\"#06D6A0\", \"#EF476F\"]);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"contours = d3.contourDensity()\n .x(d => chart_param.margin.left + x(d.left))\n .y(d => chart_param.margin.top + y(d.top))\n .size([chart_param.width, chart_param.height])\n .bandwidth(bandwidth)\n .thresholds(30)\n (CHI)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"colorScale = d3.scaleLinear().domain([0, 1]).range([\"#06D6A0\", \"#EF476F\"]);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"x = d3.scaleLinear()\n .domain([-10, 110])\n .range([0, chart_param.width]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"y = d3.scaleLinear()\n .domain([110, -10])\n .range([chart_param.height, 0]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"chart_param = {\n const cpi = chart_param_init,\n cp = Object.assign(cpi, {\n width: width - cpi.margin.left - cpi.margin.right,\n height: width * 0.7 - cpi.margin.top - cpi.margin.bottom\n });\n return cp;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"chart_param_init = ({\n margin: {\n top: 35,\n right: 35,\n bottom: 35,\n left: 35\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"CHIAI = CHIdataRaw.map(d => {\n return {\n top: +d.AI.replace(\"%\", \"\"),\n }\n})\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"CHI = {\n const scale_AI = d3.scaleLinear().domain(d3.extent(CHIAI, d => d.top)).range([AIMAX, 0]);\n return CHIdataRaw.map( d => {\n return {\n CC: +d['Candidate Collections'].replace(\"Proceedings_\", \"\").replace(\"_CHI\",\"\"),\n link: d.Documents,\n left: +d.Sustain.replace(\"%\", \"\"),\n top: scale_AI(+d.AI.replace(\"%\", \"\")),\n design: +d.Design.replace(\"%\", \"\") / 100\n \n }});\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"CHIdataRaw = FileAttachment(\"franklinResults (1) - Summary@1.csv\").csv()\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"