fresh block

100%

✓ Published0🌍 Public

Last edited Feb 26, 2016

Created on Feb 26, 2016

This visualization displays the number of articles published by married, single, and divorced individuals across age brackets from 25 to 75. Each marital status is represented as a horizontal row of circles, where the circle’s size corresponds to the article count for that age range. Built with D3.js, the SVG chart uses linear scales for positioning and radius, and toggles between circles and numeric labels on mouseover. The data is loaded from a local JSON file, and the chart is styled with custom CSS for axes and labels.

AI-generated description

Built with blockbuilder.org

Similar vizzes

Loading thumbnail…

hoverLinechart_implementation

This visualization displays the proportion of divorced or married-more-than-once individuals by age, separated by demographic categories such as employment, education, and race or origin. Users can interact with buttons to switch between categories, and the line chart updates to show the corresponding data. The chart uses D3.js scales and a bisector for age-based lookup, rendering SVG paths for male and female lines. Data is loaded from a TSV file, with interactive overlays for highlighting specific data points.

BBenHeubl

73% 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

73% match

Loading thumbnail…

fresh block

A bubble chart displays Medium articles grouped by category, with circle size encoding article views and color distinguishing Design, Development, and Data Science. The visualization uses D3’s `d3.forceSimulation` to position overlapping bubbles and `d3.scaleOrdinal` for categorical coloring. Hovering reveals a tooltip with the article’s title, category, and view count, based on data loaded from a CSV via `d3.csv`.

335degrees

72% match

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

71% match

Loading thumbnail…

fresh block

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.

MMrajyalakshmi

71% 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

71% 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

71% 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

71% match