31:[] 2f:{"title":"Census 2023 population in Auckland","cells":[{"id":0,"value":"# Census 2023 population in Auckland","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"map_display = html`${map.node}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"viewof map_settings = Inputs.form({\n data: Inputs.select(data_list, {label: \"Data:\", format: x => x.lbl, value: param_enum(\"data\", data_list, 2)}),\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"### Sources\n\nThe source data and statistical area boundaries were provided under the Creative Commons Attribution New Zealand license by Stats NZ. The mode shares are for travel to work and travel to education, measured by the 2023 census\n\nThe streets overlay is based on OpenStreetMap data.","pinned":false,"hidden":false,"mode":"md"},{"id":207,"value":"viewof get_settings","pinned":false,"hidden":false,"mode":"ojs"},{"id":184,"value":"// we depend on a few other cells, so if you start editing the map the\n// button counter resets to 0 so you don't start downloading\n// stuff all of a sudden.\nviewof get_svg = map_updater, download_map, Inputs.button(`Get ${get_settings.format.slice(0, 3)}`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"## Recipe","pinned":false,"hidden":false,"mode":"md"},{"id":23,"value":"function update_map(map, settings) {\n // update fill\n map.update_fill(census_collection, d_to_color, d_to_title, d_to_info);\n\n // update legend decoration\n var legend =\n histogram_legend_v(map_settings.data.lbl, histogram, color_list,\n { width: 200,\n background: map_bg_color});\n\n const l_scale = 3 * map.img_scale;\n const l_y = map.chart_size[1] - l_scale * (40 + legend.height)\n legend.node.setAttribute('transform', `translate(${5 * l_scale}, ${l_y}) scale(${l_scale})`);\n \n const g = map.decoration_layer;\n g.selectChild(\".legend\").remove();\n legend.node.classList.add(\"legend\");\n g.append(() => legend.node);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"map_updater = update_map(map, map_settings);","pinned":true,"hidden":false,"mode":"ojs"},{"id":190,"value":"map_downloader = {\n if (!get_svg) return false;\n return await download_map(get_settings, map, our_map => update_map(our_map, map_settings),\n `census-2023-travel-${map_settings.data.k}`);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"histogram = make_histogram(d_to_prop, d_to_weight, fmt_lbl,\n census_collection.features,\n scale_min, scale_max, color_list.length);","pinned":true,"hidden":false,"mode":"ojs"},{"id":57,"value":"data_list = [\n {lbl: \"Population 2013, per km²\", k: \"pop-2013\", max: 10000},\n {lbl: \"Population 2018, per km²\", k: \"pop-2018\", max: 10000},\n {lbl: \"Population 2023, per km²\", k: \"pop-2023\", max: 10000},\n {lbl: \"2013 ► 2018, per km²\", k: \"popgrowth-2018\", min: -1300, max: 1100},\n {lbl: \"2018 ► 2023, per km²\", k: \"popgrowth-2023\", min: -1300, max: 1100},\n ]\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":126,"value":"fmt_lbl = {\n const sgn = scale_min < 0 ? (x => \"− +\"[Math.sign(x) + 1]) : (x => \"\");\n const val = scale_max < 5000 ? (x => x) : (x => (x/1000).toFixed(3).replace(/\\.?0+$/, \"\") + \"k\");\n return x => sgn(x) + val(Math.abs(x));\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":157,"value":"function fmt_diff(x) {\n return \"− +\"[Math.sign(x) + 1] + Math.abs(x);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":101,"value":"function d_to_title(d) {\n const n = d_to_prop(d);\n if (scale_min < 0) {\n return d.properties.name + \": \" + \n \"- +\"[Math.sign(n) + 1] +\n Math.abs(n.toFixed());\n }\n return d => d.properties.name + \": \" + n.toFixed();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"function d_to_info(d) {\n const density = d.properties[\"pop-2023\"] / d.properties[\"land area\"];\n\n const p13 = d.properties[\"pop-2013\"];\n const p18 = d.properties[\"pop-2018\"];\n const p23 = d.properties[\"pop-2023\"];\n const num_style = \"style='font-variant-numeric: tabular-nums;'\"\n \n const title = html`${d.properties.name}`;\n const table = html`\n \n \n \n \n \n\t

Land area	${d.properties[\"land area\"].toFixed(2)} km²
Density	${density.toFixed()}/km²
2013 population	${p13}
2018	${p18} (${fmt_diff(p18 - p13)})
2023	${p23} (${fmt_diff(p23 - p18)})

`\n\n return [title, table];\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":80,"value":"color_list = scale_min < 0\n ? Array.from({length: 13}, (_, i) => (i == 6 ? \"white\" :\n i < 6 ? d3.interpolateReds(0.08 * (6 - i)) :\n d3.interpolateBlues(0.08 * (i - 6))))\n : map_color_list;","pinned":true,"hidden":false,"mode":"ojs"},{"id":27,"value":"function d_to_color(d) {\n const prop = d_to_prop(d);\n const t = (prop - scale_min) / (scale_max - scale_min);\n return color_scheme(color_list, t);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":17,"value":"function d_to_prop(d) {\n const k = map_settings.data.k;\n var n;\n if (k == \"popgrowth-2018\") {\n n = d.properties[\"pop-2018\"] - d.properties[\"pop-2013\"];\n }\n else if (k == \"popgrowth-2023\") {\n n = d.properties[\"pop-2023\"] - d.properties[\"pop-2018\"];\n }\n else {\n n = d.properties[k];\n }\n return n / d.properties[\"land area\"];\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"function d_to_weight(d) {\n return d.properties[\"pop-2023\"];\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":73,"value":"scale_min = map_settings.data.min || 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"scale_max = map_settings.data.max","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"census_collection = get_census_collection(false);","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"import {map, map_bg_color, ModeShareMap, get_census_collection, map_color_list, color_scheme, make_histogram, param_enum, viewof get_settings, download_map } from \"@roelandschoukens/census-2023-mode-share-map\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"import {histogram_legend_v} from \"@roelandschoukens/legend-widgets\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}