Skip to main content
SimilarExport ZIP
100%

Test Plot

✓ Published1🌍 Public
Aaveryfairbanks
Last edited Dec 9, 2020
Created on Dec 7, 2020
Forked from Scatter Plot

This stacked bar chart visualizes health condition counts across racial groups using CSV data from health_indicators_2019.csv. The d3.stack() function layers conditions as colored segments, with d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal handling positioning and colors. Rectangles are appended to SVG groups, while mouseover, mousemove, and mouseleave events trigger a simple HTML tooltip displaying each segment’s count.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Test Donut Plot

A donut plot displays stacked bar charts of health condition counts—hypertension, diabetes, asthma, and HIV—across racial groups using data from health_indicators_2019.csv. The D3.js code stacks the categorical data with the `stack` function and renders rects with `scaleLinear` and `scaleBand` axes. Interactive tooltips appear on mouseover, showing the condition name and count, positioned via D3's `mouse` function. The visualization uses an SVG canvas from the index.html file.

Aaveryfairbanks
87% match
Loading thumbnail…

Untitled

This stacked bar chart displays eye color frequencies across four hair color categories. The visualization uses d3.csv to load the dataset, d3.stack() to compute stacked segments, and d3.scaleBand/d3.scaleLinear for axes. Each bar segment is colored via a d3.scaleOrdinal palette, with a legend added in the second implementation. The SVG rendering relies on d3.axisBottom, d3.axisLeft, and nested data joins to append rectangles per subgroup.

CCo10
77% match
Loading thumbnail…

Untitled

This stacked bar chart displays species abundance across multiple groups, with each bar segment representing a different soil condition. The chart uses D3 v4's `d3.stack()` to generate stacked series from CSV data, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.schemeSet2` for categorical colors. Hovering over any section highlights all bars from that subgroup by adjusting opacity using `d3.selectAll` and class-based selectors, while the graph renders as SVG with an ordinal color scale.

AAlice Anselmi
77% match
Loading thumbnail…

Stacked Bar Chart

This stacked bar chart displays the distribution of subgroups across categorical groups, with each bar segment colored by subgroup and stacked to show cumulative values. The visualization is built using D3 v4, loading CSV data from GitHub, and rendering SVG rectangles with a band scale for the x-axis and a linear scale for the y-axis. It uses `d3.stack()` to compute stacked values, `d3.scaleOrdinal` for colors, and includes an interactive tooltip element in the HTML structure.

JJames Huang
76% match
Loading thumbnail…

STACKBAR Group Colours

This stacked bar chart displays animal categories across groups, with bars segmented into four value columns (A–D) and shaded by group membership (Domestic, Pest, Africa, Marine). Built with D3 v5 and rendered as SVG, it uses `d3.stack()` to generate the stacked series and `d3.scaleOrdinal()` with custom color ranges to differentiate segments. The data comes from `data.csv`, loaded via `d3.csv()` with `d3.autoType`, and each bar’s total is computed dynamically from the column values. The chart’s differential shading highlights how group colors map across categorical divisions.

Ssayanighosal34
76% match
Loading thumbnail…

STACKBAR Group Colours

This example presents a horizontal stacked bar chart where each bar represents an animal species, segmented by four numeric categories (A, B, C, D). The bars are differentially shaded by the animal’s group classification (Domestic, Pest, Africa, Marine) using a custom ordinal color scale. Built with D3.js v5, it reads CSV data via `d3.csv` and uses `d3.stack` and `d3.scaleBand` to compute and position the stacked segments within an SVG.

JJimMaltby
76% match
Loading thumbnail…

Test

A bar chart displays count values from a CSV file across a categorical axis. The chart uses D3 v4 to load the data with `d3.csv`, scales the counts with `d3.scaleLinear` and the category positions with `d3.scaleBand`, and renders axes via `d3.axisBottom` and `d3.axisRight`. The SVG plot is positioned with margins, and the code includes calls to `getBoundingClientRect` to determine the available space. The visualization is built as a static SVG graphic with no interactive features.

GGoomble
75% match
Loading thumbnail…

Untitled

This stacked bar chart displays the composition of groups across three subgroups, with each group’s total broken into color-coded segments. The visualization uses d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.stack to compute the stacked values from CSV data. Groups are plotted as rectangles filled with a d3.scaleOrdinal palette, rendered as SVG elements within a fixed-width canvas. The chart is built using d3.v4, reading data from a remote raw GitHub URL.

Nnkrpyate
75% match