29:null 2a:["$","title",null,{"children":"Many more Dog Owners are Women | Luc Guillemot | Observable"}] 2f:[{"id":"74d8ae6d2a4369445a90d0dddd4a242fb8229df8992140c9b4d78b914e918bddbb93e447ec03057359d863bb08d4ccb0ab8d54608ec21bbc217f5bc5327d2e8c","href":"https://static.observableusercontent.com/files/74d8ae6d2a4369445a90d0dddd4a242fb8229df8992140c9b4d78b914e918bddbb93e447ec03057359d863bb08d4ccb0ab8d54608ec21bbc217f5bc5327d2e8c","name":"birth-year@1.csv","type":"text/csv","lastModified":1617975374746.77,"size":638}] 2d:{"id":"563d19d270f24d11","slug":"dogs-by-birth-year","title":"Many more Dog Owners are Women","thumbnail":"fdaefe27c09c6a62c03dc518d35f48b3925c338c4882e050bb76f0157964f4b8","access_level":"public","create_time":"$D2021-04-09T13:35:26.349Z","update_time":"$D2021-05-07T08:42:08.860Z","view_time":null,"first_public_time":"$D2021-04-09T13:45:34.025Z","has_unpublished_edits":null,"fork":{"id":"085cc4cc030947ac","slug":"pandemic-running","title":"Pandemic Running","owner":{"id":"4eed1ed0ec8c7a2c","login":"lucguillemot","name":"Luc Guillemot"}},"stars":0,"starred":false,"owner":{"type":"team","id":"4eed1ed0ec8c7a2c","login":"lucguillemot","name":"Luc Guillemot","avatar_url":"https://avatars-next.observableusercontent.com/692f83824eae0715a07f9a04941a73318aad7b915db8ddda53058c392957fc6f","tier":"starter_2024"},"version":237,"publish_version":237,"role":null,"authored":false,"authors":[{"type":"individual","id":"dbce705bc4e76709","login":"lucguillemot","name":"Luc Guillemot","avatar_url":"https://avatars-next.observableusercontent.com/692f83824eae0715a07f9a04941a73318aad7b915db8ddda53058c392957fc6f","tier":null}],"members":[{"type":"individual","id":"dbce705bc4e76709","login":"lucguillemot","name":"Luc Guillemot","avatar_url":"https://avatars-next.observableusercontent.com/692f83824eae0715a07f9a04941a73318aad7b915db8ddda53058c392957fc6f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"2aaf9ec71cbec838","slug":"30-day-chart-challenge-2021","title":"30 Day Chart Challenge 2021","owner":{"id":"4eed1ed0ec8c7a2c","login":"lucguillemot","name":"Luc Guillemot"}},"type":"notebook","body":{"title":"Many more Dog Owners are Women","cells":[{"id":0,"value":"md`# Many more Dog Owners are Women\nThe city of Zürich has open data about all dogs living in Zürich. I wanted to see if female dogs live longer than male dogs (it doesn't appear to be the case), but I discovered that many more ${highlightedText(\n { background: colorScale(\"Female\"), text: \"dog owners are women\" }\n)}!\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"legend({\n color: colorScale,\n title: \"Gender of 🐕 owner\",\n tickSize: 0,\n width: 150\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"chart = {\n const svg = d3.create(\"svg\").attr(\"viewBox\", [0, 0, width, height]);\n\n svg\n .append(\"g\")\n .attr(\"transform\", `translate(${margins.left}, ${margins.top})`)\n .selectAll(\"path\")\n .data(byOwnerGender)\n .join(\"path\")\n .attr(\"fill\", d => colorScale(d[0]))\n .attr(\"fill-opacity\", .1)\n .attr(\"d\", d => area(d[1]));\n\n svg\n .append(\"g\")\n .attr(\"transform\", `translate(${margins.left}, ${margins.top})`)\n .selectAll(\"path\")\n .data(byOwnerGender)\n .join(\"path\")\n .attr(\"stroke\", d => colorScale(d[0]))\n .attr(\"stroke-width\", 2)\n .attr(\"fill\", \"none\")\n .attr(\"d\", d => line(d[1]));\n\n svg.append(\"g\").call(xAxis);\n\n svg.append(\"g\").call(yAxis);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"attribution({\n source: {\n label: \"Open Data Zürich - Hundebestand der Stadt Zürich (2020)\",\n link: \"https://data.stadt-zuerich.ch/dataset/sid_stapo_hundebestand\"\n },\n day: \"08\",\n category: \"Distribution\",\n prompt: \"Animals\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"area = d3\n .area()\n .curve(d3.curveBasis)\n .x(d => xScale(d.GEBURTSJAHR_HUND))\n .y0(yScale(0))\n .y1(d => yScale(d.n))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"line = d3\n .line()\n .x(d => xScale(d.GEBURTSJAHR_HUND))\n .y(d => yScale(d.n))\n .curve(d3.curveBasis)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"colorScale = d3\n .scaleOrdinal()\n .domain(byOwnerGender.map(d => d[0]))\n .range([\"#B6AFE7\", \"#AFE4D3\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"xAxis = g =>\n g\n .attr(\"transform\", `translate(${margins.left}, ${height - margins.bottom})`)\n .call(\n d3\n .axisBottom(xScale)\n .tickFormat(d => d)\n .ticks(width / 80)\n .tickSizeOuter(0)\n )\n .call(g =>\n g\n .append(\"text\")\n .attr(\"x\", bounds.chartWidth)\n .attr(\"y\", margins.bottom - 4)\n .attr(\"fill\", \"currentColor\")\n .attr(\"text-anchor\", \"end\")\n .attr(\"font-size\", 13)\n .attr(\"font-weight\", \"bold\")\n .text(\"Birth year of 🐕\")\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"xScale = d3\n .scaleLinear()\n .domain(d3.extent(data, d => d.GEBURTSJAHR_HUND))\n .range([0, bounds.chartWidth])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"yAxis = g =>\n g\n .attr(\"transform\", `translate(${margins.left},${margins.top})`)\n .call(d3.axisLeft(yScale).ticks(10))\n //.call(g => g.select(\".domain\").remove())\n .call(g =>\n g\n .select(\".tick:last-of-type text\")\n .clone()\n .attr(\"x\", 3)\n .attr(\"dy\", -6)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"font-size\", 13)\n .text(\"Number of 🐕\")\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"yScale = d3\n .scaleLinear()\n .domain([0, d3.max(data, d => d.n)])\n .range([bounds.chartHeight, 0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"byOwnerGender = d3.groups(data, d => d.GESCHLECHT)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"data = d3.csvParse(await FileAttachment(\"birth-year@1.csv\").text(), d3.autoType).map(d => ({...d, GESCHLECHT: d.GESCHLECHT === \"m\"? \"Male\" : \"Female\"}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"md`## Visualization Assets`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"bounds = ({ margins, \n chartWidth: width - margins.left - margins.right, \n chartHeight: height - margins.top - margins.bottom })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"margins = ({top: 40, right: 20, bottom: 40, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"height = 400","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"md`## Libraries & Utilities`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"attribution = ({\n source,\n note,\n day,\n category,\n prompt\n}) => md`

**#30DayChartChallenge** | ${day} | ${category} | ${prompt}

\n ${note ? `

${note}

` : \"\"}\n

**Source**: ${\n source.link ? `[${source.label}](${source.link})` : source.label\n}

**Creator**: [Luc Guillemot](https://lucguillemot.com/)

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"highlightedText = ({ background, color, text }) =>\n html` ${text}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"formatPercentage = d3.format(\".1%\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"formatThousands = d3.format(\",\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"import {swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2e:"$2d:body"