2b:null 2c:["$","title",null,{"children":"Map Monster Creator | Allmaps | Observable"}] 31:Tbfd,moods = { const moods = { happy: { emoji: "🙂", paths: [ "M81.024697 47.833398 86 50.666667C81.994942 57.429862 74.55201 62 66 62s-15.994942-4.570138-20-11.333333l4.975303-2.83327C54.06491 53.09581 59.79681 56.338618 66 56.333463c6.20319.005155 11.935089-3.237653 15.024697-8.500064ZM79.032311 28c2.399136 0 4.344103 1.90285 4.344103 4.250032 0 2.347183-1.944967 4.250032-4.344103 4.250032-2.399136 0-4.344104-1.902849-4.344104-4.250032C74.688207 29.90285 76.633175 28 79.032311 28Zm-26.064622 0c-2.399136 0-4.344103 1.90285-4.344103 4.250032 0 2.347183 1.944967 4.250032 4.344103 4.250032 2.399136 0 4.344104-1.902849 4.344104-4.250032C57.311793 29.90285 55.366825 28 52.967689 28" ], translateX: -20 }, sad: { emoji: "🙁", paths: [ "M53.975303 59 49 56.166731c4.005058-6.763196 11.44799-11.333333 20-11.333333s15.994942 4.570137 20 11.333333L84.024697 59C80.93509 53.737589 75.20319 50.49478 69 50.499936 62.79681 50.49478 57.064911 53.737589 53.975303 59M82.03231 29c-2.399136 0-4.344104 1.90285-4.344104 4.250032 0 2.347183 1.944968 4.250032 4.344104 4.250032 2.399136 0 4.344103-1.902849 4.344103-4.250032C86.376414 30.90285 84.431447 29 82.032311 29m-26.064622 0c-2.399136 0-4.344103 1.90285-4.344103 4.250032 0 2.347183 1.944967 4.250032 4.344103 4.250032 2.399136 0 4.344104-1.902849 4.344104-4.250032C60.311793 30.90285 58.366825 29 55.967689 29" ], translateX: -20 }, confused: { emoji: "🫤", paths: [ "M58.409 56c-2.4 0-4.344 1.903-4.344 4.25s1.945 4.25 4.344 4.25 4.344-1.903 4.344-4.25S60.808 56 58.409 56m-26.065 0C29.945 56 28 57.903 28 60.25s1.945 4.25 4.344 4.25c2.4 0 4.344-1.903 4.344-4.25S34.743 56 32.344 56", "m28.5 73.5 31.877 3M34.624 47.5l-9.876 3M59.624 47.5l-9.876 3" ], translateX: 0 }, excited: { emoji: "😆", paths: [ "M87.019375 43.198458v.10757c0 10.03191-8.200762 18.16456-18.316688 18.16456h-.216945c-10.115925 0-18.316688-8.13265-18.316688-18.16456v-.10757h36.85032ZM81.03231 26c2.399136 0 4.344103 1.90285 4.344103 4.250032 0 2.347183-1.944967 4.250032-4.344103 4.250032-2.399136 0-4.344104-1.902849-4.344104-4.250032C76.688207 27.90285 78.633175 26 81.032311 26Zm-26.064622 0c-2.399136 0-4.344103 1.90285-4.344103 4.250032 0 2.347183 1.944967 4.250032 4.344103 4.250032 2.399136 0 4.344104-1.902849 4.344104-4.250032C59.311793 27.90285 57.366825 26 54.967689 26" ], translateX: -20 }, neutral: { emoji: "😐", paths: [ "M81.032311 59c-2.399136 0-4.344104 1.90285-4.344104 4.250032 0 2.347183 1.944968 4.250032 4.344104 4.250032 2.399136 0 4.344104-1.902849 4.344104-4.250032C85.376415 60.90285 83.431447 59 81.03231 59m-26.06462 0c-2.399136 0-4.344104 1.90285-4.344104 4.250032 0 2.347183 1.944968 4.250032 4.344104 4.250032 2.399136 0 4.344103-1.902849 4.344103-4.250032C59.311793 60.90285 57.366826 59 54.96769 59", "M50.623586 82.5h34.752829" ], translateX: -20 } }; return Object.entries(moods); }32:[] 2f:{"id":"453211608f67467d","slug":null,"title":"Map Monster Creator","thumbnail":"425588e9ff4c830dd85944b81433a9ae2a0c02fb732f0fcd243997427c4221b0","access_level":"public","create_time":"$D2024-05-23T13:23:18.203Z","update_time":"$D2024-06-26T08:49:43.483Z","view_time":null,"first_public_time":"$D2024-05-24T08:05:42.375Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"8917b8f0b5bcd50a","login":"allmaps","name":"Allmaps","avatar_url":"https://avatars-next.observableusercontent.com/558e397531ba56d7134b2879485d93fba9d27c9b932e520cb72bea9bdd4133c7","tier":"starter_2024"},"version":389,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"f444e659497ac4e5","login":"sammeltassen","name":"Jules Schoonman","avatar_url":"https://avatars-next.observableusercontent.com/d8e1e715f8e8560d0970b3d60336fe11ce634dd18ec4107ab6e99022494e616c","tier":null}],"members":[{"type":"team","id":"8917b8f0b5bcd50a","login":"allmaps","name":"Allmaps","avatar_url":"https://avatars-next.observableusercontent.com/558e397531ba56d7134b2879485d93fba9d27c9b932e520cb72bea9bdd4133c7","tier":"starter_2024","role":"editor"},{"type":"individual","id":"f444e659497ac4e5","login":"sammeltassen","name":"Jules Schoonman","avatar_url":"https://avatars-next.observableusercontent.com/d8e1e715f8e8560d0970b3d60336fe11ce634dd18ec4107ab6e99022494e616c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Map Monster Creator","cells":[{"id":0,"value":"# Map Monster Creator\n\n_Design: [Luuk van de Ven](https://luukvandeven.nl/)_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"viewof selectedColor = Inputs.radio(colors, {\n label: \"Select a color\",\n value: colors[getRandomInt(0, colors.length)],\n format: (i) =>\n html`${\n i[0].slice(0, 1).toUpperCase() + i[0].slice(1)\n }`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":160,"value":"viewof selectedShape = Inputs.radio(shapes, {\n label: \"Select a shape\",\n value: shapes[getRandomInt(0, shapes.length)],\n format: (i) =>\n html``\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"viewof selectedMood = Inputs.radio(moods, {\n label: \"Select a mood\",\n value: moods[getRandomInt(0, moods.length)],\n format: (i) =>\n i[1].emoji + \" \" + i[0].slice(0, 1).toUpperCase() + i[0].slice(1)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"mapMonster = html`\n \n \n \n \n \n \n ${\n paths[1]\n ? `\n `\n : \"\"\n }\n \n \n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"DOM.download(\n serialize(mapMonster),\n \"mapMonster-\" + shape + \"-\" + color + \"-\" + mood + \".svg\",\n \"Download SVG\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"DOM.download(\n rasterize(mapMonster),\n \"mapMonster-\" + shape + \"-\" + color + \"-\" + mood + \".png\",\n \"Download PNG\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"## Implementation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":312,"value":"Source: [Svelte Component](https://github.com/allmaps/presentations/blob/main/src/lib/components/MapMonster.svelte)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"colors = {\n const colors = {\n green: {\n stroke: \"#64c18f\",\n fill: \"#c1e6d2\"\n },\n purple: {\n stroke: \"#c552b5\",\n fill: \"#e8bae1\"\n },\n red: {\n stroke: \"#fe5e60\",\n fill: \"#ffbfbf\"\n },\n yellow: {\n stroke: \"#ffc742\",\n fill: \"#ffe9b3\"\n },\n orange: {\n stroke: \"#ff7415\",\n fill: \"#ffc7a1\"\n },\n pink: {\n stroke: \"#ff56ba\",\n fill: \"#ffbbe3\"\n },\n blue: {\n stroke: \"#63d8e6\",\n fill: \"#c1eff5\"\n }\n };\n return Object.entries(colors);\n // return new Map(Object.entries(colors));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"shapes = [\n \"98.07 2.91 14.82 2.91 14.08 24.73 3.52 24.73 1.93 97.09 82.39 97.09 82.56 49.81 98.07 49.81 98.07 2.91\",\n \"98.07 2.91 2.91 3.86 2.93 97.09 76.39 97.09 76.56 69.81 98.07 69.81 98.07 2.91\",\n \"88.07 2.91 11.82 2.91 12.93 97.09 82.39 97.09 82.56 49.81 88.07 49.81 88.07 2.91\",\n \"96.07 2.91 66.21 2.91 65.83 10.91 35.95 10.91 36.07 2.91 3.82 2.91 2.93 97.09 96.39 97.09 96.07 2.91\",\n \"98.07 2.91 24.82 2.91 3.52 44.73 1.93 97.09 82.39 97.09 82.56 79.81 98.07 79.81 98.07 2.91\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"color = selectedColor[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":269,"value":"mood = selectedMood[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"paths = selectedMood[1].paths","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"translateX = selectedMood[1].translateX","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"shape = shapes.indexOf(selectedShape) + 1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"strokeColor = selectedColor[1].stroke","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"fillColor = selectedColor[1].fill","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":294,"value":"// From: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random\nfunction getRandomInt(min, max) {\n const minCeiled = Math.ceil(min);\n const maxFloored = Math.floor(max);\n return Math.floor(Math.random() * (maxFloored - minCeiled) + minCeiled); // The maximum is exclusive and the minimum is inclusive\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":243,"value":"import { serialize } from \"@kelleyvanevert/little-things\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":369,"value":"import { rasterize } from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"