27:null 28:["$","title",null,{"children":"MKvP rozdělující témata x věk | Smzd | Observable"}] 2d:T9bf,chart = Plot.plot({ width: 620, marginLeft: 55, marginRight: width > 500 ? 40 : 40, style: { fontFamily: "JetBrains Mono", fontSize: "0.8rem", fontSize: width < 500 ? "1rem" : "0.8rem" }, y: { ticks: 3, tickSize: 0, tickPadding: 12, grid: true, labelArrow: false, label: null, domain: [0, 0.3], tickFormat: d => `${(d * 100).toFixed(0)} %`, }, x: { tickPadding: 10, labelArrow: false, label: null, domain: [5, 80], ticks: [10, 20, 30, 40, 50, 60, 70, 80], line: true, tickFormat: d => `${d} let` }, color: { range: pals.cat5, // We turn off the global legend since we are handling it per-facet legend: false }, facet: { data: parsedData, y: "kdo", label: null }, fy: { domain: ["mladí", "staří"], axis: null, // <-- THIS HIDES the right-side text and ticks padding: 0.3, }, marks: [ // --- 1. NEW: Facet Header at the top left of each facet --- Plot.line(parsedData, { x: "VEK", y: "podil ctenaru", stroke: "temata", strokeWidth: 2, sort: "VEK" }), Plot.dot(parsedData, { x: "VEK", y: "podil ctenaru", fill: "temata", r: 3 }), // --- 2. NEW: Facet-specific color labels --- // Places the name of the topic at the highest peak of its line Plot.text(parsedData, Plot.selectMaxY({ x: "VEK", y: "podil ctenaru", z: "temata", text: "temata", fill: "temata", textAnchor: "middle", dy: -12, // Push it slightly above the peak fontWeight: "bold", fontSize: "0.85em", // White/Black halo so it's readable over gridlines stroke: dark ? "black" : "white", strokeWidth: 4 })), // (Optional bottom annotation) Plot.text( [ { x: 2002, y: 150, text: "" } ], { x: "x", y: "y", text: "text", lineAnchor: "bottom", textAnchor: "middle" } ), // thick top gridline Plot.ruleY([0.3]), // thick bottom gridline Plot.ruleY([0]), // top YAxis label Plot.text(["ze všech čtenářů a čtenářek v daném věku"], { frameAnchor: "top-left", dy: -6, stroke: dark ? "black" : "white", strokeWidth: 14 }), Plot.text(["ze všech čtenářů a čtenářek v daném věku"], { frameAnchor: "top-left", dy: -6 }) ] })2e:[{"id":"cce4dbfaaf36aadc748d863f8b5f9b222235405abe50c2cf9b2f83f3346c54966c18b609b264734b50d43010c8be04d702ffb072e2ff035f087ee51fab0550b1","href":"https://static.observableusercontent.com/files/cce4dbfaaf36aadc748d863f8b5f9b222235405abe50c2cf9b2f83f3346c54966c18b609b264734b50d43010c8be04d702ffb072e2ff035f087ee51fab0550b1","name":"zanry_veky_do_grafu@4.json","type":"application/json","lastModified":1780386992294.83,"size":79901},{"id":"359add3f9cb3bbc811b3a36e04b4447f5e868a315cc057231dc1e315eb53f43be9497ca508aa934d52f22159cd94799d8bce609d9cdc00a62cb69f4b2bfb1c68","href":"https://static.observableusercontent.com/files/359add3f9cb3bbc811b3a36e04b4447f5e868a315cc057231dc1e315eb53f43be9497ca508aa934d52f22159cd94799d8bce609d9cdc00a62cb69f4b2bfb1c68","name":"zanry_veky_do_grafu@5.json","type":"application/json","lastModified":1780387310715.406,"size":62793}] 2b:{"id":"0af1b26fef7b313c","slug":null,"title":"MKvP rozdělující témata x věk","thumbnail":"157573d95dd14f073d8aa6af852fb490a44e8f72b035b39fc578980c2b8a324e","access_level":"public","create_time":"$D2026-06-01T13:25:52.192Z","update_time":"$D2026-06-03T14:41:22.676Z","view_time":null,"first_public_time":"$D2026-06-02T07:59:18.743Z","has_unpublished_edits":null,"fork":{"id":"ee6cc1f614faa71c","slug":null,"title":"půjčování žánrů během roku","owner":{"id":"895392c655588d96","login":"smzd","name":"Smzd"}},"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":652,"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":0,"collection":null,"type":"notebook","body":{"title":"MKvP rozdělující témata x věk","cells":[{"id":0,"value":"# MKvP rozdělující témata x věk","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":115,"value":"completeChart = {\n return html`\n${smzdStyles}\n

CO ČTOU MLADÍ A CO STAŘÍ

Výběr z žánrů, u kterých se v Městské knihovně v Praze v roce 2025 nejvíce lišil zájem lidí kolem 18 a kolem 65 let. Obliba čtení o manželkách panovníků stoupá po 40. narozeninách, milenky panovníků nastupují zhruba deset let poté.

\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(\"zanry_veky_do_grafu@5.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":428,"value":"Spočítáme si plohu labelů na konci každé lajny a pokud se překrývají, trochu je pošoupneme.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":271,"value":"// Poslední hodnoty pro každou zemi\nendLabels = {\n const maxYear = d3.max(parsedData, d => d.rok);\n const lastPoints = parsedData.filter(d => d.rok === maxYear);\n \n // Seřaď podle hodnoty a přidej offset pro překrývající se\n const sorted = d3.sort(lastPoints, d => -d.hodnota);\n const minGap = 0.04; // minimální mezera mezi labely -- TOTO ZKUS UPRAVIT, POKUD SE TI ADJUSTOVANÁ MEZERA NEPOZDÁVÁ\n \n sorted.forEach((d, i) => {\n if (i > 0) {\n const prev = sorted[i - 1];\n if (prev.adjustedY - d.hodnota < minGap) {\n d.adjustedY = prev.adjustedY - minGap;\n } else {\n d.adjustedY = d.hodnota;\n }\n } else {\n d.adjustedY = d.hodnota;\n }\n });\n \n return sorted;\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"