Multivariate Choropleth
This example visualizes racial demographics across New York census tracts using a multivariate choropleth map. It blends three color scales—green for white population, orange for Black population, and blue for Asian population—using multiplicative color blending via the `colorBlend` library to create a composite hue. The map renders census tract boundaries as SVG paths using `d3.geoPath` with `topojson` features. Population data from the American Community Survey is joined by tract ID, and all values are scaled against a global maximum using `d3.scaleLinear` with opacity gradients.
AI-generated descriptionAn intermediate state on the way towards trying to visualize multidimensional data for census tracts. The more green it is, the more white people there are.
This uses a linear scale that varies in opacity only.
<iframe height="300" width="960" src="https://vizhub.com/curran/e73025c231e445e09cbdfa9f421246e8?mode=snippet&file=index.js#L80-85" title="Opacity Linear Scale" frameborder="0" ></iframe>Data from bl.ocks.org: New York Census Tracts by Mike Bostock.
Fetching of American Community Survey data inspired by Observable: Racial distribution in NC by Mark McClure.
The variables used are documented in the ACS API Reference.