4c:I[132969,["$2"],"IconMark"] 25:["$","title",null,{"children":"Du Bois Challenge 2026 Challenge02: Relative Negro Population of the States of the United States | XiongBiao | Observable"}] 49:T5f3,map = Plot.plot({ width: 495, height: 618, projection: d3.geoAlbersUsa().scale(465).translate([247, 305]), marks: [ Plot.frame({fill: "#e0cab5"}), Plot.text(["RELATIVE NEGRO POPULATION OF THE STATES OF THE\nUNITED STATES."], { frameAnchor: "top", fontSize: 15, fontWeight: "bold", lineHeight: 1.3, dy: 20}), Plot.geo(us_negro_pop, { filter: (d) => (d.properties.PopMin < 500000 || d.properties.PopMin > 600000), fill: (d) => { const value = d.properties.PopMin; if (value === 0) return "#d2c0ac"; if (value === 10000) return "#ecb557"; if (value === 25000) return "#e3beb1"; if (value === 50000) return "#d3143b"; if (value === 100000) return "#c8aa94"; if (value === 200000) return "#2c215b"; if (value === 300000) return "#63432e"; return "#1a1813"; }, stroke: "black", strokeWidth: 0.5 }), Plot.geo(us_negro_pop, { filter: (d) => d.properties.PopMin === 500000, fill: "#1a1813", rough: { fillStyle: "hachure", roughness: 0, hachureGap: 2, hachureAngle: 45 }, stroke: "black", strokeWidth: 0.5 }), Plot.geo(us_negro_pop, { filter: (d) => d.properties.PopMin === 600000, fill: "#1a1813", rough: { fillStyle: "cross-hatch", roughness: 0, hachureGap: 2, hachureAngle: 0 }, stroke: "black", strokeWidth: 0.5 }) ] })4a:T791,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.text(LegendPosition, { x: "right", y: "bottom", text: (d) => d.Name, fontSize: 8, dx: 6, dy: -7, lineAnchor: "middle", textAnchor: "start"}), Plot.rect(LegendPosition, { filter: (d) => (d.PopMin < 500000 || d.PopMin > 600000), fill: (d) => { const value = d.PopMin; if (value === 0) return "#d2c0ac"; if (value === 10000) return "#ecb557"; if (value === 25000) return "#e3beb1"; if (value === 50000) return "#d3143b"; if (value === 100000) return "#c8aa94"; if (value === 200000) return "#2c215b"; if (value === 300000) return "#63432e"; return "#1a1813"; }, stroke: "black", strokeWidth: 0.5, x1: "left", y1: "top", x2: "right", y2: "bottom", }), Plot.rect(LegendPosition, { filter: (d) => d.PopMin === 500000, fill: "#1a1813", rough: { fillStyle: "hachure", roughness: 0, hachureGap: 2, hachureAngle: 45 }, stroke: "black", strokeWidth: 0.5, x1: "left", y1: "top", x2: "right", y2: "bottom", }), Plot.rect(LegendPosition, { filter: (d) => d.PopMin === 600000, fill: "#1a1813", rough: { fillStyle: "cross-hatch", roughness: 0, hachureGap: 2, hachureAngle: 0 }, stroke: "black", strokeWidth: 0.5, x1: "left", y1: "top", x2: "right", y2: "bottom", }) ] })4b:[{"id":"c54d410819e9aad8a7e0e6e8bf00a9c09901a728ec7ed2758de49ed9bbfbc4383f331803e96c1867c777119970d4554564abb039f4e44f37ba1cfc55ad693219","href":"https://static.observableusercontent.com/files/c54d410819e9aad8a7e0e6e8bf00a9c09901a728ec7ed2758de49ed9bbfbc4383f331803e96c1867c777119970d4554564abb039f4e44f37ba1cfc55ad693219","name":"original-plate-02.jpg","type":"image/jpeg","lastModified":1772073432041.592,"size":192953},{"id":"b76cb52b6510c86f49b9e94841ab9d8c1beaa909c2a511eb21611b1894d3859bc254bbb12e86de85820342e190acdc6b6a7319663a035c7550c95a6da038bcd4","href":"https://static.observableusercontent.com/files/b76cb52b6510c86f49b9e94841ab9d8c1beaa909c2a511eb21611b1894d3859bc254bbb12e86de85820342e190acdc6b6a7319663a035c7550c95a6da038bcd4","name":"US_Negro_Pop.geojson","type":"application/geo+json","lastModified":1772073435879.906,"size":2092536}] 29:{"id":"a24087877e0f80c4","slug":null,"title":"Du Bois Challenge 2026 Challenge02: Relative Negro Population of the States of the United States","thumbnail":"1fa91d3fbc28e7780faf3aef6094378a99e69283da143ddb0834fed99a86d15c","access_level":"public","create_time":"$D2026-02-26T02:13:02.924Z","update_time":"$D2026-03-02T12:32:18.291Z","view_time":null,"first_public_time":"$D2026-02-26T02:13:02.924Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"189a68e88fe366bd","login":"xiongbiao","name":"XiongBiao","avatar_url":"https://avatars-next.observableusercontent.com/a95188709ffcb422fcc635f47420feb25f69fd7305881a42b4a9907e87d2aaf0","tier":"free_2026","bio":"","followed_by_you":false,"follows_you":false},"version":245,"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":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"189a68e88fe366bd","login":"xiongbiao","name":"XiongBiao","avatar_url":"https://avatars-next.observableusercontent.com/a95188709ffcb422fcc635f47420feb25f69fd7305881a42b4a9907e87d2aaf0","tier":"free_2026","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":"xiongbiao","name":"XiongBiao"}},"type":"notebook","body":{"titling":"auto","title":"Du Bois Challenge 2026 Challenge02: Relative Negro Population of the States of the United States","cells":[{"id":0,"value":"# Du Bois Challenge 2026 Challenge02: Relative Negro Population of the States of the United States","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":21,"value":"

${resizedImage}

${map}

${legend}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":18,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"LegendPosition = [\n { left: 125, top: 190, right: 140, bottom: 175, PopMin: 750000, Name: \"750,000 NEGROES AND OVER\" },\n { left: 300, top: 190, right: 315, bottom: 175, PopMin: 100000, Name: \"100,000 —— 200,000\" },\n { left: 125, top: 160, right: 140, bottom: 145, PopMin: 600000, Name: \"600,000 —— 750,000\" },\n { left: 300, top: 160, right: 315, bottom: 145, PopMin: 50000, Name: \"50,000 —— 100,000\" },\n { left: 125, top: 130, right: 140, bottom: 115, PopMin: 500000, Name: \"500,000 —— 600,000\" },\n { left: 300, top: 130, right: 315, bottom: 115, PopMin: 25000, Name: \"25,000 —— 50,000\" },\n { left: 125, top: 100, right: 140, bottom: 85, PopMin: 300000, Name: \"300,000 —— 300,000\" },\n { left: 300, top: 100, right: 315, bottom: 85, PopMin: 10000, Name: \"1,000 —— 25,000\" }, \n { left: 125, top: 70, right: 140, bottom: 55, PopMin: 200000, Name: \"200,000 —— 300,000\" },\n { left: 300, top: 70, right: 315, bottom: 55, PopMin: 0, Name: \"UNDER —— 10,000\" },\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"resizedImage = resizeImageToHeight(originalPlate02, 618)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"originalPlate02 = FileAttachment(\"original-plate-02.jpg\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"us_negro_pop = FileAttachment(\"US_Negro_Pop.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"import {Plot} from \"@jwolondon/making-plot-sketchy\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 24:null 3f:[["$","title","0",{"children":"Du Bois Challenge 2026 Challenge02: Relative Negro Population of the States of the United States | XiongBiao | Observable"}],["$","meta","1",{"property":"og:title","content":"Du Bois Challenge 2026 Challenge02: Relative Negro Population of the States of the United States"}],["$","meta","2",{"property":"og:description","content":"An Observable notebook by XiongBiao"}],["$","meta","3",{"property":"og:url","content":"https://observablehq.com/d/a24087877e0f80c4"}],["$","meta","4",{"property":"og:site_name","content":"Observable"}],["$","meta","5",{"property":"og:image","content":"https://images.observableusercontent.com/thumbnail/1fa91d3fbc28e7780faf3aef6094378a99e69283da143ddb0834fed99a86d15c.jpg"}],["$","meta","6",{"property":"og:image:width","content":"640"}],["$","meta","7",{"property":"og:image:height","content":"400"}],["$","meta","8",{"property":"og:type","content":"article"}],["$","meta","9",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","10",{"name":"twitter:title","content":"Du Bois Challenge 2026 Challenge02: Relative Negro Population of the States of the United States"}],["$","meta","11",{"name":"twitter:description","content":"An Observable notebook by XiongBiao"}],["$","meta","12",{"name":"twitter:image","content":"https://images.observableusercontent.com/thumbnail/1fa91d3fbc28e7780faf3aef6094378a99e69283da143ddb0834fed99a86d15c.jpg"}],["$","meta","13",{"name":"twitter:image:width","content":"640"}],["$","meta","14",{"name":"twitter:image:height","content":"400"}],["$","link","15",{"rel":"icon","href":"/favicon.ico?favicon.2hqc0rwsy9zm6.ico","sizes":"96x96","type":"image/x-icon"}],["$","link","16",{"rel":"icon","href":"/icon.png?icon.1mhghqfpotdlb.png","sizes":"512x512","type":"image/png"}],["$","$L4c","17",{}]] 48:null