2b:null 2c:["$","title",null,{"children":"osm tag chronology | jleedev | Observable"}] 31:[] 2f:{"id":"e0f6a013a197374b","slug":null,"title":"osm tag chronology","thumbnail":"e6fc9da236c25354d5e1c0aa6b3eb149f71f5b7d31c913692128718470a0e5d7","access_level":"public","create_time":"$D2022-02-02T02:48:38.490Z","update_time":"$D2023-02-13T18:16:01.771Z","view_time":null,"first_public_time":"$D2022-12-21T15:40:02.581Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"93f88a392b09c0b2","login":"jleedev","name":"","avatar_url":"https://avatars-next.observableusercontent.com/68aa27cdda263ac7113092ff8aacbd9058bedc56790cabb734e9c32a2246dff1","tier":"starter_2024"},"version":1651,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b5e0663ad99246fa","login":"jleedev","name":"","avatar_url":"https://avatars-next.observableusercontent.com/68aa27cdda263ac7113092ff8aacbd9058bedc56790cabb734e9c32a2246dff1","tier":null}],"members":[{"type":"individual","id":"b5e0663ad99246fa","login":"jleedev","name":"","avatar_url":"https://avatars-next.observableusercontent.com/68aa27cdda263ac7113092ff8aacbd9058bedc56790cabb734e9c32a2246dff1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"osm tag chronology","cells":[{"id":963,"value":"

osm tag chronology

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

Taginfo page: ${taginfoUrl}

Data: ${chartUrl}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":463,"value":"${header()} \n\n${Plot.line(data, markOptions()).plot({ ...plotOptions, y: { type: \"sqrt\" } })}","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1267,"value":"viewof im_feeling_lucky = Inputs.button(\"I’m Feeling Lucky\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":870,"value":"Leaving any field blank will search for empty string.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":686,"value":"viewof keyForm = submittableForm`\nKey chronology\nKey \n \n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":688,"value":"viewof tagForm = submittableForm`\nTag chronology\nKey \n Value \n \n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":245,"value":"Plot.line(data, markOptions({ stroke: true })).plot({\n ...plotOptions,\n y: { type: \"log\" },\n color: {\n ...plotOptions.color,\n legend: true,\n domain: facets\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1401,"value":"facets = new Set(_(data).map(\"type\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"Plot.marks([\n Plot.areaY(data, markOptions({ fill: true, facet: true })),\n Plot.line(data, markOptions({ stroke: true, facet: true })),\n Plot.line(data, markOptions())\n]).plot({\n ...plotOptions,\n facet: { marginTop: 40 },\n y: { type: \"sqrt\" }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"markOptions = ({ stroke = false, fill = false, facet = false } = {}) => {\n const options = { x: \"date\", y: \"count\" };\n if (stroke) options.stroke = \"type\";\n if (fill) options.fill = \"type\";\n if (facet) options.fx = \"type\";\n return Plot.map({ y: \"cumsum\" }, options);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"plotOptions = ({\n marks: [Plot.frame()],\n marginLeft: 80,\n color: { domain: facets },\n grid: true,\n color: { scheme: \"category10\" }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1441,"value":"rawData = d3.json(chartUrl)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1585,"value":"Plot.marks([\n Plot.rectY(\n data,\n Plot.binX(\n { y: \"sum\" },\n {\n x: \"date\",\n y: \"count\",\n fill: \"type\",\n thresholds: d3.timeMonth\n }\n )\n ),\n Plot.ruleY([0])\n]).plot({\n marginLeft: 80,\n y: { type: \"sqrt\" },\n color: { legend: true, scheme: \"category10\" }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"data = ungroup(rawData.data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"ungroup = (data) =>\n data.flatMap((d) =>\n _(d)\n .omit(\"date\")\n .toPairs()\n .map(([type, count]) => ({ type, count, date: new Date(d.date) }))\n .value()\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":440,"value":"_input juggling_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":319,"value":"import { submittableForm, coalesce } from \"79f4e482e89fe8d3\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"header = () => {\n if (!search) return;\n const key = show(search.get(\"key\"));\n if (search.has(\"value\")) {\n const value = show(search.get(\"value\"));\n return md`Tag chronology of ${key}=${value}`;\n } else {\n return md`Key chronology of ${key}=*`;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":660,"value":"show = (str) => {\n if (str === \"\") {\n return htl.html.fragment`empty string`;\n } else {\n const t = str.replaceAll(\" \", \"␣\");\n return htl.html.fragment`“${t}”`;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1331,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":370,"value":"api = ({\n keyChronology: \"https://taginfo.openstreetmap.org/api/4/key/chronology\",\n tagChronology: \"https://taginfo.openstreetmap.org/api/4/tag/chronology\",\n keyPage: \"https://taginfo.openstreetmap.org/keys/\",\n tagPage: \"https://taginfo.openstreetmap.org/tags/\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"chartUrl = {\n const url = search.has(\"value\") ? api.tagChronology : api.keyChronology;\n return Object.assign(new URL(url), { search });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":561,"value":"taginfoUrl = {\n const key = encodeURIComponent(search.get(\"key\"));\n if (search.has(\"value\")) {\n let url = new URL(api.tagPage);\n const value = encodeURIComponent(search.get(\"value\"));\n url.pathname += key + \"=\" + value;\n return url;\n } else {\n let url = new URL(api.keyPage);\n url.pathname += key;\n return url;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":761,"value":"viewof currentForm = coalesce(viewof keyForm, viewof tagForm)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1352,"value":"new Map(currentForm)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":624,"value":"search = currentForm && new URLSearchParams(currentForm)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":798,"value":"search.toString()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1320,"value":"_get example tags_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1222,"value":"topKeys = d3.json(\n \"https://taginfo.openstreetmap.org/api/4/keys/all?page=1&rp=50&sortname=count_all&sortorder=desc\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1229,"value":"topTags = d3.json(\n \"https://taginfo.openstreetmap.org/api/4/tags/popular?page=1&rp=50&sortname=count_all&sortorder=desc\"\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1233,"value":"initial = d3\n .shuffle([...topKeys.data, ...topTags.data])\n .map(({ key, value }) => _.pickBy({ key, value }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1271,"value":"{\n const example = initial[im_feeling_lucky % initial.length];\n let form;\n if (\"value\" in example) {\n form = viewof tagForm.firstChild;\n form.elements[\"value\"].value = example[\"value\"];\n } else {\n form = viewof keyForm.firstChild;\n }\n form.elements[\"key\"].value = example[\"key\"];\n requestIdleCallback(() => form.requestSubmit());\n return example;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"