Skip to main content
SimilarExport ZIP
100%

Pie Chart

✓ Published0🌍 Public
MMTClass
Last edited May 11, 2017
Created on May 9, 2017

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.

AI-generated description

This pie chart is constructed from a CSV file storing the populations of various age groups. The chart employs a number of D3 features:

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/3887235'>Pie Chart</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

MD Counties Race Radial Chart

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.

MMTClass
80% 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
76% match
Loading thumbnail…

Final Project Map

This choropleth map displays population density for Maryland census tracts, with county boundaries overlaid in white. A pie chart in the corner visualizes additional data, while a tooltip shows geographic coordinates as the mouse moves. The visualization uses D3 v4 with `d3.geoConicConformal` projection, `d3.geoPath`, `d3.scaleThreshold` with the `d3.schemeOrRd` color scale, and `d3.pie` for the chart. Data comes from TopoJSON tract geometries, CSV population files, and a FIPS county list loaded via `d3.queue`.

MMTClass
76% match
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
75% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the population distribution across U.S. states, using a categorical color scale for each state. The D3.js code loads CSV data from a Gist, calculates each state's share via the `pie` layout, and renders SVG slices with `arc` paths. A legend translates each sector's value into abbreviated format (e.g., "K" for thousands), while the chart is generated with `scaleOrdinal` for colors and D3's `format` for tick labels.

Pprajoth0405
75% 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
74% match
Loading thumbnail…

Pie Chart

This pie chart visualizes population figures for US states, displaying each state as a colored slice with its population value labeled in millions. The chart uses d3.pie() to compute angular segments and d3.arc() with an inner radius of zero to generate the SVG paths. A legend is rendered to the right, mapping each state name to its corresponding color and population value. The data is loaded as CSV from a GitHub gist, and colors are assigned using d3.scaleOrdinal() with a predefined array of ten distinct colors.

Hharika-1929
74% 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
73% match