driver-age

100%

✓ Published0🌍 Public

Last edited Aug 22, 2016

Created on Dec 11, 2015

Three choropleth-style grid maps show the distribution of licensed drivers by age across U.S. states. The first uses stacked bars within each state cell to display the percentage of drivers in each age bracket, colored with a ColorBrewer palette. The second and third maps shade each state by the proportion of older or younger drivers using quantile scales. The visualization is rendered as SVG with D3.js, reading data from a CSV file and arranging states in a grid layout.

AI-generated description

Age of drivers by state

Similar vizzes

Loading thumbnail…

28. stacked bar (states on x-axis, age groups stacked)

This example visualizes the population distribution across all 50 U.S. states, broken down by seven age groups. Each state is represented on the x-axis, with the total population divided into stacked, color-coded segments for each age bracket. The data originates from a CSV file, and the visualization is built using the D3 v4 library. The code employs `d3.scaleBand`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.stack` to create the stacked bar chart, with rendering facilitated by SVG.

深深度碎片

75% match

Loading thumbnail…

Untitled

This chart displays the population distribution across six U.S. states, broken down by seven age brackets. Each state’s data is shown as a group of colored bars, with a legend that allows users to click on age categories to filter which bars remain visible. The visualization uses D3 v5 with a band scale for grouping, a linear scale for the y-axis, and an ordinal scale for colors. It is rendered as an SVG, and clicking a legend item triggers a transition that updates the visible bars and rescales the axes.

RRamon96

73% match

Loading thumbnail…

Radial Stacked Bar

This radial stacked bar chart displays the age distribution of each U.S. state’s population as concentric arcs. The visualization uses a d3.radial scale to map population totals from the inner to outer radius, while d3.stack and d3.arc render the stacked segments between angular bands. State labels rotate around the circle, and circular gridlines mark population tick values. The data comes from a CSV file, rendered as SVG using D3 v4.

Mmbostock

73% match

Loading thumbnail…

Grouped Bar Chart

This grouped bar chart displays the population distribution across seven age groups for six U.S. states, using a distinct color for each age bracket. The chart is rendered as SVG, with bars grouped per state along the x-axis and population counts on the y-axis, formatted with SI prefixes like "10M." Built with D3 v4, the visualization loads data from a CSV file via `d3.csv`, uses `d3.scaleBand` for the x-positions and `d3.scaleLinear` for the y-axis, and applies an ordinal color scale. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and a legend is manually constructed with SVG rectangles and text.

JJboulery

73% match

Loading thumbnail…

d3js clickable stacked bar chart

This stacked bar chart displays the age distribution of each U.S. state’s population, with segments colored by age group. A clickable legend toggles individual categories on and off, and hovering over a bar segment highlights it and shows a tooltip with the exact value. Built with D3.js v3, it uses ordinal and linear scales with SVG axes, and animates bar transitions via legend-driven class selections. Data comes from the included `state_data.csv` file.

KKatiRG

73% match

Loading thumbnail…

Radial Normalized Stacked Bar

This radial bar chart displays the age distribution of U.S. states as a normalized stacked donut, with each state occupying a segment and each age group represented by a colored arc whose radial extent shows its proportion. The chart uses d3.stack with the stackOffsetExpand transform, d3.arc for paths, and a custom d3-scale-radial plugin extending d3.scaleLinear. Data is loaded from a CSV file, with states sorted by the proportion of residents under five years old. The visualization includes circular gridlines with percentage labels and a legend for age categories.

GGerardoFurtado

73% match

Loading thumbnail…

Stacked Bar Chart

This stacked bar chart displays the population of different states broken down by age groups, with each bar segmented into colored bands representing the age categories. The chart uses an ordinal x-scale for states, a linear y-scale for population counts, and a color ordinal scale for the age series. The visualization is rendered as SVG via D3 v3, loading data from a CSV file and using d3.csv, d3.scale.ordinal, d3.scale.linear, d3.format, d3.max, d3.keys, and d3.svg.axis. A legend identifies the age groups, while the bars are sorted by total population.

CCBasis

73% match

Loading thumbnail…

Visualization 2 (Multiline graph)

This chart displays population distributions for six U.S. states, broken down into seven age groups. A grouped bar chart, it uses horizontal positioning for states and color-coded bars for each age bracket, with a legend on the right. The visualization loads CSV data via `d3.csvParse` and renders SVG elements using D3 v5, employing `d3.scaleBand` for the x and subgroup positions, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes.

Pprincit

72% match