${data.title[0]}${labels[j] && ` (${labels[j]})`} ${data.title[1]}${labels[i] && ` (${labels[i]})`}

2b:null 2c:["$","title",null,{"children":"White Population and Married Couples without Children in Kansas according to 2010 Census | emilyschmitt | Observable"}] 31:T44c,legend = () => { const k = 24; const arrow = DOM.uid(); return svg` ${d3.cross(d3.range(n), d3.range(n)).map(([i, j]) => svg` ${data.title[0]}${labels[j] && ` (${labels[j]})`} ${data.title[1]}${labels[i] && ` (${labels[i]})`} `)} ${data.title[0]} ${data.title[1]} `; }32:[{"id":"ddf04b75162ffbddc646116cdf81a903d72db3f740a57f733e38111bdcbaf9ae7cc9b4726ff0af05b17d4aaa327dcf900dab6eb3409ffd9bee0283ed1e41b9a9","href":"https://static.observableusercontent.com/files/ddf04b75162ffbddc646116cdf81a903d72db3f740a57f733e38111bdcbaf9ae7cc9b4726ff0af05b17d4aaa327dcf900dab6eb3409ffd9bee0283ed1e41b9a9","name":"kansas.csv","type":"text/csv","lastModified":1586832602205.534,"size":37389},{"id":"38c5e50463a0747445c04b08139f427c5dabecea43a2c2bf82c3fcd224c9f19d06914421d941ded4554d7a553f71f85746d34bc21b4330275b91e8fa38f32ef0","href":"https://static.observableusercontent.com/files/38c5e50463a0747445c04b08139f427c5dabecea43a2c2bf82c3fcd224c9f19d06914421d941ded4554d7a553f71f85746d34bc21b4330275b91e8fa38f32ef0","name":"kansas.json","type":"application/json","lastModified":1586832602205.534,"size":130966}] 2f:{"id":"754769d2d65a07e3","slug":"white-population-and-married-couples-without-children-in-k","title":"White Population and Married Couples without Children in Kansas according to 2010 Census","thumbnail":"49a33ed84c9cd2d51cb8f50b3f09b160bef8cfbbb5bddf38d346c19509fac75d","access_level":"public","create_time":"$D2020-04-14T02:50:02.205Z","update_time":"$D2020-04-14T04:24:31.538Z","view_time":null,"first_public_time":"$D2020-04-14T04:24:58.543Z","fork":{"id":"7f20f1af6263ec4a","slug":"bivariate-choropleth-mapping/2","title":"Bivariate Choropleth Mapping","owner":{"id":"1522f7962f5f1185","login":"caglarkoylu","name":"Caglar Koylu"}},"stars":0,"starred":false,"owner":{"type":"team","id":"7e7a7299f49db51a","login":"emilyschmitt","name":"","avatar_url":"https://avatars-next.observableusercontent.com/c03557a02989e991ca5d80d202331bab98cbac5d3401dca7e8d2635c97e6cc89","tier":"starter_2024"},"version":580,"publish_version":580,"role":null,"authored":false,"authors":[{"type":"individual","id":"ae4ddb89cf4d4764","login":"emilyschmitt","name":"","avatar_url":"https://avatars-next.observableusercontent.com/c03557a02989e991ca5d80d202331bab98cbac5d3401dca7e8d2635c97e6cc89","tier":null}],"members":[{"type":"individual","id":"ae4ddb89cf4d4764","login":"emilyschmitt","name":"","avatar_url":"https://avatars-next.observableusercontent.com/c03557a02989e991ca5d80d202331bab98cbac5d3401dca7e8d2635c97e6cc89","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"White Population and Married Couples without Children in Kansas according to 2010 Census","cells":[{"id":0,"value":"md`# White Population and Married Couples without Children in Kansas according to 2010 Census \n(Bivariate Mapping)\n\nThe results of this bivariate map seem to show that most of Kansas' counties in 2010 were either high, medium, or low in both attributes. There are few counties that verge into the left or right side of the bivariate legend. This may demonstrate that one attribute usually follows the other. A high white population may cause a high population of married people without children if they're younger people in bigger cities beginning to settle down but yet to have kids. A low white population could affect a low population of couples married without children as other cultures that live in these areas may value having children soon after marriage more than European cultures do.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":194,"value":"viewof colors = {\n const form = html`

color scheme`;\n form.i.selectedIndex = 1;\n form.oninput = () => form.value = schemes[form.i.selectedIndex].colors;\n form.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14,"value":"chart = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n svg.append(legend)\n .attr(\"transform\", \"translate(600,675)\");\n\n svg.append(\"g\")\n .selectAll(\"path\")\n .data(topojson.feature(polygons, polygons.objects.kansas).features)\n .join(\"path\")\n .attr(\"stroke\",\"gray\")\n .attr(\"fill\", d => color(data.get(+d.properties[idAttribute])))\n .attr(\"d\", path)\n .append(\"title\")\n .text(d => `${+d.properties[idAttribute]}, ${format(data.get(+d.properties[idAttribute]))}`);\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":359,"value":"// http://www.joshuastevens.net/cartography/make-a-bivariate-choropleth-map/\nschemes = [\n {\n name: \"RdBu\", \n colors: [\n \"#e8e8e8\", \"#e4acac\", \"#c85a5a\",\n \"#b0d5df\", \"#ad9ea5\", \"#985356\",\n \"#64acbe\", \"#627f8c\", \"#574249\"\n ]\n },\n {\n name: \"BuPu\", \n colors: [\n \"#e8e8e8\", \"#ace4e4\", \"#5ac8c8\",\n \"#dfb0d6\", \"#a5add3\", \"#5698b9\", \n \"#be64ac\", \"#8c62aa\", \"#3b4994\"\n ]\n },\n {\n name: \"GnBu\", \n colors: [\n \"#e8e8e8\", \"#b5c0da\", \"#6c83b5\",\n \"#b8d6be\", \"#90b2b3\", \"#567994\",\n \"#73ae80\", \"#5a9178\", \"#2a5a5b\"\n ]\n },\n {\n name: \"PuOr\", \n colors: [\n \"#e8e8e8\", \"#e4d9ac\", \"#c8b35a\",\n \"#cbb8d7\", \"#c8ada0\", \"#af8e53\",\n \"#9972af\", \"#976b82\", \"#804d36\"\n ]\n }\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":216,"value":"labels = [\"low\", \"\", \"high\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":207,"value":"n = Math.floor(Math.sqrt(colors.length))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":209,"value":"x = d3.scaleQuantile(Array.from(data.values(), d => d[0]), d3.range(n))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":204,"value":"y = d3.scaleQuantile(Array.from(data.values(), d => d[1]), d3.range(n))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":486,"value":"path = d3.geoPath().projection(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":462,"value":"//Rotate the map sets the longitude of origin for our UTM projection.\nprojection = d3.geoTransverseMercator().rotate([98,0]).fitExtent([[10, 10], [width, height]], polygon_features);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":430,"value":"polygon_features = topojson.feature(polygons, polygons.objects.kansas)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":467,"value":"data = Object.assign(new Map(d3.csvParse(await FileAttachment(\"kansas.csv\").text(), ({FIPS, WHITE, MARHH_NO_C}) => [+FIPS, [+WHITE, +MARHH_NO_C]])), {title: [\"White\", \"Married w/o Children\"]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":483,"value":"idAttribute = \"FIPS\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"polygons = FileAttachment(\"kansas.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":427,"value":"height = 800","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":424,"value":"width = 750","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":480,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":477,"value":"color = {\n return value => {\n if (!value) return \"#ccc\";\n let [a, b] = value;\n return colors[y(b) + x(a) * n];\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":513,"value":"formatNum = d3.format(\".1f\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":474,"value":"format = (value) => {\n if (!value) return \"N/A\";\n let [a, b] = value;\n return `${a} ${data.title[0]}${labels[x(a)] && ` (${labels[x(a)]})`}\n${formatNum(b)} ${data.title[1]}${labels[y(b)] && ` (${labels[y(b)]})`}`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"