2b:null 2c:["$","title",null,{"children":"Du Bois Challenge 2026 Challenge04: Negro Population of Georgia by Counties | X.B. Workspace | Observable"}] 31:T52e,legend = Plot.plot({ width: 495, height: 618, x: { domain: [0, 495], // 数据坐标范围（与像素对应） range: [0, 495] // 实际绘制范围（通常与 domain 一致，无需显式设置） }, y: { domain: [0, 618], range: [618, 0] // 反转：数据 y=0 对应屏幕顶部（若希望 y 轴向上则 range: [0, 618]） }, axis: null, marks: [ Plot.frame({fill: "#e0cab5"}), Plot.text(["NEGRO POPULATION OF GEORGIA BY COUNTIES."], { frameAnchor: "top", fontSize: 15, fontWeight: "bold", lineHeight: 1.3, dy: 20}), Plot.text(LegendPosition, { x: "x", y: "y", text: (d) => d.Name, fontSize: 10, dx: 18, dy: 0, lineAnchor: "middle", textAnchor: "start"}), Plot.dot(LegendPosition, { fill: (d) => { const value = d.PopMin; if (value === 0) return "#738172"; if (value === 1000) return "#eaba54"; if (value === 2500) return "#dbb5ac"; if (value === 5000) return "#c73f55"; if (value === 10000) return "#c2ad9c"; if (value === 15000) return "#554335"; if (value === 20000) return "#322c5c"; return "#201f1b"; }, stroke: "black", strokeWidth: 0.5, x: "x", y: "y", r: 9 }) ] })32:[{"id":"0f8f12110827966c5cc5f2e4102d50b0933624d4a422e43e603d4445f6d614e21e2852d22000205cb037b7bddfea32ec37e48b39aebdacb169b5a2bf686a5367","href":"https://static.observableusercontent.com/files/0f8f12110827966c5cc5f2e4102d50b0933624d4a422e43e603d4445f6d614e21e2852d22000205cb037b7bddfea32ec37e48b39aebdacb169b5a2bf686a5367","name":"original-plate-06.jpg","type":"image/jpeg","lastModified":1772156948474.241,"size":246591},{"id":"af235083962cdbd3293ae14b9b27b06c89a7d00ab8cdc1579214773575b19752bd6768305157b1cffb215a6c573e266f45c24d87f80246d4c42dfb5e35825d43","href":"https://static.observableusercontent.com/files/af235083962cdbd3293ae14b9b27b06c89a7d00ab8cdc1579214773575b19752bd6768305157b1cffb215a6c573e266f45c24d87f80246d4c42dfb5e35825d43","name":"Georgia_Negro_Pop_wgs84.geojson","type":"application/geo+json","lastModified":1772156960796.162,"size":19620263}] 2f:{"id":"aca12fa34f423c8b","slug":null,"title":"Du Bois Challenge 2026 Challenge04: Negro Population of Georgia by Counties","thumbnail":"763eecfd55bebb90eef276220e6dd2ab9ea07a4e1ca863fda5838bb1fb384b98","access_level":"public","create_time":"$D2026-02-27T01:48:08.183Z","update_time":"$D2026-03-02T12:31:43.468Z","view_time":null,"first_public_time":"$D2026-02-27T01:48:08.183Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"189a68e88fe366bd","login":"x-b-workspace","name":"X.B. Workspace","avatar_url":"https://avatars-next.observableusercontent.com/a95188709ffcb422fcc635f47420feb25f69fd7305881a42b4a9907e87d2aaf0","tier":"starter_2024","bio":""},"version":117,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fc82b550d8112553","login":"xiongbiao","name":"XiongBiao","avatar_url":"https://avatars-next.observableusercontent.com/caf2b8f3d51ea1f56efa20730077b94beb57622ab029080cdb84a9ad89ac467d","tier":null,"bio":""}],"members":[{"type":"team","id":"189a68e88fe366bd","login":"x-b-workspace","name":"X.B. Workspace","avatar_url":"https://avatars-next.observableusercontent.com/a95188709ffcb422fcc635f47420feb25f69fd7305881a42b4a9907e87d2aaf0","tier":"starter_2024","role":"editor"},{"type":"individual","id":"fc82b550d8112553","login":"xiongbiao","name":"XiongBiao","avatar_url":"https://avatars-next.observableusercontent.com/caf2b8f3d51ea1f56efa20730077b94beb57622ab029080cdb84a9ad89ac467d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"f7022f59988703cc","slug":"duboischallenge2026","title":"DuBoisChallenge2026","owner":{"id":"189a68e88fe366bd","login":"x-b-workspace","name":"X.B. Workspace"}},"type":"notebook","body":{"titling":"auto","title":"Du Bois Challenge 2026 Challenge04: Negro Population of Georgia by Counties","cells":[{"id":0,"value":"# Du Bois Challenge 2026 Challenge04: Negro Population of Georgia by Counties","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":106,"value":"

${resizedImage}

${legend}

${map1870}

${map1880}

","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":46,"value":"LegendPosition = [\n // { x: 108, y: 178, PopMin: 30000, Name: \"OVER 30,000 NEGROES\" },\n { x: 55, y: 227, PopMin: 5000, Name: \"5,000 TO 10,000\" },\n { x: 257, y: 524, PopMin: 20000, Name: \"BETWEEN 20,000 TO 30,000\" },\n { x: 55, y: 183, PopMin: 2500, Name: \"2,500 TO 5,000\" },\n { x: 257, y: 480, PopMin: 15000, Name: \"15,000 TO 20,000\" },\n { x: 55, y: 139, PopMin: 1000, Name: \"1,000 TO 2,500\" },\n { x: 257, y: 436, PopMin: 10000, Name: \"10,000 TO 15,000\" },\n { x: 55, y: 95, PopMin: 0, Name: \"UNDER 1,000\" }, \n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"map1880 = Plot.plot({\n width: 495,\n height: 618,\n projection: d3.geoAlbersUsa().scale(3000).translate([-250, 180]),\n marks: [\n Plot.text([\"1880\"], {\n frameAnchor: \"top\",\n fontSize: 12,\n fontWeight: \"bold\",\n lineHeight: 1.3,\n dx: 35, dy: 325}),\n Plot.geo(georgia_negro_pop_wgs84, {\n fill: (d) => {\n const value = d.properties[\"data1880_P\"];\n if (value === \"> 1000\") return \"#738172\";\n if (value === \"1000 - 2500\") return \"#eaba54\";\n if (value === \"2500 - 5000\") return \"#dbb5ac\";\n if (value === \"5000 - 10000\") return \"#c73f55\";\n if (value === \"10000 - 15000\") return \"#c2ad9c\";\n if (value === \"15000 - 20000\") return \"#554335\";\n if (value === \"20000 - 30000\") return \"#322c5c\";\n return \"#e4d3c0\";\n },\n stroke: \"black\",\n strokeWidth: 0.5\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"map1870 = Plot.plot({\n width: 495,\n height: 618,\n projection: d3.geoAlbersUsa().scale(3000).translate([-450, -100]),\n marks: [\n Plot.text([\"1870\"], {\n frameAnchor: \"top\",\n fontSize: 12,\n fontWeight: \"bold\",\n lineHeight: 1.3,\n dx: -165, dy: 45}),\n Plot.geo(georgia_negro_pop_wgs84, {\n fill: (d) => {\n const value = d.properties[\"data1870 (\"];\n if (value === \"> 1000\") return \"#738172\";\n if (value === \"1000 - 2500\") return \"#eaba54\";\n if (value === \"2500 - 5000\") return \"#dbb5ac\";\n if (value === \"5000 - 10000\") return \"#c73f55\";\n if (value === \"10000 - 15000\") return \"#c2ad9c\";\n if (value === \"15000 - 20000\") return \"#554335\";\n if (value === \"20000 - 30000\") return \"#322c5c\";\n return \"#e4d3c0\";\n },\n stroke: \"black\",\n strokeWidth: 0.5\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"resizedImage = resizeImageToHeight(originalPlate06, 618)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"function resizeImageToHeight(image, targetHeight) {\n // 计算宽高比\n const aspectRatio = image.width / image.height;\n const targetWidth = Math.round(targetHeight * aspectRatio);\n \n // 创建Canvas来调整尺寸\n const canvas = document.createElement('canvas');\n canvas.width = targetWidth;\n canvas.height = targetHeight;\n \n const ctx = canvas.getContext('2d');\n ctx.drawImage(image, 0, 0, targetWidth, targetHeight);\n \n // 创建新的Image对象\n const resizedImg = new Image();\n resizedImg.src = canvas.toDataURL('image/jpeg');\n resizedImg.width = targetWidth;\n resizedImg.height = targetHeight;\n \n return resizedImg;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"originalPlate06 = FileAttachment(\"original-plate-06.jpg\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"georgia_negro_pop_wgs84 = FileAttachment(\"Georgia_Negro_Pop_wgs84.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 30:"$2f:body"