3f:null 40:["$","title",null,{"children":"Semi-log scale | Miguel Pignatelli | Observable"}] 46:[] 44:{"id":"7496853d6317ffc7","slug":"semi-log-scale","title":"Semi-log scale","thumbnail":"fb9adf7b81e2a4dcdb7763de92087661e621244d7a6a31e098af7fadbad44eca","access_level":"public","create_time":"$D2020-02-14T13:12:03.956Z","update_time":"$D2020-02-14T15:17:01.512Z","view_time":null,"first_public_time":"$D2020-02-14T14:56:17.646Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"ae0531f420dd9530","login":"emepyc","name":"Miguel Pignatelli","avatar_url":"https://avatars-next.observableusercontent.com/399a69aac54addd707392211ef9765f9847ac2ab6d69071b1aa289534661db66","tier":"starter_2024","bio":"","following":false},"version":132,"publish_version":132,"role":null,"authored":false,"authors":[{"type":"individual","id":"b1474fb5c5876838","login":"emepyc","name":"Miguel Pignatelli","avatar_url":"https://avatars-next.observableusercontent.com/399a69aac54addd707392211ef9765f9847ac2ab6d69071b1aa289534661db66","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"b1474fb5c5876838","login":"emepyc","name":"Miguel Pignatelli","avatar_url":"https://avatars-next.observableusercontent.com/399a69aac54addd707392211ef9765f9847ac2ab6d69071b1aa289534661db66","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Semi-log scale","cells":[{"id":0,"value":"md`# Semi-log scale`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"linearToLog()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"html`alpha: ${alpha[0]}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"html`beta: ${beta[0]}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"viewof alpha = {\n const form = html`\n`;2\n form.oninput = () => form.value = [\n form.p.valueAsNumber,\n ].map(d => d.toFixed(2));\n form.oninput();\n return form\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"viewof beta = {\n const form = html`\n`;2\n form.oninput = () => form.value = [\n form.p.valueAsNumber,\n ].map(d => d.toFixed(2));\n form.oninput();\n return form\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"transformer = getTransformer({\n y0: yScale.range()[0],\n y1: yScale.range()[1],\n x0: yScale.domain()[0],\n x1: yScale.domain()[1],\n n: alpha,\n });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"linearToLog = () => {\n const svg = d3.select(DOM.svg(dim[0], dim[1]))\n \n svg.append(\"g\").call(xAxis)\n svg.append(\"g\").call(yAxis)\n svg.append(\"g\").call(addCircles)\n \n return svg.node()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"xAxis = svg => svg\n .attr(\"transform\", `translate(0,${dim[1] - margin})`)\n .call(d3.axisBottom(xScale))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"yAxis = svg => svg\n .attr(\"transform\", `translate(${margin},0)`)\n .call(d3.axisLeft(yScale))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"addCircles = g => {\n g.selectAll(\"circle\")\n .data(dataValues)\n .join(\"circle\")\n .attr(\"cx\", (d, i) => xScale(i))\n .attr(\"cy\", (d, i) => {\n const y = transformer(i * 0.5) * beta\n return y < 10 ? 10 : y\n })\n .attr(\"r\", 5)\n .attr(\"fill\", \"#99d5ca\")\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"dim = [800, 500]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"getTransformer = (params) => {\n const {y0, y1, x0, x1, n} = params;\n\n return n === 0 ?\n (x) => y0 + (Math.log(x) - Math.log(x0)) / (Math.log(x1) - Math.log(x0)) * (y1 - y0)\n : (x) => y0 + (Math.pow(x, n) - Math.pow(x0, n)) / (Math.pow(x1, n) - Math.pow(x0, n)) * (y1 - y0);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"margin = 25","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"n = 40","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"dataValues = [...Array(n).keys()]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"xScale = d3.scaleLinear()\n .domain([0, dataValues.length])\n .range([margin, dim[0]])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"yScale = d3.scaleLinear()\n .domain([0, 10])\n .range([dim[1] - margin, 0]);\n// .range([0, , dim[1] - margin])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 45:"$44:body"