2b:null 2c:["$","title",null,{"children":"Simple SVG | Ville Saarinen | Observable"}] 31:[] 2f:{"id":"26602467a35e6efe","slug":null,"title":"Simple SVG","thumbnail":"cbcacc50634085bbf2c4d4fa72e73c84cea9af86568d038a169b8cefdb831efe","access_level":"public","create_time":"$D2024-02-14T10:21:42.237Z","update_time":"$D2024-02-15T13:26:48.135Z","view_time":null,"first_public_time":"$D2024-02-14T10:21:42.237Z","has_unpublished_edits":null,"fork":{"id":"7012061a800e7057","slug":"simple-svg","title":"Simple SVG","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"71d4e23f031c30ce","login":"vsaarinen","name":"Ville Saarinen","avatar_url":"https://avatars-next.observableusercontent.com/f270f77133e952c1faf69ae5c86607970d6c3c1ac7aba096191c6f1dab4c1170","tier":"starter_2024"},"version":128,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"aee524ad0d8538f9","login":"vsaarinen","name":"Ville Saarinen","avatar_url":"https://avatars-next.observableusercontent.com/f270f77133e952c1faf69ae5c86607970d6c3c1ac7aba096191c6f1dab4c1170","tier":null}],"members":[{"type":"individual","id":"aee524ad0d8538f9","login":"vsaarinen","name":"Ville Saarinen","avatar_url":"https://avatars-next.observableusercontent.com/f270f77133e952c1faf69ae5c86607970d6c3c1ac7aba096191c6f1dab4c1170","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Simple SVG","cells":[{"id":0,"value":"# Simple SVG","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"htl.html`\n

Ville

\n \n

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"height = 200","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"sidebarWidth = 200","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"chartWidth = width - sidebarWidth","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"function toPercent(num) {\n return `${(num * 100).toFixed(2)}%`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"scores = [87, 88, 81, 87, 42, 41, 83, 80, 66, 67, 83, 78, 54, 86]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"classifications = scores.map((d) =>\n d >= 85 ? 2 : d >= 70 ? 0 : d >= 60 ? 0 : -2\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"d3ScaleChromatic = require(\"d3-scale-chromatic\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"colorScale = d3\n .scaleSequential(d3ScaleChromatic.interpolateRdYlGn)\n .domain([-2, 2])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"gradientID = DOM.uid(\"my-gradient\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"