2c:null 2d:["$","title",null,{"children":"Beschriebene und unbeschriebene Seiten | lheinzmann | Observable"}] 32:T75f,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .style("font-family", "DINOT, sans-serif"); svg.append("rect") .attr("x", 0) .attr("y", 0) .attr("width", width) .attr("height", height) .style("fill", "none") // Hintergrund des Rechtecks transparent .style("stroke", "black") // Farbe des Randes .style("stroke-width", "1px"); // Dicke des Randes const axisLabelText = svg.append("text") // axis label .attr("transform", "rotate(-90)") .attr("y", 10 ) .attr("x", -(height/2)) .attr("dy", "1em") .style("text-anchor", "middle") .style("font-size", "16px") .text("Anzahl"); const axisLabelTitel = svg.append("text") // axis label // .attr("transform", "rotate(-90)") .attr("y", 10 ) .attr("x", (width/2)) .attr("dy", "1em") .style("text-anchor", "middle") .style("font-size", "25px") .text("Beschriebene und unbeschrieben Seiten pro Band"); const DEFAULT_OPACITY = '0.95'; svg.append("g") .selectAll("g") .data(series) .join("g") .attr("fill", ({key}) => color(key)) .call(g => g.selectAll("rect") .data(d => d) .join("rect") .attr("x", d => x(d.data.vol)) .attr("y", d => y(d[1])) .attr("width", x.bandwidth() - 13) // Balkenbreite .attr("height", d => y(d[0]) - y(d[1])) .attr("opacity", DEFAULT_OPACITY) .append("title") .text(d => `Band ${d.data.vol}: ${d.data.value}`)); svg.append("g") .attr("class", "axis") //.attr("transform", "translate(0," + height + ")") .call(xAxis); svg.append("g") .attr("class", "axis") //.attr("transform", "translate(0," + height + ")") .call(yAxis); svg.append("g") .call(legend); return svg.node(); }33:T82e,// Copyright 2021, Observable Inc. // Released under the ISC license. // https://observablehq.com/@d3/color-legend function Swatches(color, { columns = null, format, unknown: formatUnknown, swatchSize = 15, swatchWidth = swatchSize, swatchHeight = swatchSize, marginLeft = 0 } = {}) { const id = `-swatches-${Math.random().toString(16).slice(2)}`; const unknown = formatUnknown == null ? undefined : color.unknown(); const unknowns = unknown == null || unknown === d3.scaleImplicit ? [] : [unknown]; const domain = color.domain().concat(unknowns); if (format === undefined) format = x => x === unknown ? formatUnknown : x; function entity(character) { return `&#${character.charCodeAt(0).toString()};`; } if (columns !== null) return htl.html`

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

${label}

