27:null 28:["$","title",null,{"children":"půjčování žánrů během roku | Smzd | Observable"}] 2d:T12cd,chart = Plot.plot({ width: Math.max(300, Math.min(760, Math.round(width))), height: width > 500 ? 1000 : 700, marginLeft: width > 500 ? 55 : 55, marginRight: 142, marginBottom: 45, style: { fontFamily: "JetBrains Mono", fontSize: "0.8rem" }, y: { ticks: 3, tickSize: 0, grid: true, labelArrow: false, label: null, domain: [0, 1], tickFormat: (d, i) => i===2 ? `${d * 100} %`: d * 100 // tickFormat: (d, i) => d.toLocaleString("cs-CZ") }, x: { tickPadding: 10, labelArrow: false, label: null, domain: [1, 52], ticks: [10, 20, 30, 40, 50], line: true, tickFormat: (d) => `${d}.\ntýden` // tickFormat: (d, i) => d.toString() }, color: { domain: selectedZanry, range: pals.cat7 }, facet: { data: parsedData, y: "vrchol" }, fy: { domain: ["červen", "září", "prosinec", "leden"], label: null, padding: 0.25, axis: null }, marks: [ () => htl.svg` `, // 2) One hatched rect per facet, spanning the peak month's week range. // No y1/y2 → spans the full y-domain (0 → 1). Plot.rectX( [ { vrchol: "leden", x1: 1, x2: 5 }, { vrchol: "červen", x1: 23, x2: 27 }, { vrchol: "září", x1: 36, x2: 40 }, { vrchol: "prosinec", x1: 48, x2: 52 } ], { fy: "vrchol", x1: "x1", x2: "x2", fill: dark ? "url(#diagonal-hatch-dark)" : "url(#diagonal-hatch-light)" } ), Plot.text(endLabels, { x: "VYP_TIME", y: "adjustedY", fy: "vrchol", text: "temata", dx: 5, textAnchor: "start", fill: "temata", fontWeight: "bold" }), Plot.line(parsedData, { x: "VYP_TIME", y: "podil_z_maxima", stroke: "temata", strokeWidth: 2, fy: "vrchol" }), Plot.dot(parsedData, { x: "VYP_TIME", y: "podil_z_maxima", fill: "temata", r: 3, fy: "vrchol" }), // thick top gridline Plot.ruleY([1]), // thick bottom gridline // top YAxis label width > 500 ? Plot.text([{ vrchol: "červen", text: "z celoročního maxima" }], { fy: "vrchol", text: "text", frameAnchor: "top-left", dy: -6, stroke: dark ? "black" : "white", strokeWidth: 20, pointerEvents: "none" }) : null, width > 500 ? Plot.text([{ vrchol: "červen", text: "z celoročního maxima" }], { fy: "vrchol", text: "text", frameAnchor: "top-left", dy: -6, pointerEvents: "none" }) : null, // Text — month label in each facet's "biggest empty rectangle" Plot.text( [ { vrchol: "leden", x: 25, y: 0.18, text: "leden" }, { vrchol: "červen", x: 11, y: 0.15, text: "červen" }, { vrchol: "září", x: 48, y: 0.15, text: "září" }, { vrchol: "prosinec", x: 40, y: 0.07, text: "prosinec" } ], { fy: "vrchol", x: "x", y: "y", text: "text", lineAnchor: "bottom", textAnchor: "middle", fontWeight: "bold", fontSize: "0.9em", pointerEvents: "none" } ), // Leftward arrows (text right of hatched, arrow goes left to it). // bend: -25 makes the curve sag DOWNWARD relative to a straight line — // away from the line band which sits above. Plot.arrow( [ { vrchol: "leden", x1: 22, y1: 0.25, x2: 3, y2: 0.5 }, { vrchol: "září", x1: 45, y1: 0.22, x2: 38, y2: 0.5 } ], { fy: "vrchol", x1: "x1", y1: "y1", x2: "x2", y2: "y2", bend: -25, insetEnd: 6, stroke: dark ? "white" : "black", strokeWidth: 1, pointerEvents: "none" } ), // Rightward arrows (text left of hatched, arrow goes right to it). // bend: +25 also makes the curve sag downward (mirror direction). Plot.arrow( [ { vrchol: "červen", x1: 14, y1: 0.22, x2: 25, y2: 0.5 }, { vrchol: "prosinec", x1: 42, y1: 0.13, x2: 50, y2: 0.5 } ], { fy: "vrchol", x1: "x1", y1: "y1", x2: "x2", y2: "y2", bend: 25, insetEnd: 6, stroke: dark ? "white" : "black", strokeWidth: 1, pointerEvents: "none" } ) ] })2e:[{"id":"640c5fb1f350e61a1888e53ad5509fe30faaa38a267abaad08c1f6e51d1cb573b4fedd13976f19698e423daf8112625a4bf386acae62a042d52c93649bdb93ac","href":"https://static.observableusercontent.com/files/640c5fb1f350e61a1888e53ad5509fe30faaa38a267abaad08c1f6e51d1cb573b4fedd13976f19698e423daf8112625a4bf386acae62a042d52c93649bdb93ac","name":"zanru_behem_roku@3.json","type":"application/json","lastModified":1780312256266.818,"size":84509},{"id":"d468f34b5b45d7fdb623fff2e03c7d97eaee6d74ba81d80e0c9b391bbfa643ed863a1480a6a9a77b724912e4f404b655af4341ebecbc767adbe3c14f1a44f98d","href":"https://static.observableusercontent.com/files/d468f34b5b45d7fdb623fff2e03c7d97eaee6d74ba81d80e0c9b391bbfa643ed863a1480a6a9a77b724912e4f404b655af4341ebecbc767adbe3c14f1a44f98d","name":"zanru_behem_roku@4.json","type":"application/json","lastModified":1780387772399.023,"size":62184}] 2b:{"id":"ee6cc1f614faa71c","slug":null,"title":"půjčování žánrů během roku","thumbnail":"fa7d16fcd555600b9358223d8967b166a33f8bb2ed6f684de69f3fb94e0b645e","access_level":"public","create_time":"$D2026-06-01T07:20:02.051Z","update_time":"$D2026-06-03T14:40:02.718Z","view_time":null,"first_public_time":"$D2026-06-01T15:36:42.853Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"895392c655588d96","login":"smzd","name":"Smzd","avatar_url":"https://avatars-next.observableusercontent.com/f0df746f3b28a6622870f5346d2c8dd91ad7a18f4fed5e37db30eb7f7ff4ab78","tier":"education_2026"},"version":722,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"56d5de35a9ccc38b","login":"michal-kasparek","name":"Michal.kasparek","avatar_url":"https://avatars-next.observableusercontent.com/ce08466e4935e3a60c5892fbb8d872d41ab5914342e1dffc560e1ce9e8cd01dc","tier":null}],"members":[{"type":"individual","id":"56d5de35a9ccc38b","login":"michal-kasparek","name":"Michal.kasparek","avatar_url":"https://avatars-next.observableusercontent.com/ce08466e4935e3a60c5892fbb8d872d41ab5914342e1dffc560e1ce9e8cd01dc","tier":null,"role":"editor"},{"type":"team","id":"895392c655588d96","login":"smzd","name":"Smzd","avatar_url":"https://avatars-next.observableusercontent.com/f0df746f3b28a6622870f5346d2c8dd91ad7a18f4fed5e37db30eb7f7ff4ab78","tier":"education_2026","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"půjčování žánrů během roku","cells":[{"id":0,"value":"# půjčování žánrů během roku","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":115,"value":"completeChart = {\n return html`\n${smzdStyles}\n

Kdy má vrchol které téma nebo žánr

Průměry čtenářského zájmu v Městské knihovně v Praze za roky 2023-2025.

\n${chart}\n

Zdroj: Městská knihovna v Praze

`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"data = FileAttachment(\"zanru_behem_roku@4.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"// převést na long format\nparsedData = data","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":615,"value":"selectedZanry = [\"detektivní romány\",\n\"dietní jídla\",\n\"dobrodružné romány\",\n\"dětská beletrie\",\n\"logopedie\",\n\"pozitivní myšlení\",\n\"pěší turistika\",\n\"učebnice\",\n\"vánoce\",\n\"životospráva\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"endLabels = {\n const minGap = 0.1; // 4 % gap between labels — tune to taste\n const byFacet = d3.group(\n parsedData.filter((d) => d.vrchol != null), // drop \"celkový\" rows\n (d) => d.vrchol\n );\n const out = [];\n for (const [, rows] of byFacet) {\n const maxX = d3.max(rows, (d) => d.VYP_TIME);\n const lastPoints = rows.filter((d) => d.VYP_TIME === maxX);\n const sorted = d3.sort(lastPoints, (d) => -d.podil_z_maxima);\n sorted.forEach((d, i) => {\n const prev = i > 0 ? sorted[i - 1] : null;\n d.adjustedY =\n prev && prev.adjustedY - d.podil_z_maxima < minGap\n ? prev.adjustedY - minGap\n : d.podil_z_maxima;\n });\n out.push(...sorted);\n }\n return out;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"import {col, pals, textpals, dark, smzdStyles } from \"@smzd/colors\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2c:"$2b:body"