31:[{"id":"ed71db511f724be3ec01b7003ec3eb07fc400e795a25dfb92903be261f6a0e42f0dbdbe025a7ffb5dd8fcac5f1e30b13ff697fd38b98e28a6ac7dad0efa924eb","href":"https://static.observableusercontent.com/files/ed71db511f724be3ec01b7003ec3eb07fc400e795a25dfb92903be261f6a0e42f0dbdbe025a7ffb5dd8fcac5f1e30b13ff697fd38b98e28a6ac7dad0efa924eb","name":"tx_pop.topojson","type":"application/octet-stream","lastModified":1731787344049.959,"size":812239}] 2f:{"title":"Choropleth Maps vs Colorblindness","cells":[{"id":0,"value":"# Choropleth Maps vs Colorblindness","pinned":false,"hidden":false,"mode":"md"},{"id":64,"value":"How do different color schemes stack up when it comes to color blindness? Pick from [Color Brewer](https://colorbrewer2.org/#type=diverging&scheme=RdYlGn&n=6) and [CARTO Color](https://carto.com/carto-colors/) schemes.","pinned":false,"hidden":false,"mode":"md"},{"id":25,"value":"viewof color = Inputs.select(allColors, {\n label: \"Select color scheme\",\n value: allColors.find((d) => d[0] === \"cb_RdYlGn\"),\n format: (d) => `${d[0].replace(\"cb_\", \"Color Brewer \")} (${d[1].tags[0]})`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"viewof classes = Inputs.range([3, 7], {\n label: \"Number of color classes\",\n step: 1,\n value: 6\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"

\n ${Object.keys(fBlind).map(d => html`

${d}

${plotMap(color, d)}

`)}\n

","pinned":false,"hidden":false,"mode":"html"},{"id":75,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":19,"value":"function plotMap(scheme, simulation) {\n return Plot.plot({\n width: 300,\n height: 300,\n marks: [\n Plot.geo(counties, {\n fill: (d) => simulate(colorScale(d.properties.population), simulation),\n stroke: \"#000\",\n strokeWidth: 0.5\n })\n ],\n x: { axis: null },\n y: { axis: null }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"function simulate(color, simulation) {\n const { r, g, b } = d3.color(color).rgb();\n const simulated = fBlind[simulation]([r, g, b]);\n const simColor = d3.rgb(...simulated).formatHex();\n return simColor;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"colorScale = d3\n .scaleQuantile()\n .domain(counties.features.map((f) => f.properties.population))\n .range(color[1][classes])","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"tx_pop = FileAttachment(\"tx_pop.topojson\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"counties = topojson.feature(tx_pop, tx_pop.objects.tx_pop)","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"import { fBlind } from \"@abenrob/hcirn-colorblind-simulation\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"cartocolor = import(\"https://cdn.skypack.dev/cartocolor@5.0.2?min\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"allColors = d3.sort(\n Object.entries(cartocolor).filter(([k, e]) => e && !k.includes(\"ag_\")),\n (a, b) => d3.ascending(a[1].tags[0], b[1].tags[0]) || d3.ascending(a[0], b[0])\n)","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}