29:null 2a:["$","title",null,{"children":"Raucher | RND | Observable"}] 2f:Tc94,smoke_chart = Plot.plot({ width, insetRight: 0, marginLeft: 20, color: { domain: ["noch nie geraucht", "Raucher"], range: ["#4f80ff", "#e84f1c"] }, x: { tickFormat: "", label: null, domain: [1979, 2023], ticks: [1979, 2000, 2023] }, y: { label: "Prozent", grid: true, domain: [0, 90], tickSize: 0, ticks: [25, 50, 75], axis: "right" }, marks: [ Plot.ruleY([0]), // Linien Plot.lineY(smoke, { x: "year", y: "percent", z: "group", strokeWidth: 2, stroke: "group", curve: "catmull-rom" }), // Punkte Hover Plot.dot( smoke, Plot.pointerX({ filter: (d) => d.group == "noch nie geraucht", x: "year", y: "percent", fill: "group" }) ), Plot.dot( smoke, Plot.pointerX({ filter: (d) => d.group == "Raucher", x: "year", y: "percent", fill: "group" }) ), // Tooltip Plot.tip( smoke, Plot.pointerX( Plot.binX( { title: (v) => v }, { x: "year", thresholds: 100, render(index, scales, values, dimensions, context) { const g = d3.select(context.ownerSVGElement).append("g"); const [i] = index; if (i !== undefined) { const data = values.title[i]; g.attr( "transform", `translate(${Math.min(1979, 60)}, 20)` ).append(() => Plot.plot({ marginTop: 14, height: 55, width: 140, axis: null, y: { domain: scales.scales.color.domain }, marks: [ // Rahmen Plot.frame({ fill: isDarkMode() ? "#293845" : "#ffffff", fillOpacity: 0.8, stroke: "#eff3f5" }), // Label Plot.text(data, { y: "group", text: "group", fill: (d) => scales.color(d.group), frameAnchor: "left", dx: 2 }), // Prozent Plot.text(data, { y: "group", text: (d) => d.percent.toLocaleString("de", { minimumFractionDigits: "1", maximumFractionDigits: "1" }), frameAnchor: "right", dx: -2 }), // Jahr Plot.text([data[0]], { frameAnchor: "top-left", dy: -13, text: (d) => d.year.toString() }) ] }) ); } return g.node(); } } ) ) ) ] })30:T755,function swatches({ color, columns = null, format = (x) => x, swatchSize = 15, swatchWidth = swatchSize, swatchHeight = swatchSize, marginLeft = 0 }) { const id = DOM.uid().id; if (columns !== null) return html`

${color .domain() .map((value) => { const label = format(value); return html`

${document.createTextNode(label)}

`; })}

`; return html`

${color .domain() .map( (value) => html`${document.createTextNode(format(value))}` )}

`; }31:Td02,style = html`

`32:[{"id":"23e275afc695fabcd4c40e6e3f832de11ed8761c94fddaae6d31fb2e303d0c15021a19ad17ce4636356b88bc2c5d2625f292a18a46441c912f8dbf9cf0f54d38","href":"https://static.observableusercontent.com/files/23e275afc695fabcd4c40e6e3f832de11ed8761c94fddaae6d31fb2e303d0c15021a19ad17ce4636356b88bc2c5d2625f292a18a46441c912f8dbf9cf0f54d38","name":"smoke@5.csv","type":"text/csv","lastModified":1733566491958.721,"size":1933},{"id":"e6490d8609458851cf2156cf4f03cd7f86aa85815fe1361d1a2bc268e405b5b8c108a4e3ff1c9b3158f24e8a8cb6b750731ef3319f5edd1e9d5d9fcd269f8e82","href":"https://static.observableusercontent.com/files/e6490d8609458851cf2156cf4f03cd7f86aa85815fe1361d1a2bc268e405b5b8c108a4e3ff1c9b3158f24e8a8cb6b750731ef3319f5edd1e9d5d9fcd269f8e82","name":"smoke@6.csv","type":"text/csv","lastModified":1733914973628.577,"size":707}] 2d:{"id":"0802a4e86fe5f975","slug":null,"title":"Raucher","thumbnail":"b2c6d3854cc4c3155ab2530a897f16989f0995fe3c1f45206ceab66a03add2ab","access_level":"public","create_time":"$D2024-12-07T08:18:19.106Z","update_time":"$D2024-12-11T11:11:08.477Z","view_time":null,"first_public_time":"$D2025-02-10T08:52:40.925Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"b8db01b7dd27a055","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":"starter_2024"},"version":260,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5f9b41b7f852d3da","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":null}],"members":[{"type":"individual","id":"5f9b41b7f852d3da","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":null,"role":"editor"},{"type":"team","id":"b8db01b7dd27a055","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Raucher","cells":[{"id":0,"value":"# Raucher","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":92,"value":"smoke_title = html`\n

Jugendliche rauchen kaum noch

\n Anteil der 12- bis 17-jährigen Befragten in Prozent\n

\n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"smoke_legend = swatches({\n color: d3.scaleOrdinal(\n [\"noch nie geraucht\", \"Raucher\"],\n [\"#4f80ff\", \"#e84f1c\"]\n )\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"smoke_credits = md`

Grafik: RND/Christ • Raucher: regelmäßig oder gelegentlich • Quelle: BZgA

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"smoke_data = FileAttachment(\"smoke@6.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"smoke = smoke_data.map((d) => ({\n group: d.group\n .replace(\"non\", \"noch nie geraucht\")\n .replace(\"smoke\", \"Raucher\"),\n year: +d.year,\n percent: +d.percent\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"isDarkMode = () =>\n window.matchMedia && window.matchMedia(\"(prefers-color-scheme: dark)\").matches","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"function entity(character) {\n return `&#${character.charCodeAt(0).toString()};`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"ns = Inputs.text().classList[0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2e:"$2d:body"