27:null 28:["$","title",null,{"children":"Kategorický scatterplot s legendou | Smzd | Observable"}] 2d:T55c,chart = Plot.plot({ width: 620, height: 550, marginLeft: 90, marginTop: 40, marginBottom: 30, style: { // Note: ensure 'width' is defined outside or use this.width fontSize: "0.8rem" }, x: { domain: [1930, 2030], line: true, tickSize: 0, grid: true, tickFormat: "d" }, fy: { label: null, padding: 0, domain: ["film", "TV film", "seriál"] }, color: { legend: false, range: pals.cat3a }, r: { range: [3, 6] }, marks: [ Plot.axisX({ anchor: "bottom", label: null, tickSize: 0, tickFormat: "d" }), // 1. THE DOTS Plot.dot( role, Plot.dodgeY("middle", { x: "rok", fy: "typ", fill: "žánr", r: "hlavni", fillOpacity: 0.7, stroke: dark ? "white" : "black", strokeWidth: 0.5, padding: 0.05 }) ), // 2. THE TOOLTIP (Separate mark) Plot.tip( role, Plot.pointer( // Pointer finds the closest dot Plot.dodgeY("middle", { // Must match the dot's dodge logic x: "rok", fy: "typ", title: (d) => `${d.film} (${d.rok}${d.žánr ? `, ${d.žánr}` : ""})${d.role ? `\nrole: ${d.role}` : ""}`, fontSize: 12, lineHeight: 1.2, fill: dark ? "#1e1e1e" : "white" }) ) ) ] })2e:T738,legend = html`

drama (nebo bez žánru)

komedie

pohádka

hlavní

vedlejší

`2f:[{"id":"b582657ec87eec9377689689f6fe1ce9d4d421789a535ed55108dbfa32b299f7f577bded35a7505c569bfe7f03b70a307620ac7e242d6e1afe9a2ee8d973638f","href":"https://static.observableusercontent.com/files/b582657ec87eec9377689689f6fe1ce9d4d421789a535ed55108dbfa32b299f7f577bded35a7505c569bfe7f03b70a307620ac7e242d6e1afe9a2ee8d973638f","name":"role@4.json","type":"application/json","lastModified":1777532342923.089,"size":46439},{"id":"130ca56b30d177397094aea756dc17d2b3e96dc909b34e6d3efd8ae52519e5fd3ecfe6f474d71b008257a24afb543407b14197985e92db7d3f366ed5d3e38b3f","href":"https://static.observableusercontent.com/files/130ca56b30d177397094aea756dc17d2b3e96dc909b34e6d3efd8ae52519e5fd3ecfe6f474d71b008257a24afb543407b14197985e92db7d3f366ed5d3e38b3f","name":"role@6.json","type":"application/json","lastModified":1777534325546.581,"size":43433},{"id":"15ca4a81099d66a54fdf574893bef403351df8fd8b27ba6735b6edb8d1d567cf60ff45072fdf373019c78d8d001a8badc78616ee689f36fac292d1a288b303bc","href":"https://static.observableusercontent.com/files/15ca4a81099d66a54fdf574893bef403351df8fd8b27ba6735b6edb8d1d567cf60ff45072fdf373019c78d8d001a8badc78616ee689f36fac292d1a288b303bc","name":"role@7.json","type":"application/json","lastModified":1777537370596.571,"size":43535},{"id":"4eae8a7fb554b12f7a0ec6864229b9920ee189ccb3bb8dc38828eda981865d139a0a005acaab014fa8c82050633eabca806af75343eda479161758181d789506","href":"https://static.observableusercontent.com/files/4eae8a7fb554b12f7a0ec6864229b9920ee189ccb3bb8dc38828eda981865d139a0a005acaab014fa8c82050633eabca806af75343eda479161758181d789506","name":"role@8.json","type":"application/json","lastModified":1777537415427.667,"size":43667},{"id":"753eb753b5ffeaaaae4ef18824e001b16d033a30922f9db6bd4dbb8726b588d2776ab2133ba4ea04254a836025bc8a4946f199cb2db6225f9ad071615576844d","href":"https://static.observableusercontent.com/files/753eb753b5ffeaaaae4ef18824e001b16d033a30922f9db6bd4dbb8726b588d2776ab2133ba4ea04254a836025bc8a4946f199cb2db6225f9ad071615576844d","name":"role@5.json","type":"application/json","lastModified":1777534258783.694,"size":46272},{"id":"22a56a6774816105c9a7b0631953eaf1a44228792b8ec80a153044997f0e40349e1fad09baf11cea49f848f2fd078eb4276a598be96fb9b6bed237774ee84dc0","href":"https://static.observableusercontent.com/files/22a56a6774816105c9a7b0631953eaf1a44228792b8ec80a153044997f0e40349e1fad09baf11cea49f848f2fd078eb4276a598be96fb9b6bed237774ee84dc0","name":"role@9.json","type":"application/json","lastModified":1777537819885.29,"size":37142}] 2b:{"id":"b7fbf1f5c7f5c0d5","slug":null,"title":"Kategorický scatterplot s legendou","thumbnail":"5906e4cdca9d86af6af36c543ab2b1594a0fb1cc89fdaa7795749f3940247395","access_level":"public","create_time":"$D2026-04-29T20:18:07.296Z","update_time":"$D2026-04-30T11:35:11.452Z","view_time":null,"first_public_time":"$D2026-04-30T07:20:21.423Z","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":789,"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":"Kategorický scatterplot s legendou","cells":[{"id":0,"value":"# Kategorický scatterplot s legendou","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":115,"value":"completeChart=\n{return html`\n${smzdStyles}\n

Filmové a televizní role Jiřiny Bohdalové

Po přejetí nebo tapnutí se zobrazí detaily díla.

\n${legend}\n${chart}\n

Zdroje: databáze Filmový přehled (filmové role), ČSFD.cz (televizní role)

`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":627,"value":"data = d3.json(\"https://data.irozhlas.cz/up/4cd6748ce8daf950ca91778f0f1710f8/minimalni_percentily_v_krajich_a_skolooborech.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":685,"value":"## Úprava dat","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":687,"value":"Data už nám přišla v pěkném JSONu, takže z něj jen odfiltrujeme typy škol, které nás zajímají.","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":615,"value":"dataVyber = data.filter(skola => skola.typ_skoly === \"GY4\" || skola.typ_skoly === \"LYC\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":690,"value":"## Facety\nTento graf používá bostockovský výmysl zvaný [Facets](\"https://observablehq.com/plot/features/facets\"), v podstatě přidání další osy fy/fx na kterou se krteslí small multiples. Alternativou, která umožňuje fajnovější formátování, je vyblít small multiples jako samostatné grafy a srovnat je pomocí CSS [Flexbox](\"https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Flexbox\") nebo [Grid](\"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout\"). Jako např. tady: https://observablehq.com/d/e5b6b6a8b9c3c8ef?collection=@smzd/templates","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":631,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"import {col, pals, dark, smzdStyles } from \"@smzd/colors\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":694,"value":"role = FileAttachment(\"role@9.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2c:"$2b:body"