31:T534,generateDensity = (feature) => { if (feature === undefined || feature === null) return; const { properties } = feature; const bounds = d3.geoPath().bounds(feature); // const bounds = path.bounds(feature); // const populationData = Math.round(feature.metric); // / peoplePerPoint); if (!feature.points) return; const populationData = Math.round(+feature.points / peoplePerPoint); if (!populationData) return; // https://github.com/d3/d3-geo#path_bounds const x_min = bounds[0][0]; const x_max = bounds[1][0]; const y_min = bounds[0][1]; const y_max = bounds[1][1]; let hits = 0; let count = 0; const limit = populationData * 10; // limit test to 10x the population. let points = []; while (hits < populationData - 1 && count < limit) { const lat = y_min + Math.random() * (y_max - y_min); const lng = x_min + Math.random() * (x_max - x_min); // const randomPoint = turf.point(projection.invert([lng, lat]), { const randomPoint = turf.point([lng, lat], { //color: "gray" //colorScheme[ethnicity_column] color: chance.pickone(raceScaleEntities).color }); if (turf.booleanPointInPolygon(randomPoint, feature)) { points.push(randomPoint); hits++; } count++; } // console.log(hits, count); return turf.featureCollection(points); }32:T4d7,init = { resetSim; config.startTime = false; config.ticks = 0; cancelAnimationFrame(config.animReqId); const nodesToAdd = []; for (let i = 0; i < 1000; i++) { // const fakePoint = JSON.parse(JSON.stringify(chance.pickone(fakePointData))); const fakePoint = JSON.parse(JSON.stringify(fakePointData[0])); const projectedPoint = mapProjection([ fakePoint.latlng[1], fakePoint.latlng[0] ]); fakePoint.id = Math.random(); fakePoint.delay = (i - 1) * 0.1 * delayBetweenNodes; fakePoint.x = projectedPoint[0] + chance.floating({ min: -offsetPx, max: offsetPx }); fakePoint.y = projectedPoint[1] + chance.floating({ min: -offsetPx, max: offsetPx }); if (chance.bool()) fakePoint.targetX = fakePoint.x + chance.integer({ min: -100, max: 800 }); if (chance.bool()) fakePoint.targetY = fakePoint.y + chance.integer({ min: 100, max: 800 }); fakePoint.r = windNodeR; nodesToAdd.push(fakePoint); } forceSim.nodes([]).stop(); // for (let i = 0; i < 130; i++) { // forceSim.tick(); // } renderNodes(forceDemographicMap.getContext("2d")); config.animReqId = requestAnimationFrame((t) => animate(t, nodesToAdd)); return nodesToAdd; }33:Tb59,function makeMap(zoomShape) { // let ctx = DOM.context2d(mapWidth, mapHeight); // // ctx.canvas.width = mapWidth; // * window.devicePixelRatio; // // ctx.canvas.height = mapHeight; // * window.devicePixelRatio; // ctx.canvas.width = mapWidth; // ctx.canvas.height = mapHeight; // ctx.canvas.style.width = mapWidth + "px"; // ctx.canvas.style.height = mapHeight + "px"; const canvas = html`

`; const ctx = canvas.getContext("2d"); scaleCanvas(ctx.canvas, ctx); // d3.select(ctx.canvas).call( // d3 // .zoom() // .scaleExtent([1, 12]) // .on("zoom", ({ transform }) => zoomed(transform)) // ); let projection = mapProjection; /*.fitSize( [mapWidth - 10, mapHeight - 10], zoomShape );*/ let path = d3.geoPath(projection).context(ctx); function zoomed(transform) { ctx.save(); ctx.clearRect(0, 0, mapWidth, mapHeight); ctx.translate(transform.x, transform.y); ctx.scale(transform.k, transform.k); ctx.beginPath(); path(zoomShape); ctx.stroke(); shapesWithData.forEach((d) => { ctx.strokeStyle = "#ddd"; ctx.lineWidth = 0.25 / transform.k; //ctx.globalAlpha = 0; //if (d.nyt) ctx.globalAlpha = 1; if (showCountyLines) { ctx.beginPath(); path(d); ctx.stroke(); } // const fillColor = d3.color(colorScale(colorScale.domain()[1])); // fillColor.opacity = 0.25; // ctx.fillStyle = fillColor.toString(); if (d.points && d.points.features) { d.points.features.forEach((feature) => { // const { // properties: { color } // } = feature; const { geometry: { coordinates: [x, y] } } = feature; let c = projection([x, y]); if (!c) return; // console.log({ x, y, feature }); const dotColor = d3.color(feature.properties.color); dotColor.opacity = dotOpacity; ctx.fillStyle = dotColor.toString(); ctx.fillRect( c[0], c[1], demographicPointSize / transform.k, demographicPointSize / transform.k ); // ctx.beginPath(); // ctx.arc( // c[0], // c[1], // 10, //demographicPointSize / transform.k, // 0, // Math.PI * 2 // ); // ctx.fill(); }); } }); ctx.fillStyle = "#111"; ctx.beginPath(); ctx.font = "24px Helvetica"; // ctx.fillText(normalDate(date), mapWidth / 2 - 40, 35); ctx.fill(); ctx.fill(); ctx.restore(); } zoomed(d3.zoomIdentity); // let r = 0.5; // let r = 1; // ctx.strokeStyle = "#111"; // ctx.lineWidth = 1; // ctx.globalAlpha = 1; return ctx.canvas; }34:T6a3,function makeMapWithSimulation(zoomShape) { resetSim; // let ctx = DOM.context2d(mapWidth, mapHeight); // // ctx.canvas.width = mapWidth; // * window.devicePixelRatio; // // ctx.canvas.height = mapHeight; // * window.devicePixelRatio; // ctx.canvas.width = mapWidth; // ctx.canvas.height = mapHeight; // ctx.canvas.style.width = mapWidth + "px"; // ctx.canvas.style.height = mapHeight + "px"; // scaleCanvas(ctx.canvas, ctx); const canvas = html`

`; const ctx = canvas.getContext("2d"); scaleCanvas(canvas, ctx); // d3.select(ctx.canvas).call( // d3 // .zoom() // .scaleExtent([1, 12]) // .on("zoom", ({ transform }) => zoomed(transform)) // ); let projection = mapProjection; /* .fitSize( [mapWidth - 10, mapHeight - 10], zoomShape ); */ let path = d3.geoPath(projection).context(ctx); function zoomed(transform) { ctx.save(); ctx.clearRect(0, 0, mapWidth, mapHeight); ctx.translate(transform.x, transform.y); ctx.scale(transform.k, transform.k); ctx.beginPath(); path(zoomShape); ctx.stroke(); shapesWithData.forEach((d) => { ctx.strokeStyle = "#ddd"; ctx.lineWidth = 0.25 / transform.k; //ctx.globalAlpha = 0; //if (d.nyt) ctx.globalAlpha = 1; if (showCountyLines) { ctx.beginPath(); path(d); ctx.stroke(); } }); ctx.fillStyle = "#111"; ctx.beginPath(); ctx.font = "24px Helvetica"; // ctx.fillText(normalDate(date), mapWidth / 2 - 40, 35); ctx.fill(); ctx.restore(); } zoomed(d3.zoomIdentity); return canvas; }35:T4191,-------------------------------------------------------------------------------- Codebook for NHGIS data file 'nhgis0001_ds248_2020_block' -------------------------------------------------------------------------------- Contents - Data Summary - Data Dictionary - Citation and Use Additional documentation on NHGIS data sources is available at: https://www.nhgis.org/documentation/tabular-data ``` -------------------------------------------------------------------------------- Data Summary -------------------------------------------------------------------------------- Year: 2020 Geographic level: Block (by State--County--Census Tract) Extent: Alabama Alaska Arizona Arkansas California Colorado Connecticut Delaware District Of Columbia Florida Georgia Idaho Illinois Indiana Iowa Kansas Kentucky Louisiana Maine Maryland Massachusetts Michigan Minnesota Mississippi Missouri Montana Nebraska Nevada New Hampshire New Jersey New Mexico New York North Carolina North Dakota Ohio Oklahoma Oregon Pennsylvania Rhode Island South Carolina South Dakota Tennessee Texas Utah Vermont Virginia Washington West Virginia Wisconsin Wyoming Dataset: 2020 Census: P.L. 94-171 Redistricting Data Summary File NHGIS code: 2020_PL94171 NHGIS ID: ds248 Tables: 1. Race Universe: Total population Source code: P1 NHGIS code: U7B -------------------------------------------------------------------------------- Data Dictionary -------------------------------------------------------------------------------- Context Fields GISJOIN: GIS Join Match Code YEAR: Data File Year GEOID: Geographic Record Identifier GEOCODE: Geographic Code Identifier REGIONA: Region Code DIVISIONA: Division Code STATE: State Name STATEA: State Code COUNTY: County Name COUNTYA: County Code COUSUBA: County Subdivision Code COUSUBCC: FIPS County Subdivision Class Code SUBMCDA: Subminor Civil Division Code CONCITA: Consolidated City Code PLACEA: Place Code PLACECC: FIPS Place Class Code TRACTA: Census Tract Code BLKGRPA: Block Group Code BLOCKA: Block Code AIANHHA: American Indian Area/Alaska Native Area/Hawaiian Home Land Code RES_ONLYA: American Indian Area/Alaska Native Area (Reservation or Statistical Entity Only) Code TRUSTA: American Indian Area (Off-Reservation Trust Land Only)/Hawaiian Home Land Code AIANHHCC: FIPS American Indian Area/Alaska Native Area/Hawaiian Home Land Class Code AITSA: Tribal Subdivision/Remainder Code ANRCA: Alaska Native Regional Corporation Code CBSAA: Metropolitan Statistical Area/Micropolitan Statistical Area Code MEMI: Metropolitan/Micropolitan Indicator CSAA: Combined Statistical Area Code METDIVA: Metropolitan Statistical Area-Metropolitan Division Code NECTAA: New England City and Town Area Code NMEMI: NECTA Metropolitan/Micropolitan Indicator CNECTAA: Combined New England City and Town Area Code NECTADIVA: New England City and Town Area (NECTA)-NECTA Division Code CBSAPCI: Metropolitan Statistical Area/Micropolitan Statistical Area Principal City Indicator NECTAPCI: New England City and Town Area Principal City Indicator CDA: Congressional District (116th Congress) Code SLDU18A: State Legislative District (Upper Chamber) Code SLDL18A: State Legislative District (Lower Chamber) Code VTDA: Voting District/Remainder Code VTDI: Voting District Indicator SDELMA: School District (Elementary)/Remainder Code SDSECA: School District (Secondary)/Remainder Code SDUNIA: School District (Unified)/Remainder Code AREALAND: Area (Land) AREAWATR: Area (Water) BASENAME: Area Base Name NAME: Area Name-Legal/Statistical Area Description (LSAD) Term-Part Indicator FUNCSTAT: Functional Status Code INTPTLAT: Internal Point (Latitude) INTPTLON: Internal Point (Longitude) LSADC: Legal/Statistical Area Description Code Table 1: Race Universe: Total population Source code: P1 NHGIS code: U7B U7B001: Total U7B002: Population of one race U7B003: Population of one race: White alone U7B004: Population of one race: Black or African American alone U7B005: Population of one race: American Indian and Alaska Native alone U7B006: Population of one race: Asian alone U7B007: Population of one race: Native Hawaiian and Other Pacific Islander alone U7B008: Population of one race: Some Other Race alone U7B009: Population of two or more races U7B010: Population of two or more races: Population of two races U7B011: Population of two or more races: Population of two races: White; Black or African American U7B012: Population of two or more races: Population of two races: White; American Indian and Alaska Native U7B013: Population of two or more races: Population of two races: White; Asian U7B014: Population of two or more races: Population of two races: White; Native Hawaiian and Other Pacific Islander U7B015: Population of two or more races: Population of two races: White; Some Other Race U7B016: Population of two or more races: Population of two races: Black or African American; American Indian and Alaska Native U7B017: Population of two or more races: Population of two races: Black or African American; Asian U7B018: Population of two or more races: Population of two races: Black or African American; Native Hawaiian and Other Pacific Islander U7B019: Population of two or more races: Population of two races: Black or African American; Some Other Race U7B020: Population of two or more races: Population of two races: American Indian and Alaska Native; Asian U7B021: Population of two or more races: Population of two races: American Indian and Alaska Native; Native Hawaiian and Other Pacific Islander U7B022: Population of two or more races: Population of two races: American Indian and Alaska Native; Some Other Race U7B023: Population of two or more races: Population of two races: Asian; Native Hawaiian and Other Pacific Islander U7B024: Population of two or more races: Population of two races: Asian; Some Other Race U7B025: Population of two or more races: Population of two races: Native Hawaiian and Other Pacific Islander; Some Other Race U7B026: Population of two or more races: Population of three races U7B027: Population of two or more races: Population of three races: White; Black or African American; American Indian and Alaska Native U7B028: Population of two or more races: Population of three races: White; Black or African American; Asian U7B029: Population of two or more races: Population of three races: White; Black or African American; Native Hawaiian and Other Pacific Islander U7B030: Population of two or more races: Population of three races: White; Black or African American; Some Other Race U7B031: Population of two or more races: Population of three races: White; American Indian and Alaska Native; Asian U7B032: Population of two or more races: Population of three races: White; American Indian and Alaska Native; Native Hawaiian and Other Pacific Islander U7B033: Population of two or more races: Population of three races: White; American Indian and Alaska Native; Some Other Race U7B034: Population of two or more races: Population of three races: White; Asian; Native Hawaiian and Other Pacific Islander U7B035: Population of two or more races: Population of three races: White; Asian; Some Other Race U7B036: Population of two or more races: Population of three races: White; Native Hawaiian and Other Pacific Islander; Some Other Race U7B037: Population of two or more races: Population of three races: Black or African American; American Indian and Alaska Native; Asian U7B038: Population of two or more races: Population of three races: Black or African American; American Indian and Alaska Native; Native Hawaiian and Other Pacific Islander U7B039: Population of two or more races: Population of three races: Black or African American; American Indian and Alaska Native; Some Other Race U7B040: Population of two or more races: Population of three races: Black or African American; Asian; Native Hawaiian and Other Pacific Islander U7B041: Population of two or more races: Population of three races: Black or African American; Asian; Some Other Race U7B042: Population of two or more races: Population of three races: Black or African American; Native Hawaiian and Other Pacific Islander; Some Other Race U7B043: Population of two or more races: Population of three races: American Indian and Alaska Native; Asian; Native Hawaiian and Other Pacific Islander U7B044: Population of two or more races: Population of three races: American Indian and Alaska Native; Asian; Some Other Race U7B045: Population of two or more races: Population of three races: American Indian and Alaska Native; Native Hawaiian and Other Pacific Islander; Some Other Race U7B046: Population of two or more races: Population of three races: Asian; Native Hawaiian and Other Pacific Islander; Some Other Race U7B047: Population of two or more races: Population of four races U7B048: Population of two or more races: Population of four races: White; Black or African American; American Indian and Alaska Native; Asian U7B049: Population of two or more races: Population of four races: White; Black or African American; American Indian and Alaska Native; Native Hawaiian and Other Pacific Islander U7B050: Population of two or more races: Population of four races: White; Black or African American; American Indian and Alaska Native; Some Other Race U7B051: Population of two or more races: Population of four races: White; Black or African American; Asian; Native Hawaiian and Other Pacific Islander U7B052: Population of two or more races: Population of four races: White; Black or African American; Asian; Some Other Race U7B053: Population of two or more races: Population of four races: White; Black or African American; Native Hawaiian and Other Pacific Islander; Some Other Race U7B054: Population of two or more races: Population of four races: White; American Indian and Alaska Native; Asian; Native Hawaiian and Other Pacific Islander U7B055: Population of two or more races: Population of four races: White; American Indian and Alaska Native; Asian; Some Other Race U7B056: Population of two or more races: Population of four races: White; American Indian and Alaska Native; Native Hawaiian and Other Pacific Islander; Some Other Race U7B057: Population of two or more races: Population of four races: White; Asian; Native Hawaiian and Other Pacific Islander; Some Other Race U7B058: Population of two or more races: Population of four races: Black or African American; American Indian and Alaska Native; Asian; Native Hawaiian and Other Pacific Islander U7B059: Population of two or more races: Population of four races: Black or African American; American Indian and Alaska Native; Asian; Some Other Race U7B060: Population of two or more races: Population of four races: Black or African American; American Indian and Alaska Native; Native Hawaiian and Other Pacific Islander; Some Other Race U7B061: Population of two or more races: Population of four races: Black or African American; Asian; Native Hawaiian and Other Pacific Islander; Some Other Race U7B062: Population of two or more races: Population of four races: American Indian and Alaska Native; Asian; Native Hawaiian and Other Pacific Islander; Some Other Race U7B063: Population of two or more races: Population of five races U7B064: Population of two or more races: Population of five races: White; Black or African American; American Indian and Alaska Native; Asian; Native Hawaiian and Other Pacific Islander U7B065: Population of two or more races: Population of five races: White; Black or African American; American Indian and Alaska Native; Asian; Some Other Race U7B066: Population of two or more races: Population of five races: White; Black or African American; American Indian and Alaska Native; Native Hawaiian and Other Pacific Islander; Some Other Race U7B067: Population of two or more races: Population of five races: White; Black or African American; Asian; Native Hawaiian and Other Pacific Islander; Some Other Race U7B068: Population of two or more races: Population of five races: White; American Indian and Alaska Native; Asian; Native Hawaiian and Other Pacific Islander; Some Other Race U7B069: Population of two or more races: Population of five races: Black or African American; American Indian and Alaska Native; Asian; Native Hawaiian and Other Pacific Islander; Some Other Race U7B070: Population of two or more races: Population of six races U7B071: Population of two or more races: Population of six races: White; Black or African American; American Indian and Alaska Native; Asian; Native Hawaiian and Other Pacific Islander; Some Other Race -------------------------------------------------------------------------------- Citation and Use of NHGIS Data -------------------------------------------------------------------------------- ``` All persons are granted a limited license to use this documentation and the accompanying data, subject to the following conditions: * REDISTRIBUTION: You will not redistribute the data without permission. You may publish a subset of the data to meet journal requirements for accessing data related to a particular publication. Contact us for permission for any other redistribution; we will consider requests for free and commercial redistribution. * CITATION: You will cite NHGIS appropriately. * Publications and research reports employing NHGIS data (either tabular or GIS) should include the following citation: Steven Manson, Jonathan Schroeder, David Van Riper, Tracy Kugler, and Steven Ruggles. IPUMS National Historical Geographic Information System: Version 16.0 [dataset]. Minneapolis, MN: IPUMS. 2021. http://doi.org/10.18128/D050.V16.0 * For policy briefs, online resources, or articles in the popular press, we recommend that you cite the use of NHGIS data as follows: IPUMS NHGIS, University of Minnesota, www.nhgis.org. These terms of use are a legally binding agreement. You can use the data only in accordance with these terms, and any other use is a violation of the agreement. Violations may result in revocation of the agreement and prohibition from using other IPUMS data. If IPUMS or our partners are harmed from your violation, you are responsible for all damages, including reasonable attorney's fees and expenses. In addition, we request that users send us a copy of any publications, research reports, or educational material making use of the data or documentation. Send electronic material to: nhgis@umn.edu Printed matter should be sent to: IPUMS NHGIS Institute for Social Research and Data Innovation University of Minnesota 50 Willey Hall 225 19th Ave S Minneapolis, MN 55455 36:[{"id":"fa3855ff3a3ae7264e061576df113e2879cb89e617e15cd58be35ceaebb176b3d0d8e10afe87cf79b7253ab833d65aba1d9848547cbe5139756c935fa064d6c1","href":"https://static.observableusercontent.com/files/fa3855ff3a3ae7264e061576df113e2879cb89e617e15cd58be35ceaebb176b3d0d8e10afe87cf79b7253ab833d65aba1d9848547cbe5139756c935fa064d6c1","name":"nhgis0003_ds248_2020_tract.csv","type":"text/csv","lastModified":1642013404827.988,"size":36074929},{"id":"ecb93f8c0d7f2ddcb5ac9e9200541598b53bbfe8ec3b556ad76c569bea3dbaa849bd0b7d2251bd88475ad58163444e0fef75afc68101f224766ba9948b454bfb","href":"https://static.observableusercontent.com/files/ecb93f8c0d7f2ddcb5ac9e9200541598b53bbfe8ec3b556ad76c569bea3dbaa849bd0b7d2251bd88475ad58163444e0fef75afc68101f224766ba9948b454bfb","name":"Screen Shot 2022-01-31 at 10.39.43 AM.png","type":"image/png","lastModified":1643643601375.846,"size":610871},{"id":"1f6460ec8e36501bb3aaf1edd163a24bd662bd32a749e7eb87972ffdce1eca06793915c4b6afb614708278f1942d97c5a92b31e2ab5586b68f1ef1d7fcde43bd","href":"https://static.observableusercontent.com/files/1f6460ec8e36501bb3aaf1edd163a24bd662bd32a749e7eb87972ffdce1eca06793915c4b6afb614708278f1942d97c5a92b31e2ab5586b68f1ef1d7fcde43bd","name":"36-censustracts.geojson","type":"application/geo+json","lastModified":1642013451638.825,"size":22246407}] 2f:{"title":"EJ Fox + Earthrise Wind Visualization + Demographic Data","cells":[{"id":0,"value":"# EJ Fox + Earthrise Wind Visualization + Demographic Data","pinned":false,"hidden":false,"mode":"md"},{"id":126,"value":"viewof peoplePerPoint = Inputs.range([0, 1000], {\n label: \"How many people are represented per point\",\n step: 10,\n value: 250\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":156,"value":"viewof dotOpacity = Inputs.range([0, 1], {\n label: \"Dot opacity\",\n step: 0.1,\n value: 0.5\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":654,"value":"viewof projScale = Inputs.range([0, 32000], {\n label: \"Scale\",\n step: 100,\n value: 21018\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":650,"value":"viewof projX = Inputs.range([-7000, 2000], { label: \"X\", value: -5879 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":652,"value":"viewof projY = Inputs.range([-200, 2500], { label: \"Y\", value: 1857 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":613,"value":"viewof windNodeR = Inputs.range([0, 4], {\n label: \"Wind Node Radius\",\n step: 0.1,\n value: 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":725,"value":"viewof demographicPointSize = Inputs.range([0.1, 1], {\n label: \"Demographic Point Size\",\n step: 0.1,\n value: 0.25\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":731,"value":"viewof alphaDecay = Inputs.range([0.01, 1.2], { label: \"Amount\", value: 0.6 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"demographicMapCanvas = makeMap(getState(\"New York\"))","pinned":false,"hidden":false,"mode":"ojs"},{"id":298,"value":"forceDemographicMap = makeMapWithSimulation(getState(\"New York\"))","pinned":false,"hidden":false,"mode":"ojs"},{"id":246,"value":"viewof resetSim = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":341,"value":"compositeCanvas = {\n //resetComposite;\n const canvas = html`

`;\n const ctx = canvas.getContext(\"2d\");\n\n drawCompositeCanvas(ctx);\n //scaleCanvas(canvas, ctx);\n\n yield canvas;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":581,"value":"viewof compositeBlendMode = Inputs.radio(\n [\n \"destination-in\",\n \"multiply\",\n \"difference\",\n \"color-dodge\",\n \"exclusion\",\n \"hue\",\n \"color\",\n \"xor\"\n ],\n {\n label: \"Composite Blend Mode\",\n value: \"destination-in\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":248,"value":"nodeOpacity = 1","pinned":false,"hidden":false,"mode":"ojs"},{"id":470,"value":"drawCompositeCanvas = function (ctx) {\n ctx.clearRect(\n 0,\n 0,\n mapWidth * window.devicePixelRatio,\n mapHeight * window.devicePixelRatio\n );\n ///ctx.fillRect(0,0,mapwidth * window.devicePixelRatio,mapHeight * window.devicePixelRatio)\n //grab the context from your destination canvas\n var srcCtx = demographicMapCanvas;\n\n var destCtx = forceDemographicMap;\n\n //ctx.globalCompositeOperation = \"multiply\";\n\n //const tx = -1000;\n //const ty = -700;\n const tx = 0;\n const ty = 0;\n ctx.globalCompositeOperation = \"source-over\";\n ctx.drawImage(srcCtx, tx, ty);\n // ctx.globalCompositeOperation = \"destination-in\";\n ctx.globalCompositeOperation = compositeBlendMode;\n ctx.drawImage(destCtx, tx, ty);\n\n //ctx.globalCompositeOperation = \"multiply\";\n //ctx.drawImage(destCtx, 0, 0);\n\n return ctx.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":465,"value":"FileAttachment(\"Screen Shot 2022-01-31 at 10.39.43 AM.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":548,"value":"viewof delayBetweenNodes = slider({\n value: 250,\n min: 1,\n max: 1000,\n step: 10,\n description: \"The time in ms between adding nodes to the simulation\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"censusTractData = {\n return FileAttachment(\"nhgis0003_ds248_2020_tract.csv\").csv();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"filteredCensusTractData = censusTractData.filter((d) => {\n return d.STATE === \"New York\";\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"filteredCensusTractData[0]","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"censusTractBoundaries = FileAttachment(\"36-censustracts.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"censusTractBoundaries.features[0]","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"shapesWithData = censusTractBoundaries.features.map((b) => {\n const censusTractDataPoint = filteredCensusTractData.filter((ct) => {\n return b.properties.GEOID === ct.GEOCODE;\n });\n b.properties.census = censusTractDataPoint[0];\n if (censusTractDataPoint[0]) {\n b.properties.totalpop = +censusTractDataPoint[0][\"U7B001\"];\n\n b.points = b.properties.totalpop;\n b.points = generateDensity(b);\n }\n\n // b.points = censusTractDataPoint[0][\"U7B001\"]\n // ? +censusTractDataPoint[0][\"U7B001\"]\n // : 0;\n\n return b;\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"mapWidth = width","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"mapHeight = Math.round(mapWidth * 0.6)","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"viewof showCountyLines = Inputs.toggle({\n label: \"Show boundary lines\",\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"colorScale = d3.scaleQuantize([0, 10], d3.schemeReds[5])","pinned":false,"hidden":false,"mode":"ojs"},{"id":230,"value":"mapProjection = d3\n .geoAlbersUsa()\n // .fitSize([mapWidth - 10, mapHeight - 10], getState(\"New York\"))\n .scale(projScale)\n .translate([projX, projY])","pinned":true,"hidden":false,"mode":"ojs"},{"id":54,"value":"usShapes = d3.json(\"https://cdn.jsdelivr.net/npm/us-atlas@3/counties-10m.json\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"stateShapes = topojson\n .feature(usShapes, usShapes.objects.states)\n .features.sort((a, b) => +a.id - +b.id)","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"getState = function (state) {\n return stateShapes.filter(\n (d) => d.properties.name.toLowerCase() == state.toLowerCase()\n )[0];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":216,"value":"//makeMapWithSimulation(getState(\"New York\"))","pinned":true,"hidden":false,"mode":"ojs"},{"id":219,"value":"forceSim = {\n const targetForceStrength = 0.005;\n return (\n d3\n .forceSimulation([])\n //.force(\"charge\", d3.forceManyBody().strength(0.1))\n // .force(\n // \"center\",\n // d3.forceCenter(mapWidth / 2, mapHeight / 2).strength(0.000001)\n // )\n .force(\n \"collision\",\n d3\n .forceCollide()\n .radius((d) => d.r * 2.5)\n .strength(0.25)\n )\n .force(\n \"x\",\n d3\n .forceX()\n .strength(targetForceStrength)\n .x((d) => d.targetX)\n )\n .force(\n \"y\",\n d3\n .forceY()\n .strength(targetForceStrength)\n .y((d) => d.targetY)\n )\n .alpha(0.02)\n .alphaDecay(alphaDecay)\n .alphaMin(0.025)\n .velocityDecay(0.6)\n .stop()\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":263,"value":"import {\n fakePointData,\n offsetPx\n} from \"@ejfox/ej-fox-earthrise-wind-visualization\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":222,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":226,"value":"config = ({\n startTime: false,\n ticks: 0,\n animReqId: null\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"bgOpacity = 0.5","pinned":false,"hidden":false,"mode":"ojs"},{"id":252,"value":"maxTicks = 5000","pinned":false,"hidden":false,"mode":"ojs"},{"id":250,"value":"nationShape = topojson.feature(usShapes, usShapes.objects.nation).features[0]","pinned":false,"hidden":false,"mode":"ojs"},{"id":261,"value":"//windNodeCount = 10\n//windNodeCount = Inputs.range([10, 1000], { value: 10, step: 1 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":214,"value":"$34","pinned":true,"hidden":false,"mode":"ojs"},{"id":224,"value":"function animate(time, nodesToAdd) {\n //console.log(\"animate\", time);\n if (!config.startTime) {\n config.startTime = time;\n }\n\n const progress = time - config.startTime;\n const nodes = renderNodes(forceDemographicMap.getContext(\"2d\"));\n const newNodes = [];\n\n for (let i = 0; i < nodesToAdd.length; i++) {\n const node = nodesToAdd[i];\n if (node.delay < progress) {\n newNodes.push(node);\n nodesToAdd.splice(i, 1);\n i--;\n }\n }\n\n forceSim.nodes(nodes.concat(newNodes)).alpha(1).tick();\n\n // render composite\n drawCompositeCanvas(compositeCanvas.getContext(\"2d\"));\n\n config.ticks++;\n\n if (config.ticks < maxTicks || nodesToAdd.length > 0) {\n config.animReqId = requestAnimationFrame((t) => animate(t, nodesToAdd));\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":228,"value":"function renderNodes(ctx) {\n //let path = d3.geoPath(mapProjection).context(ctx);\n //console.log(\"drawing\");\n //ctx.fillStyle = `rgba(255, 255, 255, ${bgOpacity})`;\n //ctx.fillRect(0, 0, mapWidth, mapHeight);\n\n //ctx.clearRect(0, 0, mapWidth, mapHeight);\n\n // ctx.globalCompositeOperation = \"xor\";\n //ctx.globalCompositeOperation = \"destination-in\";\n\n // ctx.strokeStyle = \"#111\";\n // ctx.lineWidth = 2;\n //ctx.globalAlpha = 1;\n\n // Draw nation\n // ctx.beginPath();\n // path(nationShape);\n // ctx.stroke();\n\n // windPoints.forEach((d) => { // real data\n forceSim.nodes().forEach((d) => {\n const fillColor = d3.color(\"red\");\n fillColor.opacity = +nodeOpacity;\n ctx.fillStyle = fillColor.toString();\n ctx.beginPath();\n ctx.arc(d.x, d.y, d.r, 0, Math.PI * 2);\n //ctx.arc(d.x, d.y, 50, 0, Math.PI * 2);\n\n ctx.fill();\n });\n\n return forceSim.nodes();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":146,"value":"Chance = require(\"chance\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"chance = new Chance()","pinned":false,"hidden":false,"mode":"ojs"},{"id":114,"value":"raceScaleEntities = [\n {\n key: \"U7B003\",\n description: \"Population of one race: White alone\",\n color: \"red\"\n },\n {\n key: \"U7B004\",\n description: \"Population of one race: Black or African American alone\",\n color: \"orange\"\n },\n {\n key: \"U7B005\",\n description:\n \"Population of one race: American Indian and Alaska Native alone\",\n color: \"yellow\"\n },\n {\n key: \"U7B006\",\n description: \"Population of one race: Asian alone\",\n color: \"green\"\n },\n {\n key: \"U7B007\",\n description:\n \"Population of one race: Native Hawaiian and Other Pacific Islander alone\",\n color: \"blue\"\n },\n {\n key: \"U7B008\",\n description: \"Population of one race: Some Other Race alone\",\n color: \"indigo\"\n }\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":109,"value":"```\n U7B003: Population of one race: White alone\n U7B004: Population of one race: Black or African American alone\n U7B005: Population of one race: American Indian and Alaska Native alone\n U7B006: Population of one race: Asian alone\n U7B007: Population of one race: Native Hawaiian and Other Pacific Islander alone\n U7B008: Population of one race: Some Other Race alone\n ```","pinned":false,"hidden":false,"mode":"md"},{"id":65,"value":"turf = require(\"@turf/turf\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":79,"value":"import { scaleCanvas } from \"@john-guerra/canvas-retina-display\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"$35","pinned":false,"hidden":false,"mode":"md"},{"id":551,"value":"import { slider } from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W36","stdlib":"1","titling":"auto"}