`; })}

`; return htl.html`

${domain.map(value => htl.html`${format(value)}`)}

`; }34:[{"id":"80573560dbe6e31b49b0f8a856f8c9aaf4052c82975b358292c9d29a33a6722568b7684e2fcfb6b644a66a0414d9304cf6864d5df53a1a91ffb218915398aabd","href":"https://static.observableusercontent.com/files/80573560dbe6e31b49b0f8a856f8c9aaf4052c82975b358292c9d29a33a6722568b7684e2fcfb6b644a66a0414d9304cf6864d5df53a1a91ffb218915398aabd","name":"1_Anzahl_Seiten_beschrieben_unbeschrieben@1.csv","type":"text/csv","lastModified":1725625898555.838,"size":1029},{"id":"62bf8219dbd93928b0ff22dc83b95517bd56c6a980a1d8cf69bc7b30d54e527c4d5e6e8615e53bcf3529225a8db9981bbccd287c763ec0c22ccf8f256c0425f5","href":"https://static.observableusercontent.com/files/62bf8219dbd93928b0ff22dc83b95517bd56c6a980a1d8cf69bc7b30d54e527c4d5e6e8615e53bcf3529225a8db9981bbccd287c763ec0c22ccf8f256c0425f5","name":"1_Anzahl_Seiten_beschrieben_unbeschrieben_mit_Standorten@2.csv","type":"text/csv","lastModified":1683139364194.396,"size":1648},{"id":"e4f562b0ef4d58e11363c0455071533026106e793bc85265688b74424e06e6612cab8a5cea1eb883ef9ffd90239491378f102f26c3806906b647a640356900f5","href":"https://static.observableusercontent.com/files/e4f562b0ef4d58e11363c0455071533026106e793bc85265688b74424e06e6612cab8a5cea1eb883ef9ffd90239491378f102f26c3806906b647a640356900f5","name":"data_letters@6.csv","type":"text/csv","lastModified":1680186217673.129,"size":13609},{"id":"b28098251686e6aface358bcb539f1c5da2362bfcd535f268ad700385743d844b3f64f13e19693ace955ea7c2e83d9f03628dc0048375a5c092afea64944ba16","href":"https://static.observableusercontent.com/files/b28098251686e6aface358bcb539f1c5da2362bfcd535f268ad700385743d844b3f64f13e19693ace955ea7c2e83d9f03628dc0048375a5c092afea64944ba16","name":"1_Anzahl_Seiten_beschrieben_unbeschrieben_mit_Standorten.csv","type":"text/csv","lastModified":1683138512795.703,"size":1963},{"id":"4d0268ddabef4acb5b7975a866ede2cea559ee71e2e47fd7247af229b7ce635fc1bcf870a87edebff81c4d3916432dc33727f75b46327a047655352dd0430d4f","href":"https://static.observableusercontent.com/files/4d0268ddabef4acb5b7975a866ede2cea559ee71e2e47fd7247af229b7ce635fc1bcf870a87edebff81c4d3916432dc33727f75b46327a047655352dd0430d4f","name":"1_Anzahl_Seiten_beschrieben_unbeschrieben_mit_Standorten@1.csv","type":"text/csv","lastModified":1683138797600.753,"size":1661},{"id":"b2adc81500a60364253336e7f7ce86f896f6c3550521c4b7bf0ca1f928c06afff3f7da0e231233321b8ad1e3e65ef13d8f9546fe804f5a6e88152376e2ae7e4b","href":"https://static.observableusercontent.com/files/b2adc81500a60364253336e7f7ce86f896f6c3550521c4b7bf0ca1f928c06afff3f7da0e231233321b8ad1e3e65ef13d8f9546fe804f5a6e88152376e2ae7e4b","name":"1_Anzahl_Seiten_beschrieben_unbeschrieben_mit_Standorten@3.csv","type":"text/csv","lastModified":1683139551073.663,"size":1647},{"id":"5b4ac87f07f9eff361849e62b87409e843c7eecee0c5cbd4ed3943c6569a905d45a78976e5d23bd7b26183a93b9377b5dceab9a40db9ade9340d033f428188a8","href":"https://static.observableusercontent.com/files/5b4ac87f07f9eff361849e62b87409e843c7eecee0c5cbd4ed3943c6569a905d45a78976e5d23bd7b26183a93b9377b5dceab9a40db9ade9340d033f428188a8","name":"1_Anzahl_Seiten_beschrieben_unbeschrieben.csv","type":"text/csv","lastModified":1680187602980.921,"size":1407}] 30:{"id":"a8c2ccd652dd8e3b","slug":null,"title":"Beschriebene und unbeschriebene Seiten","thumbnail":"81d94044cf1b81d294e191c839a2b990e82c50feacea0cbb01ddbb7ed3fe7d2e","access_level":"public","create_time":"$D2023-03-30T14:23:37.673Z","update_time":"$D2024-09-06T16:06:12.141Z","view_time":null,"first_public_time":"$D2023-03-30T14:23:37.673Z","has_unpublished_edits":null,"fork":{"id":"affd48e25b6f3b36","slug":null,"title":"Gesamtkorrespondenz: Briefe pro Jahr (1724-1778)","owner":{"id":"1e29fb537b2f6a0a","login":"lheinzmann","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"1e29fb537b2f6a0a","login":"lheinzmann","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9e070d23e41c70edcda6df7bc993b1b45dba2cd234552a9cc516b5295b1f2286","tier":"starter_2024"},"version":1275,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"573a546681bc1edd","login":"lheinzmann","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9e070d23e41c70edcda6df7bc993b1b45dba2cd234552a9cc516b5295b1f2286","tier":null}],"members":[{"type":"individual","id":"573a546681bc1edd","login":"lheinzmann","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9e070d23e41c70edcda6df7bc993b1b45dba2cd234552a9cc516b5295b1f2286","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Beschriebene und unbeschriebene Seiten","cells":[{"id":1109,"value":"# Beschriebene und unbeschriebene Seiten","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1156,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":57,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":862,"value":"//legend = swatches({color, columns: \"240px\", marginLeft: 7})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":865,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":777,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":921,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":721,"value":"data = FileAttachment(\"1_Anzahl_Seiten_beschrieben_unbeschrieben@1.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":617,"value":"colors = new Map([\n [\"Beschriebene Seiten\", \"#1f4e5f\"],\n [\"Unbeschriebene Seiten\", \"#aacfd0\"]\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1198,"value":"legend = g => {\n const swatchSize = 16;\n const spacing = 180;\n const legendWidth = (swatchSize + spacing) * color.domain().length // Breite der Legende (Swatchgröße + Abstand zum Text)\n const legendHeight = swatchSize; // Gesamthöhe der Legende\n\n // Berechne die Position in der Mitte unten\n const xPosition = (width - legendWidth) / 2;\n const yPosition = height - legendHeight -14;\n\n const swatch = g\n .attr(\"transform\", `translate(${xPosition},${yPosition})`)\n .attr(\"text-anchor\", \"start\") // Anker auf \"start\" setzen, damit Text linksbündig ist\n .selectAll(\"g\")\n .data(color.domain().slice())\n .join(\"g\")\n .attr(\"transform\", (d, i) => `translate(${i * (swatchSize + spacing)}, 0)`);\n\n swatch.append(\"rect\")\n .attr(\"width\", swatchSize)\n .attr(\"height\", swatchSize)\n .attr(\"fill\", color);\n\n swatch.append(\"text\")\n .attr(\"x\", swatchSize + 6) // Text rechts neben den Rechtecken\n .attr(\"dy\", \"0.8em\")\n .text(d => d);\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":669,"value":"series = d3.stack()\n .keys(colors.keys())\n .value((group, key) => group.get(key).value)\n .order(d3.stackOrderNone)\n (d3.rollup(data, ([d]) => d, d => d.vol, d => d.name).values())\n .map(s => (s.forEach(d => d.data = d.data.get(s.key)), s))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"x = d3.scaleBand()\n .domain(data.map(d => d.vol))\n .rangeRound([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"y = d3.scaleLinear()\n .domain([0, d3.max(series, d => d3.max(d, d => d[1]))]).nice()\n .range([height - margin.bottom, margin.top])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"color = d3.scaleOrdinal()\n .domain(colors.keys())\n .range(colors.values())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x)\n .tickValues(d3.ticks(...d3.extent(x.domain()), width / 60))\n .tickSizeOuter(0))\n .selectAll(\".tick line, text\")\n .attr(\"transform\", \"translate(-6,0)\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y)\n .tickFormat(x => (x)))\n .call(g => g.select(\".domain\").remove())\n /*.call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 4)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"font-size\", \"20px\")\n .text(\"Titel\")*/\n.call(g => g.selectAll(\".tick line\").clone()\n .attr(\"x2\", width - margin.left - margin.right)\n .attr(\"stroke-opacity\", 0.8)\n .attr(\"stroke-dasharray\", \"2,4\")\n /*.call(g => g.selectAll(\"line\")\n //.attr(\"stroke-opacity\", 0.9)\n .attr(\"stroke-dasharray\", \"2,2\") */ \n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1147,"value":"width = 800","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"margin = ({top: 70, right: 40, bottom: 65, left: 80})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"d3 = require(\"d3@6\", \"d3-array@2.4\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":810,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":811,"value":"function swatches({color, ...options}) {\n return Swatches(color, options);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":905,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 31:"$30:body"