2c:null 2d:["$","title",null,{"children":"My 2nd Exercise | valgibertini | Observable"}] 32: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; }33:[{"id":"f8132437fa65a6f6bff7b6aa08814d0cf64bdeb750b3036b6d0d144ab488bcd7590febf79acaa7c5aced382a04e1a9e3e2cbcd89062c831bcb14e20c7c8b9b08","href":"https://static.observableusercontent.com/files/f8132437fa65a6f6bff7b6aa08814d0cf64bdeb750b3036b6d0d144ab488bcd7590febf79acaa7c5aced382a04e1a9e3e2cbcd89062c831bcb14e20c7c8b9b08","name":"new_ca_counties.json","type":"application/json","lastModified":1645147524254.065,"size":1074840},{"id":"9484a50d574b1ab2b6f811aaacf85ffd46bf24042fcefdf798e2d186d0a1dd7637b97dd6305c418ab5329dd00a843d7d60b00a47d4088ae6562885c9abbc47fb","href":"https://static.observableusercontent.com/files/9484a50d574b1ab2b6f811aaacf85ffd46bf24042fcefdf798e2d186d0a1dd7637b97dd6305c418ab5329dd00a843d7d60b00a47d4088ae6562885c9abbc47fb","name":"ca_age@1.csv","type":"text/csv","lastModified":1644267311185.626,"size":7114}] 30:{"id":"0b53354082b30884","slug":"my-first-exercise","title":"My 2nd Exercise","thumbnail":"9ecce3150941a5b35b25318396a30a2955ace7492d25c3c94dd1ac55789bda82","access_level":"public","create_time":"$D2022-02-02T13:13:09.788Z","update_time":"$D2022-02-21T03:45:25.918Z","view_time":null,"first_public_time":"$D2022-02-08T01:00:19.209Z","has_unpublished_edits":null,"fork":{"id":"c57fdd07953b5e0c","slug":"my-first-exercise-on-observable","title":"My first exercise","owner":{"id":"22130e106df70095","login":"geoviz","name":"Geographic Visualization (GEOG 3540) - University of Iowa"}},"stars":0,"starred":false,"owner":{"type":"team","id":"1cc64f4d313e3572","login":"valgibertini","name":"","avatar_url":"https://avatars-next.observableusercontent.com/49eb1edcf6289c2cf6fb2db2124b230d61b89eb786ac40c2e4cd5df3a80382fa","tier":"starter_2024","bio":""},"version":545,"publish_version":545,"role":null,"authored":false,"authors":[{"type":"individual","id":"cda03b454502ae17","login":"valgibertini","name":"","avatar_url":"https://avatars-next.observableusercontent.com/49eb1edcf6289c2cf6fb2db2124b230d61b89eb786ac40c2e4cd5df3a80382fa","tier":null,"bio":""}],"members":[{"type":"individual","id":"cda03b454502ae17","login":"valgibertini","name":"","avatar_url":"https://avatars-next.observableusercontent.com/49eb1edcf6289c2cf6fb2db2124b230d61b89eb786ac40c2e4cd5df3a80382fa","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"My 2nd Exercise","cells":[{"id":47,"value":"md`# My 2nd Exercise`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":368,"value":"FileAttachment(\"ca_age@1.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":"ca_csv_data = d3.csvParse(await FileAttachment(\"ca_age@1.csv\").text(),({GEO_ID, NAME, EstimateTotalpopulation, Estimate65yearsandover}) => [GEO_ID, NAME, (+Estimate65yearsandover/+EstimateTotalpopulation)])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":400,"value":" percent_over65 = Array.from(ca_csv_data.values(), d => d[2])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":406,"value":"new_data = Object.assign(new Map(ca_csv_data), {title: [\"Percent_over65\", \"Percent\"]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"csv_data_objects = Object.assign((d3.csvParse(await FileAttachment(\"ca_age@1.csv\").text(), d3.autoType)).map(({GEO_ID, Estimate65yearsandover, EstimateTotalpopulation}) => ({GEO_ID: GEO_ID, pctAgeover65: (+Estimate65yearsandover/+EstimateTotalpopulation)*100})), {y: \"# records\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":534,"value":"viewof bins = Inputs.range([0, 20], {step: 1, label: \"Bins\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"Plot.plot({\n marks: [\n Plot.rectY(csv_data_objects, Plot.binX({y: \"count\"}, {x: \"pctAgeover65\", thresholds: bins})),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":436,"value":"FileAttachment(\"new_ca_counties.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"new_counties = FileAttachment(\"new_ca_counties.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":439,"value":"new_counties_features = topojson.feature(new_counties, new_counties.objects.ca_counties)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"md`# Linear Scale (Unclassed)`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":448,"value":"linear = d3.scaleLinear()\n .domain(d3.extent(percent_over65))\n .range([\"white\", \"teal\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"chart(numericSort(percent_over65), linear)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":485,"value":"md`# Quantile Classification`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":487,"value":"quantile = d3.scaleQuantile()\n .domain(percent_over65)\n .range([\"#e0ecf4\", \"#9ebcda\", \"#8856a7\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":489,"value":"chart(numericSort(percent_over65), quantile)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":492,"value":"md`# Natural Breaks Classification`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"naturalbreaks = simple.ckmeans(percent_over65, 4).map(v => v.pop())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":496,"value":"jenks = d3\n .scaleThreshold()\n .domain(naturalbreaks)\n .range([\"#ffffb2\", \"#fecc5c\", \"#fd8d3c\", \"#e31a1c\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":498,"value":"chart(numericSort(percent_over65), jenks)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":501,"value":"md`# Equal Interval Classification (Quantize)`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"quantize = d3.scaleQuantize()\n .domain([d3.min(percent_over65),d3.max(percent_over65)])\n .range([\"#fde0dd\", \"#d7b5d8\", \"#df65b0\", \"#ce1256\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":505,"value":"chart(numericSort(percent_over65), quantize)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":523,"value":"md`# Threshold`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":525,"value":"threshold = d3.scaleThreshold()\n .domain([0.08, 0.12, 0.15, 0.2])\n .range([\"#f2f0f7\", \"#cbc9e2\", \"#9e9ac8\", \"#6a51a3\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":512,"value":"chart(numericSort(percent_over65), threshold)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"showScaleGrouping(percent_over65, {\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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":453,"value":"md`# Annex`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":476,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":473,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"simple = require(\"simple-statistics@7.0.7/dist/simple-statistics.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":479,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"