MD Counties Race Radial Chart

100%

MD Counties Race Radial Chart

✓ Published0🌍 Public

Last edited May 11, 2017

Created on May 11, 2017

This radial chart visualizes the racial composition of counties in Maryland, with each county represented as a segment ring spanning 360 degrees. The height of each stacked ring segment reflects the population count for each racial category, using color-coded layers. The visualization is built with D3 v4, leveraging `d3.scaleBand` for angular positioning, `d3.scaleRadial` for radial distances, and `d3.stack` for the stacked data series. Data comes from a CSV file hosted on GitHub, and the chart includes labeled county names, radial gridlines, population ticks, and a legend.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

MD Counties Radial Stacked Bar

A radial stacked bar chart displays the population of Maryland counties partitioned by age group. Each county occupies one annular sector, with the length of each colored segment representing the population count for a specific age bracket. The chart uses D3 v4 APIs including `d3.scaleBand` for angular positioning, a custom `d3.scaleRadial` for radial scaling, `d3.arc` for path geometry, and `d3.stack` to build stacked segments. Data is loaded from a CSV file containing county-level population figures, rendered as SVG, with a legend identifying the age categories.

MMTClass

89% match

Loading thumbnail…

MD Counties Age Cohort Population Chart

This radial bar chart displays the population of Maryland counties, segmented by age cohorts. The visualization uses a circular layout where each county occupies a radial band, with the length of each segment representing that cohort’s population contribution. Built with D3 v4, it employs `d3.scaleBand` for angular positioning, `d3.scaleRadial` for radial distances, and `d3.arc` to render the stacked segments. The data is loaded from a GitHub-hosted CSV file, and the chart includes circular gridlines, county labels, a population axis, and a color-coded legend for the age groups.

MMTClass

84% match

Loading thumbnail…

MD Counties Stacked Bar Chart

This stacked bar chart displays the population of each Maryland county, broken down by age group. The chart sorts counties by total population and uses a color-coded legend to distinguish seven age cohorts. Built with D3 v4, it loads CSV data from a GitHub repository and renders the visualization as SVG. The code implements d3.stack(), d3.scaleBand(), d3.scaleLinear(), and d3.scaleOrdinal() to generate the stacked bars, axes, and legend.

MMTClass

81% match

Loading thumbnail…

Pie Chart

This pie chart displays the racial composition of Maryland's population, sourced from ACS 2011-2015 data. The visualization uses d3.pie and d3.arc to generate and render the arcs, with d3.scaleOrdinal providing the categorical color scheme. A legend maps each race to its corresponding color, while labels show the population values. The data is loaded via d3.csv, and the chart is drawn as SVG elements within a 960x500 viewport.

MMTClass

80% match

Loading thumbnail…

MD Counties 4

An interactive choropleth map of Maryland counties displays population density using a sequential color scale, with hover effects revealing county details. A donut chart in the corner dynamically updates to show population, land area, and density proportions for the selected county. Built with D3 v4, the visualization uses `d3.geoConicConformal` for projection, `d3.geoPath` for rendering shapes, and `d3.pie`/`d3.arc` for the chart. Population data is sourced from JSON files, while county boundaries come from TopoJSON.

MMTClass

79% match

Loading thumbnail…

MD Counties

A choropleth map of Maryland counties colors each county by population density using a threshold scale and the d3.schemeOrRd color scheme, with county boundaries derived from a TopoJSON file. Hovering over a county highlights it with a thicker stroke, displays its name, population, land area, and density in an info box, and renders a small pie chart using d3.pie and d3.arc showing the county's population, land area, and density. The map uses a d3.geoConicConformal projection, along with topojson-client to parse geographic data and d3-scale-chromatic for colors.

MMTClass

79% match

Loading thumbnail…

Bar Maryland Counties

A bar chart displays the population of Maryland’s counties, sorted by name, with hover effects turning bars brown. The chart uses an SVG rendered with D3 v4, employing `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, which is formatted as percentages. County population data comes from a CSV file pulled from a GitHub repository, with axis labels rotated for readability. The visualization includes a title and a source note.

MMTClass

77% match

Loading thumbnail…

MD Counties with US Atlas

This choropleth map of Maryland counties visualizes population density using a conic conformal projection fitted to GeoJSON county boundaries. The code loads topojson and population data, calculates density as population divided by land area, and fills each county with colors from the d3.schemeOrRd sequential color scheme via d3.scaleThreshold. Hover interactions highlight counties in red. A legend built with d3.axisBottom and d3.scalePow shows the density thresholds. The visualization uses d3.v4, topojson.v2, and renders SVG paths with d3.geoPath, sourced from UMBC VIS class data.

MMTClass

76% match