25:["$","title",null,{"children":"Du Bois Challenge 2026 Challenge10: PROPORTION OF NEGROES IN THE TOTAL POPULATION OF THE UNITED STATES. | XiongBiao | Observable"}] 49:T405,

${resizedImage}

${map_usa_1800}

${map_usa_1800_negro}

${map_usa_1830}

${map_usa_1830_negro}

${map_usa_1860}

${map_usa_1860_negro}

${map_usa_1890}

${map_usa_1890_negro}

4a:[{"id":"8510dd63edfa1024ab49ca02a8ea0f27301e862d6db80779abbd019d3191e0b605c547e42504a61ecf27676a7cf4e9822338a5d11b61dab24d9bfa22e5fd4850","href":"https://static.observableusercontent.com/files/8510dd63edfa1024ab49ca02a8ea0f27301e862d6db80779abbd019d3191e0b605c547e42504a61ecf27676a7cf4e9822338a5d11b61dab24d9bfa22e5fd4850","name":"US_Negro_Pop.json","type":"application/json","lastModified":1772426818500.044,"size":417819},{"id":"442690e2574ccde5f497152a4200818da9a15b916f6cda8675e8b9129eaa436b179327f7f91efd475518e93bc33edc8b493cc4b4843209e574202d005e90b319","href":"https://static.observableusercontent.com/files/442690e2574ccde5f497152a4200818da9a15b916f6cda8675e8b9129eaa436b179327f7f91efd475518e93bc33edc8b493cc4b4843209e574202d005e90b319","name":"data.csv","type":"text/csv","lastModified":1772426824504.187,"size":64},{"id":"ae03789e1599d8659c78b5e5124ec87010f0bced8b2a4d0ecc255ce99d4f02aa14308d6ead8bc168ccb84cea501938b136c8ab162ae99a24731a0fba3e04f08a","href":"https://static.observableusercontent.com/files/ae03789e1599d8659c78b5e5124ec87010f0bced8b2a4d0ecc255ce99d4f02aa14308d6ead8bc168ccb84cea501938b136c8ab162ae99a24731a0fba3e04f08a","name":"original-plate-42.jpg","type":"image/jpeg","lastModified":1772426824730.07,"size":216379}] 29:{"id":"113b956b9a0b48a5","slug":null,"title":"Du Bois Challenge 2026 Challenge10: PROPORTION OF NEGROES IN THE TOTAL POPULATION OF THE UNITED STATES.","thumbnail":"aa5384c2b978b2a295390d988858c86c530881b569ff430cbd12d0668e5b9add","access_level":"public","create_time":"$D2026-03-02T04:45:57.082Z","update_time":"$D2026-03-02T12:30:08.322Z","view_time":null,"first_public_time":"$D2026-03-02T04:45:57.082Z","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":164,"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 Challenge10: PROPORTION OF NEGROES IN THE TOTAL POPULATION OF THE UNITED STATES.","cells":[{"id":0,"value":"# Du Bois Challenge 2026 Challenge10: PROPORTION OF NEGROES IN THE TOTAL POPULATION OF THE UNITED STATES.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":143,"value":"$49","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":139,"value":"map_usa_1890_negro = Plot.plot({\n width: 495,\n height: 618,\n projection: d3.geoAlbersUsa().scale(360/Math.sqrt(8)).translate([355, 470]),\n marks: [\n // Plot.frame({fill: \"#e0cab5\"}),\n Plot.geo(us_states, {\n fill: \"black\", \n stroke: \"black\",\n strokeWidth: 1\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"map_usa_1890 = Plot.plot({\n width: 495,\n height: 618,\n projection: d3.geoAlbersUsa().scale(360).translate([355, 470]),\n marks: [\n // Plot.frame({fill: \"#e0cab5\"}),\n Plot.geo(stateExteriors, {\n stroke: \"darkred\",\n strokeWidth: 1\n }),\n Plot.text([\"1890\"], {\n frameAnchor: \"top\",\n fontWeight: \"bold\",\n fontSize: 25,\n lineHeight: 1.5,\n dy: 340, dx: 120}),\n Plot.text([\"ONE·EIGHTH\"], {\n fill: \"green\",\n frameAnchor: \"top\",\n fontWeight: \"bold\",\n fontSize: 25,\n lineHeight: 1.5,\n dy: 570, dx: 120})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"map_usa_1860_negro = Plot.plot({\n width: 495,\n height: 618,\n projection: d3.geoAlbersUsa().scale(280/Math.sqrt(7)).translate([115, 470]),\n marks: [\n // Plot.frame({fill: \"#e0cab5\"}),\n Plot.geo(us_states, {\n fill: \"black\", \n stroke: \"black\",\n strokeWidth: 1\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"map_usa_1860 = Plot.plot({\n width: 495,\n height: 618,\n projection: d3.geoAlbersUsa().scale(280).translate([115, 470]),\n marks: [\n // Plot.frame({fill: \"#e0cab5\"}),\n Plot.geo(stateExteriors, {\n stroke: \"darkred\",\n strokeWidth: 1\n }),\n Plot.text([\"1860\"], {\n frameAnchor: \"top\",\n fontWeight: \"bold\",\n fontSize: 18,\n lineHeight: 1.5,\n dy: 360, dx: -140}),\n Plot.text([\"ONE·SEVENTH\"], {\n fill: \"green\",\n frameAnchor: \"top\",\n fontWeight: \"bold\",\n fontSize: 18,\n lineHeight: 1.5,\n dy: 550, dx: -140})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"map_usa_1830_negro = Plot.plot({\n width: 495,\n height: 618,\n projection: d3.geoAlbersUsa().scale(150/Math.sqrt(6)).translate([365, 240]),\n marks: [\n // Plot.frame({fill: \"#e0cab5\"}),\n Plot.geo(us_states, {\n fill: \"black\", \n stroke: \"black\",\n strokeWidth: 1\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"map_usa_1830 = Plot.plot({\n width: 495,\n height: 618,\n projection: d3.geoAlbersUsa().scale(150).translate([365, 240]),\n marks: [\n // Plot.frame({fill: \"#e0cab5\"}),\n Plot.geo(stateExteriors, {\n stroke: \"darkred\",\n strokeWidth: 1\n }),\n Plot.text([\"1830\"], {\n frameAnchor: \"top\",\n fontWeight: \"bold\",\n fontSize: 15,\n lineHeight: 1.5,\n dy: 170, dx: 120}),\n Plot.text([\"ONE·SIXTH\"], {\n fill: \"green\",\n frameAnchor: \"top\",\n fontWeight: \"bold\",\n fontSize: 15,\n lineHeight: 1.5,\n dy: 285, dx: 120})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"map_usa_1800_negro = Plot.plot({\n width: 495,\n height: 618,\n projection: d3.geoAlbersUsa().scale(100/Math.sqrt(5)).translate([105, 250]),\n marks: [\n // Plot.frame({fill: \"#e0cab5\"}),\n Plot.geo(us_states, {\n fill: \"black\", \n stroke: \"black\",\n strokeWidth: 1\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"map_usa_1800 = Plot.plot({\n width: 495,\n height: 618,\n projection: d3.geoAlbersUsa().scale(100).translate([105, 250]),\n marks: [\n Plot.frame({fill: \"#e0cab5\"}),\n Plot.text([\"PROPORTION OF NEGROES IN THE TOTAL POPULATION OF THE UNITED STATES.\\n\\nRAPPORT DES NÈGRES A'LA POPULATION TOTALE DES ETATS UNIS.\\n\\nDONE BY ATLANTA UNIVERSITY.\"], {\n frameAnchor: \"top\",\n fontWeight: \"bold\",\n fontSize: 10,\n lineHeight: 1.5,\n dy: 10}),\n Plot.geo(stateExteriors, {\n stroke: \"darkred\",\n strokeWidth: 1\n }),\n Plot.text([\"1800\"], {\n frameAnchor: \"top\",\n fontWeight: \"bold\",\n fontSize: 10,\n lineHeight: 1.5,\n dy: 205, dx: -140}),\n Plot.text([\"ONE·FIFTH\"], {\n fill: \"green\",\n frameAnchor: \"top\",\n fontWeight: \"bold\",\n fontSize: 10,\n lineHeight: 1.5,\n dy: 285, dx: -140})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"resizedImage = resizeImageToWidth(originalPlate42, 500)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"function resizeImageToWidth(image, targetWidth) {\n // 计算宽高比\n const aspectRatio = image.height / image.width;\n const targetHeight = Math.round(targetWidth * 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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"originalPlate42 = FileAttachment(\"original-plate-42.jpg\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"stateExteriors = topojson.mesh(\n us_topo,\n us_topo.objects.US_Negro_Pop,\n (a, b) => a === b\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"us_states = topojson.feature(us_topo, us_topo.objects.US_Negro_Pop)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"us_topo = FileAttachment(\"US_Negro_Pop.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"data = FileAttachment(\"data.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null