fresh block

100%

✓ Published0🌍 Public

Last edited Feb 17, 2016

Created on Feb 17, 2016

A stacked bar chart displays the percentage of women in the US labor force across six age groups for the years 1970, 1990, and 2012. The chart uses a categorical color scale for age cohorts and a linear y-axis with percentage ticks. Built with D3 v3, the visualization loads data from a CSV file and renders as SVG, using ordinal and linear scales, axes, and series of rectangles grouped by year. A legend maps colors to age ranges.

AI-generated description

Built with blockbuilder.org

Similar vizzes

Loading thumbnail…

fresh block

This stacked bar chart shows the percentage of women employed in the labor force, broken down by age group across three census years (1970, 1990, 2012). Each bar segment represents an age cohort, with color distinguishing between groups and magnitudes encoded through the vertical position and area of the rectangles. The visualization uses D3.js version 3.5.5 to create an SVG, employing `d3.scale.ordinal` for the x-axis years, `d3.scale.linear` for the y-axis percentages, and `d3.scale.category10` for color encoding. Data is loaded from a CSV file and rendered with axes and a legend.

MMrajyalakshmi

96% match

Loading thumbnail…

fresh block

This visualization shows the changing percentage of women in the labor force across six age groups for three census years (1970, 1990, 2012). Each year is represented by a stacked horizontal bar, with color-coded segments for each age bracket. The chart uses D3’s ordinal and linear scales with `d3.svg.axis` for axes, and `d3.scale.category10()` for its color scheme. Data is loaded from a CSV file via `d3.csv`, and the SVG output is generated from a Blockbuilder.org template.

MMrajyalakshmi

94% match

Loading thumbnail…

fresh block

This visualization shows the changing age distribution of the U.S. population over time, using a sliding time window controlled by arrow keys. The chart displays population counts for each birth year as horizontal bars, with the current year prominently labeled. Built with D3.js version 3, it loads data from a CSV file and uses scales, axes, and nested data structures. Rectangular bars and text labels are rendered as SVG elements, with smooth transitions animating the bars as the displayed year updates.

CCharisma9

82% match

Loading thumbnail…

fresh block

This grouped bar chart compares “Not Satisfied” percentages between Men and Women, using two simple bars on a shared linear scale. The visualization is built with D3 v3 and rendered as SVG, with each group positioned by an ordinal scale (x0) and each bar sized by a linear y-axis. Color is assigned via d3.scale.category20, and the tooltip and axis code is present but commented out, leaving only the core bar rendering active.

KKacieW

79% match

Loading thumbnail…

fresh block

A grouped bar chart compares satisfaction levels between men and women, with each gender broken into four categories: Not Satisfied, Not Much Satisfied, Satisfied, and Very Satisfied. The bars are colored by category using a categorical color scale, and a tooltip appears on mouseover. Built with D3 v3, the visualization uses ordinal scales for the x-axis groups and categories, a linear scale for the y-axis, and SVG rendering. The data is hardcoded in the script as an array of objects with percentage values for each group.

KKacieW

78% match

Loading thumbnail…

fresh block

The visualization is a matrix-style dot chart where each student is a circle, with batches on the y-axis, branches on the x-axis, and color indicating gender. The chart maps the categorical data from `data.json`, encoding branch and batch positions spatially, while gender is encoded through color. Rendered as SVG with D3 v5, the chart’s interactive filtering likely allows exploration by class or batch, though the core display highlights the distribution of students across academic programs and years, with a legend clarifying the color coding for male and female.

663anp3ca

76% match

Loading thumbnail…

fresh block

A stacked area chart displays how four unnamed data categories change over time, with each layer labeled at the right edge and a y-axis formatted as a percentage. The code loads tab-separated data via `d3.tsv`, parses dates with `d3.timeParse`, and builds the visualization using `d3.stack`, `d3.area`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. SVG rendering and axes are created with `d3.axisBottom` and `d3.axisLeft`.

AAsilve00

76% match

Loading thumbnail…

VI 4

This gallery example presents two distinct D3.js visualizations. The first is a stacked bar graph of women’s labor force participation by age group, using position on the X and Y axes for year and percentage, with color hue differentiating age categories and data sourced from the U.S. Department of Labor. The second is a scatter plot of movie success rates and MPAA ratings, where color hue encodes the rating and point size encodes gross collection, built with D3’s `d3.scale` and `d3.axis` APIs. Both charts are implemented using the `d3` library, with SVG rendering for marks like rects and circles.

MMrajyalakshmi

76% match