25:["$","title",null,{"children":"Virallinen värivalitsin | Maria K | Observable"}] 49:T8b1,

Valitse tiedot

${viewof etuus_selected} ${viewof var_selected}

${palkit}

${kartta}

Värit

${viewof varityyppi}

Valmiit setit

${viewof valittu_vari}

Omat valinnat

${viewof vari1} ${viewof vari2} ${viewof vari3} ${viewof vari4}

Listalla on valmiina virallisia värejä.

${Inputs.button("Kopioi värikoodit", {value: varit, reduce: () => navigator.clipboard.writeText(varit)})}

Muut

${viewof viivanPaksuus} ${viewof kartanViivanVari} ${viewof palkkiPadding}

4a:T5b9,// vaalea > tumma virallisiaVareja = [ { name: "Viime vuoden värit", colors: ["#08a587", "#009bda", "#003580", "#000c24"] }, { name: "Viime vuoden värit_siniset vaihdettu", colors: ["#08a587", "#009bda", "#1652a6", "#00265f"] }, { name: "K-blue 1", colors: ["#A0C2FC", "#3B81DE", "#1652A6", "#00143B"] }, { name: "K-blue 2", colors: ["#a0c2fc", "#3b81de", "#1652a6", "#00265f"] }, { name: "Dark-turquoise 1", colors: ["#99C9D2", "#3C8C9B", "#005D6F", "#001a20"] }, { name: "Dark-turquoise 2", colors: ["#99c9d2", "#3c8c9b", "#005d6f", "#002e38"] }, { name: "Bright-blue 1", colors: ["#3cacd8", "#0072a2", "#003d59", "#001927"] }, { name: "Bright-blue 2", colors: ["#6ccdf0", "#008ac2", "#005b82", "#001927"] }, { name: "Bright-blue 3", colors: ["#6ccdf0", "#008ac2", "#005b82", "#002c42"] }, { name: "SEKO: K-blue + Bright-blue", colors: ["#6CCDF0", "#3B81DE", "#003580", "#000c24"] }, { name: "SEKO: Dark-turquoise + Bright-blue", colors: ["#99C9D2", "#3C8C9B", "#005D6F", "#003D59"] }, { name: "SEKO: K-blue + Bright-blue + Dark-turquoise 1", colors: ["#99C9D2", "#008ac2", "#1652a6", "#00265f"] }, { name: "SEKO: K-blue + Bright-blue + Dark-turquoise 2", colors: ["#99c9d2", "#009bda", "#1652a6", "#00265f"] }, { name: "B1: wr-70 + wr-40 + wy-20 + sg-40", colors: ["#ab0a2c", "#f677a1", "#fedd9f", "#44b56c"] } ]4b:T64b,viewof projection = Inputs.select( new Map( // commenting out the projections that don't work for my data [ [ "orthographic", { type: "orthographic", rotate: d3.geoCentroid(rewind(geo_taso)).map((d) => -d) } ], ["equirectangular", { type: "equirectangular" }], //"orthographic", [ "stereographic", { type: "stereographic", rotate: d3.geoCentroid(rewind(geo_taso)).map((d) => -d) } ], ["mercator", { type: "mercator" }], [ "equal-earth", { type: "equal-earth", rotate: d3.geoCentroid(rewind(geo_taso)).map((d) => -d) } ], [ "azimuthal-equal-area", { type: "azimuthal-equal-area", rotate: d3.geoCentroid(rewind(geo_taso)).map((d) => -d) } ], // "gnomonic", [ "transverse-mercator", { type: "transverse-mercator", rotate: d3.geoCentroid(rewind(geo_taso)).map((d) => -d) } ], [ "azimuthal-equidistant", { type: "azimuthal-equidistant", rotate: d3.geoCentroid(rewind(geo_taso)).map((d) => -d) } ], [ "identity", { type: "identity", rotate: d3.geoCentroid(rewind(geo_taso)).map((d) => -d) } ], [ "reflect-y", { type: "reflect-y", rotate: d3.geoCentroid(rewind(geo_taso)).map((d) => -d) } ] ] ), { label: "Projektio" // , value: "orthographic" } )4c:T5a2,kartta = { return addTooltips( Plot.plot({ // width: 600, //height: width * 3/5, // joku osuus näytöstä height: kuvienKorkeus, marginLeft: 0, marginRight: 0, marginTop: 5, marginBottom: 5, ////////////////////////////////////////// projection: { ...projection, // type: "orthographic", // rotate: [-27, -52], domain: geo_taso }, ////////////////////////////////////////// marks: [ // hva pohjalle Plot.geo(geo_taso_hva_pohja, {fill: "#D2D2D2"}), Plot.geo(geo_taso, {stroke: kartanViivanVari, // "white" , strokeWidth: viivanPaksuus, // 0.7, fill: (d) => map_values.get(d.properties.region_name), // Custom tooltip text title: (d) => `${d.properties.region_name} \n ${d3.format(".1f")(map_values.get(d.properties.region_name))}` }), ], ////////////////////////////////////////// style: { //fontFamily: "sans-serif", fontSize: "16px", overflow: "visible" }, ////////////////////////////////////////// color: { //scheme: color_selected, type: "quantize", //sqrt //range: ["#000c24", "#003580", "#009bda", "#08a587"], range: varit, // valittu_vari.colors, //scale: "categorical", nice: false, legend: false, label: var_selected, // reverse: true, }, }), // hover {opacity: 0.5} ) }4d:T8a4,palkit = { return addTooltips( Plot.plot({ marginLeft: 300, marginRight: 30, marginTop: 10, marginBottom: 55, //height: 200 + dat_subset.length * 25, height: kuvienKorkeus, width: dat_subset.length * 40, grid: false, y: { domain: d3.sort(dat_subset, d => -d.arvo).map(d => d.region_name), label: "", tickSize: 0, padding: palkkiPadding }, x: { //label: var_selected, label: "%, € tai lkm", labelAnchor: "center", grid: true, ticks: 4, tickSize: 0, tickPadding: 10, tickFormat: locale_FI.format(","), //tickFormat: d3.format(""), //tickFormat: (function(d) {return parseInt(d, 10)}), //tickFormat: "0f" // tickFormat: d => d3.format(".0s")(Math.abs(d)) //labelFlush: true, //titlePadding: 50, //titleAnchor: "right" }, color: { //scheme: color_selected, //range: ["#000c24", "#003580", "#009bda", "#08a587"], range: varit, // valittu_vari.colors, reverse: false, type: "quantize", nice: false, legend: false, label: var_selected, //schemeSize: 5, //count: 5, //range: 5 }, style: { //fontFamily: "sans-serif", fontSize: "2.1em", //"16px", overflow: "visible" }, marks: [ // koko maan keskiarvo? // Plot.barX([2*(3/4)], { // fill: "grey", // fillOpacity: 0.2 // }), Plot.barX(dat_subset, { x: "arvo", y: "region_name", //title: d => locale_FI.format(",.0f")(d.arvo), title: d => `${d.region_name} \n ${d3.format(".1f")(d.arvo)}`, fill: (d) => d.arvo }), Plot.text(dat_subset, { x: "arvo", y: "region_name", // z: "hyvinvointialue_name_fi", text: d => locale_FI.format(".1f")(d.arvo), // prosenttien pyöristystesti: yhden desim. tarkkuuteen // text: d => locale_FI.format(",.0f")(d.arvo), // isojen lukujen muotoilutesti: pyöristys (puuttuu) + tuhaterotin textAnchor: "start", dx: 5, fill: "black", // text: "arvo", // dy: "-0.5em", // fontSize: "12px", // fontWeight: "bold" }), ], }), // hover {opacity: 0.5} ) }4e:T482,Plot.plot({ height: 200, marginBottom: 12, marks: [ Plot.text( [ "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." ], { frameAnchor: "top", fontSize: 12, x: (d, i) => 1 + i, // paragraph number lineWidth: 15, textAnchor: "start", lineHeight: 1.3, // monospace: true, clip: true } ) ], x: { type: "point", align: 0, axis: "top", tickSize: 0 } })4f:[{"id":"52a6a791ec341721df9ebabfc36293e148712ace70aeb93d2ea838b62230d293ce584b6bc363aee82451eeb0f9522157e834a4e35f37b951caca7fb6929e94c8","href":"https://static.observableusercontent.com/files/52a6a791ec341721df9ebabfc36293e148712ace70aeb93d2ea838b62230d293ce584b6bc363aee82451eeb0f9522157e834a4e35f37b951caca7fb6929e94c8","name":"alueet4326.geojson","type":"application/geo+json","lastModified":1678173046097.642,"size":480163},{"id":"de720ac0f113b9f43de96c41f5c8cc9306f1df7fbd9e1eb976c1f048856b8eb84a0d0b1786a2a7eeb7b5cb97b8634c4ef29811678fe3f4d3f95e6514e1b260a3","href":"https://static.observableusercontent.com/files/de720ac0f113b9f43de96c41f5c8cc9306f1df7fbd9e1eb976c1f048856b8eb84a0d0b1786a2a7eeb7b5cb97b8634c4ef29811678fe3f4d3f95e6514e1b260a3","name":"dat_vv_05.json","type":"application/json","lastModified":1678173046097.642,"size":8327817},{"id":"3f2480a59995e903d87fc92b535f29f312c6fd66751b57e052bd5e790f2296edde297125d7f23c1817818a0f59b85995ebfbda89ea0a5e47befadce126acdc9e","href":"https://static.observableusercontent.com/files/3f2480a59995e903d87fc92b535f29f312c6fd66751b57e052bd5e790f2296edde297125d7f23c1817818a0f59b85995ebfbda89ea0a5e47befadce126acdc9e","name":"virallisia_vareja.jpg","type":"image/jpeg","lastModified":1678192532308.019,"size":51663},{"id":"cc32537ff8dbeaaf44527a3ad194df3cf328aac44e2827d14c8ed37f15df4d963ee8421e151fedca1a956652f8d5ce964c8763063f6a44458f9576aeb440a3bb","href":"https://static.observableusercontent.com/files/cc32537ff8dbeaaf44527a3ad194df3cf328aac44e2827d14c8ed37f15df4d963ee8421e151fedca1a956652f8d5ce964c8763063f6a44458f9576aeb440a3bb","name":"virallisia_vareja2.jpg","type":"image/jpeg","lastModified":1678718887071.788,"size":4746},{"id":"00d4b458fa4a6dc63bf3d149184269e97372f115cf8218e9d9cb78db04483c58d7219aaa4b29369d3dea6f6d8d7a1ea21921de26c5447abeefa005dff14f166a","href":"https://static.observableusercontent.com/files/00d4b458fa4a6dc63bf3d149184269e97372f115cf8218e9d9cb78db04483c58d7219aaa4b29369d3dea6f6d8d7a1ea21921de26c5447abeefa005dff14f166a","name":"varit.PNG","type":"image/png","lastModified":1696506559328.221,"size":9036}] 29:{"id":"5a2e629126aee8ee","slug":null,"title":"Virallinen värivalitsin","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2023-03-07T07:10:46.097Z","update_time":"$D2024-09-19T11:12:39.023Z","view_time":null,"first_public_time":"$D2023-03-07T07:10:46.097Z","has_unpublished_edits":null,"fork":{"id":"66dce5fc28f20f08","slug":"hva-simple-marian-testi","title":"Testailuja","owner":{"id":"d3fc03d0a018c3b9","login":"kautto-maria","name":"Maria K"}},"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":2829,"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":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Virallinen värivalitsin","cells":[{"id":0,"value":"# Virallinen värivalitsin\nTestailua omaksi ja ehkä jatkossa muidenkin iloksi.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2344,"value":"// TODO: saavutettavien värien \"laskuri\", pari lisäkuviota, layout, siivous","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1869,"value":"$49","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2825,"value":"varit1 = FileAttachment(\"varit.PNG\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2778,"value":"## Valinnat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2225,"value":"viewof varityyppi = Inputs.radio([\"Valmis setti\", \"Omat valinnat\"], {value: \"Valmis setti\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1987,"value":"viewof valittu_vari = Inputs.select(virallisiaVareja, {\n // label: \"Valmis setti:\", \n format: x => x.name, \n style: '--label-width: 200px'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2197,"value":"viewof vari1 = Inputs.color({label: \"Vaalein:\", value: \"#99C9D2\", datalist: viralliset_varit})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2203,"value":"viewof vari2 = Inputs.color({label: \"Väliväri 1:\", value: \"#009BDA\", datalist: viralliset_varit})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2310,"value":"viewof vari3 = Inputs.color({label: \"Väliväri 2:\", value: \"#1652A6\", datalist: viralliset_varit})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2210,"value":"viewof vari4 = Inputs.color({label: \"Tummin:\", value: \"#00265F\", datalist: viralliset_varit})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2187,"value":"viewof viivanPaksuus = Inputs.range([0, 4], {value: 1, step: 0.1, label: \"Karttaviivan paksuus:\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2346,"value":"viewof kartanViivanVari = Inputs.color({label: \"Karttaviivan väri:\", value: \"#FFFFFF\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2391,"value":"viewof palkkiPadding = Inputs.range([0, 1], {value: 0.1, step: 0.1, label: \"Padding palkeissa:\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":797,"value":"\nviewof etuus_selected = Inputs.select(all_etuudet, {\n label: \"Etuus\", \n multiple: false, \n value: all_etuudet[0]})\n \n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":373,"value":"viewof var_selected = Inputs.select(all_osoitin, {\n label: \"Indikaattori\", \n multiple: false, \n value: all_osoitin[0]})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2298,"value":"image = FileAttachment(\"virallisia_vareja.jpg\").image({width: 400, style: \"border: 0px solid black\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2119,"value":"## Väriasiat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2245,"value":"### Valmiit setit","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1409,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2248,"value":"### Omat värivalinnat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2254,"value":"omatVarivalinnat = [vari1, vari2, vari3, vari4]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2277,"value":"varit = {\n if(varityyppi == \"Valmis setti\") { \n var varit = valittu_vari.colors\n } else { // if the first statement was not true\n var varit = omatVarivalinnat\n }\n return varit\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2624,"value":"### Virallisten värien lista","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2628,"value":"viralliset_varit = [\"#f0f5ff\", \"#d2e2ff\", \"#a0c2fc\", \"#68a2f6\", \"#3b81de\", \"#2a69c5\", \"#1652a6\", \"#003580\", \"#00265f\", \"#00143b\", \"#ecf7fc\", \"#c2e7f6\", \"#6ccdf0\", \"#3cacd8\", \"#008ac2\", \"#0072a2\", \"#005b82\", \"#003d59\", \"#002c42\", \"#001927\",\"#f0f6f7\", \"#d1e5e8\", \"#99c9d2\", \"#65a2ae\", \"#3c8c9b\", \"#00758b\", \"#005d6f\", \"#003f4c\", \"#002e38\", \"#001a20\", \"#f3f8d7\", \"#dbe997\", \"#b6cc2d\", \"#97aa1a\", \"#798910\", \"#647208\", \"#4f5a04\", \"#353d01\", \"#262c00\", \"#141900\", \"#edf8f1\", \"#c5ead2\", \"#84d1a0\", \"#44b56c\", \"#09953b\", \"#067c30\", \"#046324\", \"#024316\", \"#01310e\", \"#001c05\", \"#f7f4f8\", \"#e7deec\", \"#cfbad8\", \"#b595c4\", \"#9c71b0\", \"#87599d\", \"#783896\", \"#561e70\", \"#3f1453\", \"#260933\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2250,"value":"### Color Schemes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":354,"value":"viewof color_selected = Inputs.select(\n //new Map(varitesti4.map(s => [s.name, s.colors])),\n [\"YlGnBu\",\"GnBu\",\"viridis\",\"plasma\",\"PuOr\", \"blues\", \"cool\", \"magma\"],\n //[\"turbo\",\n // \"viridis\",\n // \"magma\",\n // \"inferno\",\n // \"plasma\",\n // \"cividis\",\n // \"cubehelix\",\n // \"warm\",\n // \"cool\"], \n {label: \"Valitse dokumentin väriskaala\", \n multiple: false, \n value: \"viridis\"\n \n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2604,"value":"# Testijuttuja","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2121,"value":"# Valinnat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":40,"value":"viewof year = Inputs.range(d3.extent(all_vuosi), \n {step: 1,\n label: \"Valitse vuosi\",\n value: all_vuosi[0]})\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":920,"value":"viewof hva_selected = Inputs.select(all_hva, {\n label: \"Valitse hyvinvointialue\", \n multiple: true, \n value: [\"Lapin hyvinvointialue\"],\n disabled: reglevel !== \"kunta\"\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":482,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2798,"value":"viewof reglevel = Inputs.radio(all_reglevels, {\n // Kommentti tä\n label: \"Aluetaso\", \n value: all_reglevels[1]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2054,"value":"# Kartta","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"$4c","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":874,"value":"# Vaakapalkki","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":238,"value":"$4d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":884,"value":"## Hajontakuvio","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":478,"value":"addTooltips(\nPlot.plot({\n inset: 8,\n width,\n grid: true,\n color: {\n legend: true,\n scheme: color_selected,\n //range: valittu_vari.colors,\n },\n marks: [\n Plot.dot(dat_scatter, {\n x: var_x,\n y: var_y, \n r: var_r,\n title: \"region_name\",\n stroke: var_r}),\n Plot.text(dat_scatter, \n {\n x: var_x,\n y: var_y,\n // z: \"region_name\",\n text: \"arvo\",\n textAnchor: \"arvo\",\n dx: 1,\n fill: \"black\"\n })\n ]\n})\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":569,"value":"viewof var_x = Inputs.select(all_indi, {\n label: \"Valitse x-muuttuja\", \n multiple: false, \n value: all_indi[8]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":572,"value":"viewof var_y = Inputs.select(all_indi, {\n label: \"Valitse y-muuttuja\", \n multiple: false, \n value: all_indi[0]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":576,"value":"viewof var_r = Inputs.select(all_indi, {\n label: \"Valitse koko-muuttuja\", \n multiple: false, \n value: all_indi[3]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2057,"value":"# Palstat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1135,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2086,"value":"## Muut muuttujat tmv.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":93,"value":"d3 = require(\"d3@6\", \"d3-geo-projection\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":965,"value":"//Plot = await import(\"https://esm.sh/@observablehq/plot\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":662,"value":"geo = require(\"geotoolbox@latest\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":953,"value":"// hyvinvointialuetason rajat, koska halusin karttaan kuntanäkymässä hyvinvointialueen rajat\ngeo_taso_hva_pohja = geo.filter(alueet, (d) => d.aluetaso == \"hyvinvointialue\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"alueet = FileAttachment(\"alueet4326.geojson\").json({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"dat_vv = FileAttachment(\"dat_vv_05.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"map_values = new Map(dat_subset.map(({region_name, arvo}) => [region_name, arvo]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":698,"value":"regs_all = dat_subset.map(row => row.region_name)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":809,"value":"all_etuudet = aq.from(dat_vv)\n .groupby('etuus')\n .rollup({ maara: op.distinct() } )\n\t.objects()\n .map(row => row.etuus)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":833,"value":"all_vuosi = aq.from(dat_vv)\n .filter(aq.escape(d => d[\"etuus\"] == etuus_selected))\n .groupby('vuosi')\n .rollup({ n: op.distinct() } )\n\t.objects()\n .map(row => row.vuosi)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":813,"value":"all_osoitin = aq.from(dat_vv)\n// tässä filtteroidaan data etuuden mukaan ja listataan vaan ko. etuuden alla olevat indikaattorit\n .filter(aq.escape(d => d[\"etuus\"] == etuus_selected))\n .groupby('indi')\n .rollup({ maara: op.distinct() } )\n\t.objects()\n .map(row => row.indi)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":802,"value":"all_reglevels = aq.from(dat_vv)\n .groupby('aluetaso')\n .rollup({ maara: op.distinct() } )\n\t.objects()\n .map(row => row.aluetaso)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":667,"value":"// luodaan kartan värittämistä varten haluttu aluetaso/kuntarajat\ngeo_taso = geo.filter(alueet, (d) => d.aluetaso == reglevel)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":925,"value":"dat_subset = {\n if(reglevel !== \"kunta\") { // If this statement is true\n var dat_subset = dat_subset_raw\n } else { // if the first statement was not true\n dat_subset = dat_subset_raw.filter(d => hva_selected.includes(d.hyvinvointialue_name_fi))\n }\n return dat_subset\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"regs_distinct = new Set(regs_all.sort(d3.ascending))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2133,"value":"### Hajontakuvio","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":551,"value":"dat_scatter_raw = {\n if(reglevel == \"kunta\") { // If this statement is true\n var dat_scatter_raw = dat_vv.filter(d => d.vuosi == year && d.aluetaso == reglevel && hva_selected.includes(d.hyvinvointialue_name_fi))\n } else { // if the first statement was not true\n var dat_scatter_raw = dat_vv.filter(d => d.vuosi == year && d.aluetaso == reglevel)\n }\n return dat_scatter_raw\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":858,"value":"all_indi = aq.from(dat_vv)\n .groupby('indi')\n .rollup({ n: op.distinct() } )\n\t.objects()\n .map(row => row.indi)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":972,"value":"dat_scatter = aq.from(dat_scatter_raw) // create an arquero table from the data\n .groupby('vuosi','region_name') // group by date\n .pivot(\"indi\", \"arvo\") // create a key for each state, populated with the # of new cases\n .objects()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2135,"value":"### Muut","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1911,"value":"kuvienKorkeus = 200 + dat_subset.length * 25","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2064,"value":"## Datahommat tmv.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":963,"value":"all_hva = aq.from(dat_subset_raw)\n .groupby('hyvinvointialue_name_fi')\n .rollup({ n: op.distinct() } )\n\t.objects()\n .map(row => row.hyvinvointialue_name_fi)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":689,"value":"dat_subset_raw = dat_vv.filter(d => d.vuosi == year && d.indi == var_selected && d.aluetaso == reglevel)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2140,"value":"## Locale","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1225,"value":"// ei näin, mutta testailua täällä\nlocale_FI = d3.formatLocale({\n decimal: \",\",\n thousands: \"\\u00a0\",\n grouping: [3],\n currency: [\"\", \"\\u00a0€\"],\n minus: \"\\u2212\",\n percent: \"\\u202f%\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2062,"value":"## Importit","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2292,"value":"import {fileInput} from \"@mbostock/file-input\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":452,"value":"import { SummaryTable } from \"@observablehq/summary-table\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":660,"value":"import { rewind } from \"@fil/rewind\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"import {addTooltips} from \"@mkfreeman/plot-tooltip\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"import { aq, op } from \"@uwdata/arquero\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"import {Button, Checkbox, Toggle, Radio, Range, Select, Text, Textarea, Search, Table} from \"@observablehq/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4f","stdlib":"1"}} 24:null