Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
SSeanisgod1994
Last edited Nov 18, 2020
Created on Nov 18, 2020
Forked from Untitled

This grouped bar chart displays monthly values for three categories (Orange, XPC, and ABC) from a local CSV file. The visualization uses `d3.scaleBand` for the categorical x-axis and subgroup positioning, with `d3.scaleOrdinal` assigning a distinct color to each series. A manual legend is drawn using SVG circles and text elements. The chart renders as an SVG via the `d3.csv` load, with axes generated by `d3.axisBottom` and `d3.axisLeft` on a fixed 20-unit y-domain.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example shows a grouped bar chart comparing three product categories—Orange, XPC, and ABC—across six months, with the data loaded from a CSV file. The visualization uses d3.csv to parse the dataset and d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal to map months, values, and category colors. Bars are rendered as SVG rectangles, grouped by month via nested selections. The chart includes axes generated with d3.axisBottom and d3.axisLeft, though the X-axis labels are missing because the code references a nonexistent `d.group` field rather than the actual `Month` column.

SSeanisgod1994
91% match
Loading thumbnail…

Untitled

This example shows a grouped bar chart comparing values across three categories for multiple groups, with each category represented by a colored bar. The visualization uses D3.js v4 to load data from a remote CSV file, which is parsed with `d3.csv`. Bars are rendered as SVG rectangles, with an ordinal color scale mapping categories to red, blue, and green. The X-axis uses `d3.scaleBand` for group positioning, while a nested subgroup scale positions bars within each group, and a linear scale maps values to the Y-axis.

CCo10
89% match
Loading thumbnail…

Untitled

A nested bar chart displays the distribution of three values across two groups and three categories. The visualization uses D3 v3’s ordinal scales (`d3.scale.ordinal`) and linear scale (`d3.scale.linear`) to position bars, with SVG rendering. Data is loaded from CSV (`data.csv`) and structured via `d3.nest` into hierarchical group and category levels. Axes are drawn with `d3.svg.axis`, and nested `<g>` elements group bars by group and category.

Mmab3105
86% 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
85% match
Loading thumbnail…

Untitled

This example shows a stacked bar chart comparing values across three groups, with each bar subdivided into three colored segments representing different subgroups. The chart reads data from a CSV file hosted on GitHub, parsing it with `d3.csv` and mapping groups to the x-axis and numeric values to the y-axis. It uses `d3.scaleBand` for both group and subgroup positioning, `d3.scaleOrdinal` for the categorical color palette, and `d3.axisBottom` and `d3.axisLeft` to render the axes. The SVG output is built via D3's selection and append methods, with each group translated into position and rectangles drawn per subgroup.

Vvveewwee
85% match
Loading thumbnail…

Untitled

A simple bar chart displays the frequency of named categories A through I, using a vertical layout with an ordinal x-axis and linear y-axis. The bars are colored steelblue and turn brown on hover. The visualization is rendered with D3 v3, loading data from a JSON file and using `d3.scale.ordinal` and `d3.scale.linear` to map values. Axes are generated with `d3.svg.axis`, with rotated x-axis labels. The chart is built with SVG `rect` elements appended to a grouped SVG container.

Cchrismack666
84% match
Loading thumbnail…

Untitled

A bar chart displays the values of three fruits (apple, banana, pineapple) from a CSV file, with each bar colored red, green, or blue. The chart uses D3 v4's `d3.select`, `d3.csv`, `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleOrdinal` to render an SVG visualization with rotated x-axis labels and a fixed y-axis range from 0 to 100.

Zzoniyac
83% match
Loading thumbnail…

Untitled

This example demonstrates a stacked bar chart built with D3 v4, displaying categorical data grouped on the x-axis with subgroups stacked by color. It loads data from a remote CSV file using `d3.csv`, then uses `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to construct the axes. The chart applies `d3.stack` to compute cumulative bar segments, assigns colors via `d3.scaleOrdinal`, and renders the result as SVG rectangles with bar widths from `x.bandwidth()`.

BBaptisteJarry
82% match