25:["$","title",null,{"children":"Kävijästatin testejä | Maria K | Observable"}] 49:T5e8,Plot.plot({ color: { legend: false, //range: viralliset_varit6, reverse: false, stroke: 10 }, style: { backgroundColor: "#ffffff", color: "#003580", fontFamily: "system-ui", fontSize: "16px" //fontWeight: "bold" }, x: { tickSize: 0, ticks: 4, // tickFormat: label: null, grid: true }, y: { reverse: true, grid: null, label: null, tickSize: null, padding: 0.2 }, height: 230, width: 1000, insetTop: 0, marginTop: 0, marginLeft: 150, insetLeft: 20, marks: [ Plot.barX(obs_testidataa_yht, { x: "lkm_yht", y: "kokonaisuus", //fill: "tuote", tip: true, color: "#003580", inset: 0.5 }), Plot.textX( obs_testidataa_yht, Plot.stackX({ dx: 0, x: "lkm_yht", z: "tuote", y: "kokonaisuus", text: "tuote", textAnchor: "middle", fill: "white", fontSize: "1.1em" }) ), Plot.dot(obs_testidataa_yht, { dx: -150, x: 0, y: "kokonaisuus", // stroke: "tuote", fill: "#0BA843", r: 25 }), Plot.textY(obs_testidataa_yht, { dx: -150, x: 0, //z: "tuote", y: "kokonaisuus", text: (d) => prosentit(obs_testidataa_yht, d.kokonaisuus), // d => locale_FI.format(".1f")(d.arvo) //text: "kokonaisuus", textAnchor: "middle", fill: "white", fontSize: "1.05em", fontWeight: "bold" }) ] })4a:T731,viewof valinnat = ( Inputs.form( { width: Inputs.range([0, 1000], {label: "Kuvion leveys (px)", step: 10, value: 900}), height: Inputs.range([0, 500], {label: "Kuvion korkeus (px)", step: 10, value: 200}), showX: Inputs.toggle({label: "Näytä X-akseli", value: true}), showY: Inputs.toggle({label: "Näytä Y-akseli", value: true}), paddingPalkit: Inputs.range([0, 0.8], {label: "Palkkien väli", step: 0.01, value: 0.05}), legend: Inputs.toggle({label: "Näytä legend", value: true}), atop: Inputs.toggle({label: "Näytä grid", value: false}), phaseLabel: Inputs.toggle({label: "Näytä palkkitekstit", value: true}), labelColor: Inputs.radio(new Map([["Valkoinen", "white"], ["Musta", "Black"]]), {label: "Palkkitekstien väri", value: "white"}), phaseFont: Inputs.range([7, 30], {label: "Fonttikoko", step: 0.5, value: 14}), yOrder: Inputs.radio(["Default", "Reverse"], {label: "Järjestys", value: "Default"}), otsikko1: Inputs.text({label: "Yläotsikko", value: "Anna tai poista otsikko"}), otsikko2: Inputs.text({label: "Alaotsikko", value: "Anna tai poista otsikko"}), kuvausTxt: Inputs.textarea({label: "Kuvausteksti", value: "Anna tai poista kuvausteksti"}), pyoristys: Inputs.range([0, 30], {label: "Palkkien pyöristys", step: 1, value: 0}), gridlines: Inputs.radio(["none", "x", "y", "both"], {label: "Grid", value: "none"}), ticksX: Inputs.range([0, 20], {label: "ticksX", step: 1, value: 0}), color: Inputs.color({label: "Palkkien väri", datalist: viralliset_varit}), color_selected: Inputs.select(["YlGnBu","GnBu","viridis","plasma","PuOr", "blues", "cool", "magma"], {label: "Valitse dokumentin väriskaala", multiple: false, value: "viridis"}) }, {template} ) )4b:T5dd,Plot.plot({ color: { legend: valinnat.legend, //scheme: valinnat.color_selected, range: viralliset_varit6, reverse: false, stroke: 10 }, x: { label: "lkm", grid: (valinnat.gridlines == "x") | (valinnat.gridlines == "both") ? true : null }, y: { reverse: true, grid: (valinnat.gridlines == "y") | (valinnat.gridlines == "both") ? true : null }, title: valinnat.otsikko1, subtitle: valinnat.otsikko2, caption: valinnat.kuvausTxt, height: valinnat.height, width: valinnat.width, insetTop: 0, marginTop: 0, marginLeft: 101, insetLeft: 1, marks: [ Plot.barX(obs_testidataa_yht, { x: "lkm_yht", y: "kokonaisuus", fill: "tuote", tip: true, rx: valinnat.pyoristys }), Plot.axisY({ tickSize: 0 }), Plot.axisX({ tickSize: 0, ticks: valinnat.ticksX }), // vuodet Plot.axisX({ticks: "year", tickSize: 28, tickPadding: -11, tickFormat: " %Y", textAnchor: "start"}), // ja kuukaudet Plot.axisX({ticks: "month", tickSize: 16, tickPadding: -11, tickFormat: " %b", textAnchor: "start"}), Plot.textX( obs_testidataa_yht, Plot.stackX({ dx: 0, x: "lkm_yht", z: "tuote", y: "kokonaisuus", text: "tuote", textAnchor: "middle", fill: valinnat.labelColor, fontSize: valinnat.phaseFont }) ), //Plot.ruleX([0]), valinnat.atop ? Plot.gridX({ stroke: "white", strokeOpacity: 0.5 }) : null ] })4c:T7a4,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const {nodes, links} = sankey(data); svg.append("g") .attr("stroke", "#fff") .selectAll("rect") .data(nodes) .join("rect") .attr("x", d => d.x0) .attr("y", d => d.y0) .attr("height", d => d.y1 - d.y0) .attr("width", d => d.x1 - d.x0) .attr("fill", color2) .append("title") .text(d => `${d.name}\n${format(d.value)}`); const link = svg.append("g") .attr("fill", "none") .attr("stroke-opacity", 0.5) .selectAll("g") .data(links) .join("g") .style("mix-blend-mode", "multiply"); if (edgeColor === "path") { const gradient = link.append("linearGradient") .attr("id", d => (d.uid = DOM.uid("link")).id) .attr("gradientUnits", "userSpaceOnUse") .attr("x1", d => d.source.x1) .attr("x2", d => d.target.x0); gradient.append("stop") .attr("offset", "0%") .attr("stop-color", d => color2(d.source)); gradient.append("stop") .attr("offset", "100%") .attr("stop-color", d => color2(d.target)); } link.append("path") .attr("d", d3.sankeyLinkHorizontal()) .attr("stroke", d => edgeColor === "none" ? "#aaa" : edgeColor === "path" ? d.uid : edgeColor === "input" ? color2(d.source) : color2(d.target)) .attr("stroke-width", d => Math.max(1, d.width)); link.append("title") .text(d => `${d.source.name} → ${d.target.name}\n${format(d.value)}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 10) .selectAll("text") .data(nodes) .join("text") .attr("x", d => d.x0 < width / 2 ? d.x1 + 6 : d.x0 - 6) .attr("y", d => (d.y1 + d.y0) / 2) .attr("dy", "0.35em") .attr("text-anchor", d => d.x0 < width / 2 ? "start" : "end") .text(d => d.name); return svg.node(); }4d:T7d6,chart1 = { const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const { nodes, links } = sankey(data2); svg .append("g") .attr("stroke", "#fff") .selectAll("rect") .data(nodes) .join("rect") .attr("x", (d) => d.x0) .attr("y", (d) => d.y0) .attr("height", (d) => d.y1 - d.y0) .attr("width", (d) => d.x1 - d.x0) .attr("fill", color2) .append("title") .text((d) => `${d.name}\n${format(d.value)}`); const link = svg .append("g") .attr("fill", "none") .attr("stroke-opacity", 0.5) .selectAll("g") .data(links) .join("g") .style("mix-blend-mode", "multiply"); if (edgeColor === "path") { const gradient = link .append("linearGradient") .attr("id", (d) => (d.uid = DOM.uid("link")).id) .attr("gradientUnits", "userSpaceOnUse") .attr("x1", (d) => d.source.x1) .attr("x2", (d) => d.target.x0); gradient .append("stop") .attr("offset", "0%") .attr("stop-color", (d) => color2(d.source)); gradient .append("stop") .attr("offset", "100%") .attr("stop-color", (d) => color2(d.target)); } link .append("path") .attr("d", d3.sankeyLinkHorizontal()) .attr("stroke", (d) => edgeColor === "none" ? "#aaa" : edgeColor === "path" ? d.uid : edgeColor === "input" ? color2(d.source) : color2(d.target) ) .attr("stroke-width", (d) => Math.max(1, d.width)); link .append("title") .text((d) => `${d.source.name} → ${d.target.name}\n${format(d.value)}`); svg .append("g") .attr("font-family", "sans-serif") .attr("font-size", 10) .selectAll("text") .data(nodes) .join("text") .attr("x", (d) => (d.x0 < width / 2 ? d.x1 + 6 : d.x0 - 6)) .attr("y", (d) => (d.y1 + d.y0) / 2) .attr("dy", "0.35em") .attr("text-anchor", (d) => (d.x0 < width / 2 ? "start" : "end")) .text((d) => d.name); return svg.node(); }4e:T535,data2 = { const links = [ { source: "Etuus 1", target: "Vain etuus 1", value: 9604 }, { source: "Etuus 1", target: "Etuus 1 + etuus 2", value: 10000 }, { source: "Etuus 1", target: "Etuus 1 + etuus 3", value: 15000 }, { source: "Etuus 1", target: "Kaikki etuudet", value: 10000 }, { source: "Etuus 2", target: "Vain etuus 2", value: 65312 }, { source: "Etuus 2", target: "Etuus 1 + etuus 2", value: 20000 }, { source: "Etuus 2", target: "Etuus 2 + etuus 3", value: 15000 }, { source: "Etuus 2", target: "Kaikki etuudet", value: 20000 }, { source: "Etuus 3", target: "Vain etuus 3", value: 47251 }, { source: "Etuus 3", target: "Etuus 1 + etuus 3", value: 2000 }, { source: "Etuus 3", target: "Etuus 2 + etuus 3", value: 13000 }, { source: "Etuus 3", target: "Kaikki etuudet", value: 13000 } ]; const nodes = [ { node: 1, name: "Etuus 1" }, { node: 2, name: "Etuus 2" }, { node: 3, name: "Etuus 3" }, { node: 4, name: "Vain etuus 1" }, { node: 5, name: "Etuus 1 + etuus 2" }, { node: 6, name: "Etuus 1 + etuus 3" }, { node: 7, name: "Vain etuus 2" }, { node: 8, name: "Etuus 2 + etuus 3" }, { node: 9, name: "Vain etuus 3" }, { node: 9, name: "Kaikki etuudet" } ]; console.log(links, nodes); return { nodes, links, units: "lkm" }; }4f:[{"id":"fc0551fa2f0fc5b6401821fca2bb2ce31e9df45c14f4cf23e68ca6aa3e534e5c100fe3dce434524edbe2049f8281ca0c40ae81f6e186bd29bed97d95526bdfab","href":"https://static.observableusercontent.com/files/fc0551fa2f0fc5b6401821fca2bb2ce31e9df45c14f4cf23e68ca6aa3e534e5c100fe3dce434524edbe2049f8281ca0c40ae81f6e186bd29bed97d95526bdfab","name":"OBS_testidata_kk.csv","type":"text/csv","lastModified":1696668088875.569,"size":1505},{"id":"b1fa0c922f506f98257ed9d37b1c726705d7d8d83f5028325baab9d8ca0a93bc8121d39163632256eb0fec981907bc9ce65db17a68c48c56619b8b588a3197fe","href":"https://static.observableusercontent.com/files/b1fa0c922f506f98257ed9d37b1c726705d7d8d83f5028325baab9d8ca0a93bc8121d39163632256eb0fec981907bc9ce65db17a68c48c56619b8b588a3197fe","name":"OBS_testidata.csv","type":"text/csv","lastModified":1696668094127.752,"size":4276},{"id":"1eabf7e98686eb969bd53b79a051e6ea5f1faebbdf4c22698c50349d7f839de192619fac71c736e67b9285b0a26062b9b41fcf43e1f71d631e5934d223eeb18d","href":"https://static.observableusercontent.com/files/1eabf7e98686eb969bd53b79a051e6ea5f1faebbdf4c22698c50349d7f839de192619fac71c736e67b9285b0a26062b9b41fcf43e1f71d631e5934d223eeb18d","name":"testi@9.json","type":"application/json","lastModified":1686119959944.379,"size":6210},{"id":"5d54ce57fffa75f5e424715d0aed813259e57ba80e9d864682b38d13ac6cb3a6eaebc07ddf6d3d200b4125989f2bbee8664d852948229aaac748f8ac54a1846e","href":"https://static.observableusercontent.com/files/5d54ce57fffa75f5e424715d0aed813259e57ba80e9d864682b38d13ac6cb3a6eaebc07ddf6d3d200b4125989f2bbee8664d852948229aaac748f8ac54a1846e","name":"testi.csv","type":"text/csv","lastModified":1684842582640.415,"size":274},{"id":"a8db0aa0a15289b93a2de2714ab7f62a2a3632e5ef7d2bb7f81c634b8a0133adafbdfa19414b4b415259e2a1e3eea5b137e540af6baad181de01c92bf76db23f","href":"https://static.observableusercontent.com/files/a8db0aa0a15289b93a2de2714ab7f62a2a3632e5ef7d2bb7f81c634b8a0133adafbdfa19414b4b415259e2a1e3eea5b137e540af6baad181de01c92bf76db23f","name":"OBS_testidataa_yht (1).csv","type":"text/csv","lastModified":1698064366692.048,"size":197},{"id":"ba017b21a70eee946d08af00ec9d2aa3b3d88d998148d15437c39e2f3b87e4b7a9e9cb67268951f0304e84ddbc69f4aaf6cc3c313cd934bdb9ed064105816049","href":"https://static.observableusercontent.com/files/ba017b21a70eee946d08af00ec9d2aa3b3d88d998148d15437c39e2f3b87e4b7a9e9cb67268951f0304e84ddbc69f4aaf6cc3c313cd934bdb9ed064105816049","name":"testidataa_kk@1.csv","type":"text/csv","lastModified":1696596941922.83,"size":786}] 29:{"id":"562d799cdc0ec351","slug":null,"title":"Kävijästatin testejä","thumbnail":"794b84e424edc542cb18923d32cb501aa802f9da49e3002aa79326639e71b66f","access_level":"public","create_time":"$D2023-04-14T11:19:58.445Z","update_time":"$D2025-06-25T06:33:21.324Z","view_time":null,"first_public_time":"$D2023-04-14T11:19:58.445Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"d3fc03d0a018c3b9","login":"kautto-maria","name":"Maria K","avatar_url":"https://avatars-next.observableusercontent.com/4d910e73e8635e41897a5fe4bb6130e7d89fdcd7ab10f88fdd06ad43fcd880c2","tier":"starter_2024","bio":"","following":false},"version":2086,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fbae663f4891021b","login":"kautto","name":"Maria K","avatar_url":"https://avatars-next.observableusercontent.com/4d910e73e8635e41897a5fe4bb6130e7d89fdcd7ab10f88fdd06ad43fcd880c2","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"fbae663f4891021b","login":"kautto","name":"Maria K","avatar_url":"https://avatars-next.observableusercontent.com/4d910e73e8635e41897a5fe4bb6130e7d89fdcd7ab10f88fdd06ad43fcd880c2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Kävijästatin testejä","cells":[{"id":258,"value":"# Kävijästatin testejä","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":306,"value":"## Eka","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1641,"value":"viewof filtered2 = filterLegend(domain, range)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1642,"value":"Plot.line(\n obs_testidata_kk.filter(({ tuote }) => filtered2.includes(tuote)),\n {\n x: \"kk\",\n y: \"lkm_kk\",\n stroke: \"tuote\",\n strokeWidth: 2.5,\n marker: true,\n tip: true\n }\n).plot({\n marginBottom: 100,\n width: 1000,\n color: { domain, range },\n marks: [Plot.ruleY([0])]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1644,"value":"filterLegend = (domain, range) => {\n const value = new Map(domain.map(d => [d, true]));\n const _set = () => set(node, [...value].filter(d => d[1]).map(d => d[0]));\n const oninput = e => (value.set(e.target.id, e.target.checked), _set());\n const node = htl.html`

\n ${domain.map((d, i) => htl.html`

\n \n ${d}\n

`)}\n

`;\n _set();\n return node;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1648,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", { bubbles: true }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"range = [\"#003580\", \"#3b81de\", \"#783896\", \"#9c71b0\", \"#09953b\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"domain = [\"Raportit\", \"Til.julkaisut\", \"Tut.julkaisut\", \"Blogi\", \"T.paketit\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"styles = ({width: \"1em\", height: \"1em\", display: \"inline-block\", verticalAlign: \"middle\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":434,"value":"date = new Date(2018, 11, 1, 9, 27, 9, 247)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":430,"value":"date.toLocaleString(\"FI\", {\n month: \"2-digit\",\n day: \"2-digit\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"date.toLocaleString(\"FI\", {\n month: \"numeric\",\n day: \"numeric\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1698,"value":"## Palkkitesti","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1700,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1754,"value":"// TODO Toistot pois\nfunction prosentit(datat, kokonaisuus) {\n const kok_summa = d3.sum(\n datat.filter((d) => d.kokonaisuus == kokonaisuus),\n (d) => d.lkm_yht\n );\n const yht_summa = d3.sum(datat, (d) => d.lkm_yht);\n\n return Math.round((kok_summa / yht_summa) * 100) + `\\n%`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1761,"value":"prosentit(obs_testidataa_yht, \"TT\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1834,"value":"null","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1778,"value":"Wrangler(obs_testidata_kk)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1772,"value":"import { Wrangler, op } from \"@observablehq/data-wrangler\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"## Toka","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":311,"value":"Plot.plot({\n marginBottom: 100,\n x: { label: null },\n marks: [\n Plot.ruleY([0]),\n Plot.lineY(obs_testidata_kk, {\n x: \"kk\",\n y: \"lkm_kk\",\n z: \"tuote\",\n stroke: \"tuote\",\n strokeWidth: 3,\n title: \"tuote\",\n marker: true,\n tip: \"x\"\n })\n ],\n x: {\n order: [\n \"Raportit\",\n \"Til.julkaisut\",\n \"Tut.julkaisut\",\n \"Blogi\",\n \"T.paketit\",\n \"TT:n istunnot\",\n \"TT:n sivukatselut\"\n ]\n },\n color: {\n legend: true\n },\n width: 800\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"viewof k = Inputs.range([1, 20], {label: \"Smoothing\", step: 1, value: 1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":"Plot.plot({\n marginBottom: 100,\n width: 1000,\n x: { label: null },\n marks: [\n Plot.line(\n obs_testidata_kk,\n Plot.groupX({ y: \"mean\" }, { x: \"kk\", y: \"lkm_kk\", stroke: \"steelblue\" })\n ),\n Plot.ruleY([0]),\n Plot.lineY(\n obs_testidata_kk,\n Plot.windowY({\n x: \"kk\",\n y: \"lkm_kk\",\n k: k,\n reduce: \"mean\",\n stroke: \"tuote\",\n tip: \"x\",\n marker: true\n })\n ),\n Plot.ruleX(\n obs_testidata_kk,\n Plot.pointerX({ x: \"kk\", py: \"lkm_kk\", stroke: \"red\" })\n ),\n Plot.dot(\n obs_testidata_kk,\n Plot.pointerX({ x: \"kk\", y: \"lkm_kk\", stroke: \"red\" })\n ),\n Plot.text(\n obs_testidata_kk,\n Plot.pointerX({\n px: \"kk\",\n py: \"lkm_kk\",\n dy: -17,\n frameAnchor: \"top-left\",\n fontVariant: \"tabular-nums\",\n text: (d) =>\n [, `${d.tuote}`, `${d.kk}`, `latausmäärä: ${d.lkm_kk}`].join(\" \")\n })\n )\n ],\n color: {\n legend: true\n },\n marginLeft: 50\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1998,"value":"Plot.plot({\n marginBottom: 100,\n width: 1000,\n x: { label: null },\n marks: [\n Plot.line(\n obs_testidata_kk,\n Plot.groupX({ y: \"mean\" }, { x: \"kk\", y: \"lkm_kk\", stroke: \"steelblue\" })\n ),\n Plot.ruleY([0]),\n Plot.lineY(\n obs_testidata_kk,\n Plot.windowY({\n x: \"kk\",\n y: \"lkm_kk\",\n k: k,\n reduce: \"mean\",\n stroke: \"tuote\",\n tip: \"x\",\n marker: true\n })\n ),\n Plot.ruleX(\n obs_testidata_kk,\n Plot.pointerX({ x: \"kk\", py: \"lkm_kk\", stroke: \"red\" })\n ),\n Plot.dot(\n obs_testidata_kk,\n Plot.pointerX({ x: \"kk\", y: \"lkm_kk\", stroke: \"red\" })\n ),\n Plot.text(\n obs_testidata_kk,\n Plot.pointerX({\n px: \"kk\",\n py: \"lkm_kk\",\n dy: -17,\n frameAnchor: \"top-left\",\n fontVariant: \"tabular-nums\",\n text: (d) =>\n [, `${d.tuote}`, `${d.kk}`, `latausmäärä: ${d.lkm_kk}`].join(\" \")\n })\n )\n ],\n color: {\n legend: true\n },\n marginLeft: 50\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1485,"value":"### Yleiset valinnat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1449,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1296,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1450,"value":"template = (inputs) => \nhtl.html`

${Object.values(inputs)}