2d:null 2e:["$","title",null,{"children":"Random Sea Monster Selector | alexmgullen.ca | Observable"}] 33:[] 31:{"id":"a3d99a99e0fde4c9","slug":"random-sea-monster-selector","title":"Random Sea Monster Selector","thumbnail":"468c5828118030fb01af41e76d0df14ea55bdf1e4af935c44eadaa5e91bc9048","access_level":"public","create_time":"$D2026-08-10T12:49:36.930Z","update_time":"$D2026-08-16T16:21:19.858Z","view_time":null,"first_public_time":"$D2026-08-10T14:11:50.451Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"13f4960a8735b2dc","login":"alexmgullen-ca","name":"alexmgullen.ca","avatar_url":"https://avatars-next.observableusercontent.com/4bf2a7315cfc06c55250ef9a3b8d56760cd69ffdf0cded1eb64523f1cbf85304","tier":"starter_2024"},"version":184,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"f5e8bf4f455acdcc","login":"alexmgullen","name":"Alexander gullen","avatar_url":"https://avatars-next.observableusercontent.com/de76a17f963ef70e5b3a8062512fafd15fe24a61bfd69771116417bb8777acc1","tier":null}],"members":[{"type":"individual","id":"f5e8bf4f455acdcc","login":"alexmgullen","name":"Alexander gullen","avatar_url":"https://avatars-next.observableusercontent.com/de76a17f963ef70e5b3a8062512fafd15fe24a61bfd69771116417bb8777acc1","tier":null,"role":"editor"},{"type":"team","id":"13f4960a8735b2dc","login":"alexmgullen-ca","name":"alexmgullen.ca","avatar_url":"https://avatars-next.observableusercontent.com/4bf2a7315cfc06c55250ef9a3b8d56760cd69ffdf0cded1eb64523f1cbf85304","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Random Sea Monster Selector","cells":[{"id":0,"value":"# Random Sea Monster Selector\n\nRandomly select the name of one of ${all.length} sea monsters using data from Wikidata and Custom User Selection","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":138,"value":"

Select Sea Monster

\n\n\n${viewof select}\n\n

Selected Sea Monster: ${all[selection]?.name ? all[selection].name : \"Error, could not generate monster\"}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":70,"value":"

All Monsters

This is a list of all possible monsters that could be chosen by the selector. Add your own monsters to the list in the \"Add Your Own Monster\" Section

${monster.name}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":78,"value":"

Add Your Own Monster

\n\n

each monster must have a \"name\" field, copy the second line of the following code:

\n\n

\n//   {name:\"Godzilla\"},\n

\n\n

and paste it below in the following code under the

all = monsters.concat([

line and before the

])

\n\n

Example

\n \n

Replace the code block entirely with this code to add Godzilla and friends to the list.

\n\n

\nall = monsters.concat([\n    {name:\"Godzilla\"},\n    {name:\"Ebirah\"},\n    {name:\"Gamera\"},\n    {name:\"Titanosaurus\"},\n    {name:\"Destoroyah\"},\n    {name:\"Raiga\"},\n    {name:\"Kamoebas\"},\n    {name:\"Nagoraiar\"},\n])\n

\n\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":32,"value":"all = monsters.concat([\n //{name:\"Godzilla\"},\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"## Implementation\n\nThis code relates to the implementation of the monster selector\n\n### Query WikiMedia","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"query = `\nSELECT ?item ?itemLabel WHERE {\n ?item wdt:P31 wd:Q920028.\n SERVICE wikibase:label { bd:serviceParam wikibase:language \"[AUTO_LANGUAGE],mul,en\". }\n}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"monsters = fetch(`https://query.wikidata.org/bigdata/namespace/wdq/sparql?query=${encodeURI(query)}&format=json`,{\n})\n.then((res) => res.json())\n.then((json) => json.results.bindings.map((result) => {\n return {\n name: result.itemLabel.value,\n url: result.item.value,\n }\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"### The Button\n\nTo avoid rendering too much at the top of the page, the button is created down here","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":144,"value":"viewof select = Inputs.button(\"Select\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"selection = {\n select;\n const number = Math.floor(Math.random() * (all.length -1 ))\n return number;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"