2b:null 2c:["$","title",null,{"children":"Scales | Charles Redmond | Observable"}] 31:Tbd0,svg = { const svg = html`` const container = d3.select(svg) const scale1 = d3.scaleLinear().domain([0,1]).range([30,200]) const axis1 = container.append("g").attr("transform","translate(0,50)") d3.axisBottom(scale1).tickValues([])(axis1) container.append("text") .text(d3.format(".1f")(0)) .attr("font-size",13) .attr("text-anchor","middle") .attr("x",scale1(0)) .attr("y",45) container.append("text") .text(d3.format(".1f")(1)) .attr("font-size",13) .attr("text-anchor","middle") .attr("x",scale1(1)) .attr("y",45) container.append("text") .text(d3.format(".1f")(.5)) .attr("font-size",13) .attr("text-anchor","middle") .attr("x",scale1(.5)) .attr("y",45) container.append("text") .text(d3.format(".1f")(.3)) .attr("font-size",13) .attr("text-anchor","middle") .attr("x",scale1(.3)) .attr("y",45) container.append("text") .text(d3.format(".1f")(.8)) .attr("font-size",13) .attr("text-anchor","middle") .attr("x",scale1(.8)) .attr("y",45) const scale2 = d3.scaleLinear().domain([0,1]).range([30,200 + (s-1)*170]) const axis2 = container.append("g").attr("transform","translate(0,200)") d3.axisBottom(scale2).tickValues([])(axis2) container.append("text") .text(d3.format(".1f")(s*0)) .attr("font-size",13) .attr("text-anchor","middle") .attr("x",scale2(0)) .attr("y",195) container.append("text") .text(d3.format(".1f")(s*1)) .attr("font-size",13) .attr("text-anchor","middle") .attr("x",scale2(1)) .attr("y",195) container.append("text") .text(d3.format(".1f")(s*.5)) .attr("font-size",13) .attr("text-anchor","middle") .attr("x",scale2(.5)) .attr("y",195) container.append("text") .text(d3.format(".1f")(s*.3)) .attr("font-size",13) .attr("text-anchor","middle") .attr("x",scale2(.3)) .attr("y",195) container.append("text") .text(d3.format(".1f")(s*.8)) .attr("font-size",13) .attr("text-anchor","middle") .attr("x",scale2(.8)) .attr("y",195) container.append("line") .attr("stroke","tomato") .attr("stroke-width",3) .attr("x1",scale1(0)) .attr("y1",60) .attr("x2",scale2(0)) .attr("y2",180) container.append("line") .attr("stroke","tomato") .attr("stroke-width",3) .attr("x1",scale1(.3)) .attr("y1",60) .attr("x2",scale2(.3)) .attr("y2",180) container.append("line") .attr("stroke","tomato") .attr("stroke-width",3) .attr("x1",scale1(.5)) .attr("y1",60) .attr("x2",scale2(.5)) .attr("y2",180) container.append("line") .attr("stroke","tomato") .attr("stroke-width",3) .attr("x1",scale1(.8)) .attr("y1",60) .attr("x2",scale2(.8)) .attr("y2",180) container.append("line") .attr("stroke","tomato") .attr("stroke-width",3) .attr("x1",scale1(1)) .attr("y1",60) .attr("x2",scale2(1)) .attr("y2",180) return svg }32:[] 2f:{"id":"5b474f795a331b3b","slug":"scales/2","title":"Scales","thumbnail":"a802b6b66b740530b06dfea67a713bb8820778a460f6160eca464dbb15271666","access_level":"public","create_time":"$D2020-10-20T15:58:33.151Z","update_time":"$D2020-10-21T15:12:05.843Z","view_time":null,"first_public_time":"$D2020-10-21T14:53:02.113Z","has_unpublished_edits":null,"fork":{"id":"d0bf757895a9a3f9","slug":"template","title":"Template","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"stars":0,"starred":false,"owner":{"type":"team","id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":"starter_2024"},"version":125,"publish_version":125,"role":null,"authored":false,"authors":[{"type":"individual","id":"37a987477e8b6db3","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":null}],"members":[{"type":"individual","id":"37a987477e8b6db3","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":19,"collection":{"id":"83911aebcace17a1","slug":"fall20ds","title":"Fall20DS","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"type":"notebook","body":{"title":"Scales","cells":[{"id":0,"value":"md`# Scales`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"viewof s = slider({min:1,max:3,step:.1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"html`\n

CSS

\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"html`

Libraries

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"math = require('mathjs@6.2.1/dist/math.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"