Skip to main content
SimilarExport ZIP
100%

A bar chart for SAFe product increments

✓ Published0🌍 Public
OOfer Calvo
Last edited Feb 22, 2020
Created on Feb 21, 2020

This chart visualizes bug counts across SAFe program increment (PI) sprints, using a line graph over a grouped bar chart where each PI’s four sprints are highlighted by translucent background bars. The scatter plot dots and white connector lines emphasize individual sprint values. It is built with D3 v5, using `scaleBand` for sprint and PI positioning, `scaleLinear` for the y-axis, `axisBottom` and `axisLeft` for ticks, and a Catmull-Rom curve via `d3.curveCatmullRom` for the line. Data comes from a CSV file with dates, PI, sprint names, and bug counts.

AI-generated description

This bar chart shows SAFe methodology program increments (PI's) sprints with software bug count for each PI sprint.

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar chart

This example shows a horizontal timeline of events for different crews, with colored bars marking periods of work, stops, and idle time. The code loads data from a CSV file and uses D3’s `scaleTime`, `scaleBand`, and `scaleOrdinal` to map dates, categories, and colors, while `axisBottom` renders the time axis. The SVG is sized at 960 by 120 pixels, and rectangles are filled with green via CSS, though the visible chart only displays the empty axes scaffolding.

GGeolffrey S Mena
67% match
Loading thumbnail…

Bar chart

This example shows a horizontal timeline of events for different crews, with colored bars marking periods of work, stops, and idle time. The code loads data from a CSV file and uses D3’s `scaleTime`, `scaleBand`, and `scaleOrdinal` to map dates, categories, and colors, while `axisBottom` renders the time axis. The SVG is sized at 960 by 120 pixels, and rectangles are filled with green via CSS, though the visible chart only displays the empty axes scaffolding.

GGeolffrey S Mena
67% match
Loading thumbnail…

Bar chart

This example shows a horizontal timeline of events for different crews, with colored bars marking periods of work, stops, and idle time. The code loads data from a CSV file and uses D3’s `scaleTime`, `scaleBand`, and `scaleOrdinal` to map dates, categories, and colors, while `axisBottom` renders the time axis. The SVG is sized at 960 by 120 pixels, and rectangles are filled with green via CSS, though the visible chart only displays the empty axes scaffolding.

GGeolffrey S Mena
67% match
Loading thumbnail…

PART 3B

This combined bar and line chart visualizes monthly sales and profit for Product A from 2018 to 2022, with semi-transparent green bars representing sales (right axis) and a red line with dots representing profit (left axis). Interactive hover effects increase bar opacity and dot radius, while grid lines and axis labels clarify the dual-scale comparison. The example loads CSV data from GitHub using d3.csv, filters it for Product A, and builds the SVG scene with d3.scaleTime, d3.scaleLinear, d3.axisLeft, d3.axisRight, and d3.axisBottom, all within the D3 v7 framework.

Aanirudhrao345@gmail.com
67% match
Loading thumbnail…

Fork of bar D3 Starter

This bar chart visualizes product sales values from a CSV dataset, with each bar representing a product and its height corresponding to the sales figure. The chart includes axis labels, a title, and interactive hover effects that display a tooltip and change the bar’s color. Built with D3.v7, it uses `d3.csv` to load the data, `d3.scaleBand` and `d3.scaleLinear` for scales, and `d3.axisBottom`/`d3.axisLeft` for axes, all rendered as SVG within a styled HTML page.

119h61a05c9@cvsr.ac.in
67% match
Loading thumbnail…

Stylized Bar Chart

The stylized bar chart displays monthly values from a CSV dataset, with horizontal bars extending rightward from a categorical y-axis of dates. The visualization uses D3 version 5's `scaleLinear` for the x-axis and `scaleBand` for the y-axis, with `axisLeft` and `axisBottom` generating the labels. Rendering as SVG, bars are filled with steelblue and styled using the Poppins font, offering a clean, modern presentation of the temporal data trend.

Mmisferswift
67% match
Loading thumbnail…

Product Sales Bar Chart

This bar chart displays product sales figures from a CSV file, with each product’s sales value represented by a steelblue bar. The visualization uses D3.js to create an SVG, scaling the x-axis with `d3.scaleBand` and the y-axis with `d3.scaleLinear`. Axis labels are rotated, and a title is added, all rendered via the D3 SVG API. Data is loaded asynchronously from a GitHub gist using `d3.csv`.

Aavvarijayakrishna99@gmail.com
66% match
Loading thumbnail…

Bar Chart

This bar chart visualizes a simple dataset of five values (10, 20, 30, 40, 50) using D3 v5. Rectangles are rendered as SVG elements, with their heights proportional to the data and their x-positions determined by a band scale (`d3.scaleBand`). A linear scale (`d3.scaleLinear`) maps the values to the vertical axis, and axes are generated with `d3.axisBottom` and `d3.axisLeft`. Bars change color on hover via CSS, and the chart includes a fixed 50-pixel left margin and 20-pixel top offset.

OOluoch Odhiambo
66% match