2b:null 2c:["$","title",null,{"children":"Matti's Second Exercise on Observable: Classification and Colors | Mattison Belardo | Observable"}] 31:T5a4,function showScaleGrouping(data, scales) { const margins = { left: 130 }; const x = d3 .scaleLinear() .domain(d3.extent(data)) .range([margins.left, width - 5]); const r = 3; const rectHeight = 10; const chart = svg` `; return chart; }32:[{"id":"7f63cd60bd780fb581d9a0869fc0fa88e96e3b42d72a56a1b4dd371f15cfb3cd74b48884b9b96cade4aec2653338f9a9a264ff95ed638e2327f10a3350c6ce82","href":"https://static.observableusercontent.com/files/7f63cd60bd780fb581d9a0869fc0fa88e96e3b42d72a56a1b4dd371f15cfb3cd74b48884b9b96cade4aec2653338f9a9a264ff95ed638e2327f10a3350c6ce82","name":"Alaska.json","type":"application/json","lastModified":1676847239007.899,"size":25543},{"id":"cebcca49f80541efc6820907fd1b3096d5c95574ddbbdac4d57fe6bc342d89026ccd851d16cc186eee115565d800dfe8cb3589069d3d4dd16fdcbcc75db6dd3b","href":"https://static.observableusercontent.com/files/cebcca49f80541efc6820907fd1b3096d5c95574ddbbdac4d57fe6bc342d89026ccd851d16cc186eee115565d800dfe8cb3589069d3d4dd16fdcbcc75db6dd3b","name":"Alaska@1.csv","type":"text/csv","lastModified":1676847239007.899,"size":8290},{"id":"c786a1d3b404909615691e43a8cef5b4f284431885ceb0a0da261b913ab7d36478a9bc7b6ab0844d8ff48da92766bd6fa7738d928ef7d2d689d8c75ebf299fca","href":"https://static.observableusercontent.com/files/c786a1d3b404909615691e43a8cef5b4f284431885ceb0a0da261b913ab7d36478a9bc7b6ab0844d8ff48da92766bd6fa7738d928ef7d2d689d8c75ebf299fca","name":"cd51_106.json","type":"application/json","lastModified":1676848238166.945,"size":120877},{"id":"672eee23542f16e7b409295610274c403d03264d839e78dd9a8b433cfd9433c2d90bc609daa19064798312a67aa56f5d5291b48ae270bc6ad11c50f697b05dc9","href":"https://static.observableusercontent.com/files/672eee23542f16e7b409295610274c403d03264d839e78dd9a8b433cfd9433c2d90bc609daa19064798312a67aa56f5d5291b48ae270bc6ad11c50f697b05dc9","name":"FoodAccessResearchAtlasData2019 copy.csv","type":"text/csv","lastModified":1676848249157.93,"size":395775},{"id":"c786a1d3b404909615691e43a8cef5b4f284431885ceb0a0da261b913ab7d36478a9bc7b6ab0844d8ff48da92766bd6fa7738d928ef7d2d689d8c75ebf299fca","href":"https://static.observableusercontent.com/files/c786a1d3b404909615691e43a8cef5b4f284431885ceb0a0da261b913ab7d36478a9bc7b6ab0844d8ff48da92766bd6fa7738d928ef7d2d689d8c75ebf299fca","name":"cd51_106@1.json","type":"application/json","lastModified":1677466208788.608,"size":120877},{"id":"7cdc55476680db5d3b680f413c5aede0d435738c5701ad5362ae6cbea545b203fed465f52e0ec6f07b2a0bc883153d89f090fb68e600fdd2a1c78a10f6395232","href":"https://static.observableusercontent.com/files/7cdc55476680db5d3b680f413c5aede0d435738c5701ad5362ae6cbea545b203fed465f52e0ec6f07b2a0bc883153d89f090fb68e600fdd2a1c78a10f6395232","name":"HW3.geojson","type":"application/geo+json","lastModified":1677514451329.445,"size":1020596},{"id":"672eee23542f16e7b409295610274c403d03264d839e78dd9a8b433cfd9433c2d90bc609daa19064798312a67aa56f5d5291b48ae270bc6ad11c50f697b05dc9","href":"https://static.observableusercontent.com/files/672eee23542f16e7b409295610274c403d03264d839e78dd9a8b433cfd9433c2d90bc609daa19064798312a67aa56f5d5291b48ae270bc6ad11c50f697b05dc9","name":"FoodAccessResearchAtlasData2019 copy (3).csv","type":"text/csv","lastModified":1677514472825.864,"size":395775}] 2f:{"id":"35fa63292cec87a0","slug":null,"title":"Matti's Second Exercise on Observable: Classification and Colors","thumbnail":"58ce4e5de8e62bbc12bf38646ceabd314d4762ce82380bdb0c4381099ad830f7","access_level":"public","create_time":"$D2023-02-19T22:53:59.007Z","update_time":"$D2023-02-28T17:21:48.819Z","view_time":null,"first_public_time":"$D2023-02-19T22:53:59.007Z","has_unpublished_edits":null,"fork":{"id":"c68fb87dffeeb9bc","slug":"second-exercise-on-observable","title":"Second Exercise on Observable: Classification and Colors","owner":{"id":"22130e106df70095","login":"geoviz","name":"Geographic Visualization (GEOG 3540) - University of Iowa"}},"stars":0,"starred":false,"owner":{"type":"team","id":"1f53a26ef1def300","login":"mattison-belardo","name":"Mattison Belardo","avatar_url":"https://avatars-next.observableusercontent.com/f7cfdfa9e2d98f697975b192177a4c1022c7c82d6dc1f503fd2783305fa6ebfc","tier":"starter_2024"},"version":547,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0f0397a3785cb0d0","login":"mattison-belardo","name":"Mattison Belardo","avatar_url":"https://avatars-next.observableusercontent.com/f7cfdfa9e2d98f697975b192177a4c1022c7c82d6dc1f503fd2783305fa6ebfc","tier":null}],"members":[{"type":"individual","id":"0f0397a3785cb0d0","login":"mattison-belardo","name":"Mattison Belardo","avatar_url":"https://avatars-next.observableusercontent.com/f7cfdfa9e2d98f697975b192177a4c1022c7c82d6dc1f503fd2783305fa6ebfc","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Matti's Second Exercise on Observable: Classification and Colors","cells":[{"id":0,"value":"md`# Matti's Second Exercise on Observable: Classification and Colors`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"Virginia = FileAttachment(\"HW3.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"county_features = topojson.feature(Virginia, Virginia.objects.cd51_106)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"csv_data = d3.csvParse(await FileAttachment(\"FoodAccessResearchAtlasData2019 copy (3).csv\").text(),({CensusTract, TractKids, Pop2010}) => [CensusTract, +TractKids/+Pop2010])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":400,"value":"csv_data_objects = Object.assign((d3.csvParse(await FileAttachment(\"FoodAccessResearchAtlasData2019 copy (3).csv\").text(), d3.autoType)).map(({CensusTract, TractKids, Pop2010}) => ({CensusTract: +CensusTract, Percentage_of_kids: +TractKids/+Pop2010})))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":415,"value":"// The code below creates a histogram from the data impelemented in the code\nviewof bins = Inputs.range([0, 100], {step: 1, label: \"Bins\"})\n// The histogram belows shows how often certain percentage of kids appear in the data. I chose to build this histogram with 50 bins because it was such a large data set, that 50 bins did a good job of breaking the data up visually. When you look at the histogram below you notice that for the most part the data follows a normal distribution curve. You also notice that most of the data pertaining to the percentage of children per Virginia counties lies between the values of .15 and .35. With very little data presented outside that range and an outlier at the value .6","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":394,"value":"Plot.plot({\n marks: [\n Plot.rectY(csv_data_objects, Plot.binX({y: \"count\"}, {x: \"Percentage_of_kids\", thresholds: bins})),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"childpct = Array.from(csv_data.values(), d => d[1])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"data = Object.assign(new Map(csv_data), {title: [\"Percentage of Kids in Virginia's Counties\"]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":174,"value":"md`# Linear Scale (Unclassed)`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"linear = d3.scaleLinear()\n .domain(d3.extent(childpct))\n .range([\"white\", \"purple\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"chart(numericSort(childpct), linear)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":267,"value":"md`# Quantile Classification`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"quantile = d3.scaleQuantile()\n .domain(childpct)\n .range([\"#efedf5\", \"#bcbddc\", \"#756bb1\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"chart(numericSort(childpct), quantile)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"md`# Jenks Natural Breaks Classification`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":373,"value":"naturalbreaks = simple.ckmeans(childpct, 5).map(v => v.pop())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"jenks = d3\n .scaleThreshold()\n .domain(naturalbreaks)\n .range([\"#f2f0f7\", \"#cbc9e2\", \"#9e9ac8\", \"#756bb1\", \"#54278f\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"chart(numericSort(childpct), jenks)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":280,"value":"md`# Equal Interval Classification (Quantize)`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":505,"value":"d3.extent(childpct)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"quantize = d3.scaleQuantize()\n .domain(d3.extent(childpct))\n .range([\"#fee6ce\", \"#fdae6b\",\"#e6550d\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":282,"value":"chart(numericSort(childpct), quantize)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":295,"value":"md`# Threshold`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":289,"value":"threshold = d3.scaleThreshold()\n .domain([0.1, 0.3, 0.5])\n .range([\"#efedf5\", \"#bcbddc\", \"#756bb1\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"chart(numericSort(childpct), threshold)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"showScaleGrouping(childpct, {\n scaleQuantile: quantile,\n scaleThreshold: threshold,\n scaleJenks: jenks,\n scaleQuantize: quantize,\n scaleQuantizeNice: quantize.copy().nice()\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"md`# Annex`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":261,"value":"function numericSort(x) {\n return (\n x\n // ensure the array is not changed in-place\n .slice()\n // comparator function that treats input as numeric\n .sort((a, b) => a - b)\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"function chart(data, scale) {\n const w = 20,\n cols = Math.floor(Math.min(600, width) / w),\n lines = Math.ceil(200 / cols);\n const chart = d3\n .create(\"svg\")\n .attr(\"width\", cols * w)\n .attr(\"height\", lines * w);\n\n chart\n .append(\"g\")\n .attr(\"transform\", \"translate(2,2)\")\n .attr(\"style\", \"stroke:black; fill:white;\")\n .selectAll(\"rect\")\n .data(data)\n .join(\"rect\")\n .attr(\"width\", w - 3)\n .attr(\"height\", w - 3)\n .attr(\"x\", (_, i) => w * (i % cols))\n .attr(\"y\", (_, i) => w * ((i / cols) | 0))\n .style(\"fill\", d => (scale ? scale(d) : \"#ddd\"));\n return chart.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":313,"value":"simple = require(\"simple-statistics@7.0.7/dist/simple-statistics.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":357,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"