Bar Chart Mine

Bar Chart Mine

A bar chart displays production batch outcomes over time, with each bar’s height representing the realized value and its color indicating error status via a `d3.scaleThreshold` domain. The chart uses `d3.scaleBand` for x-axis positioning and `d3.scaleTime` for time-based ticks, with rotated labels added as SVG text. Bars are colored according to error ranges (“erro”, “aceito”, “conforme”) and annotated with operation and batch identifiers. The visualization relies on D3 v5’s `json`, `scaleLinear`, `axisBottom`, and `axisLeft` APIs, rendering all elements as SVG within an HTML page.

Aant999

90% match

Bar chart

This bar chart displays work, stop, and idle statuses for four crews, with each crew’s data encoded as a single green bar scaled along a time-based x-axis from November 2016 to February 2017. The visualization uses d3.csv to load data, d3.scaleTime for the horizontal axis, d3.scaleBand for vertical positioning, and d3.scaleOrdinal for potential color mapping, though bars are uniformly styled via CSS. SVG rendering in index.html receives the chart through d3 selections and axes, with the dataset split into three columns per crew.

72% match

PPedro Ernesto Tramontina

ME - Com Bandscale (no lines)

This visualization displays stock movement data over time, showing quantities transferred between different storage locations like "Salão," "Elevador," and "SD-10." Each bar represents a transaction, with its width proportional to the absolute quantity and its position determined by timestamp on the x-axis and storage location on the y-axis. The chart uses d3.scalePoint, d3.scaleBand, and d3.scaleLinear for positioning and sizing, with bars rendered as SVG rectangles. Text labels display the signed quantity values, while d3.axisBottom and d3.axisLeft provide time-formatted and categorical axes.

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

Bar Chart

A bar chart displays the running total of a dataset from 1949 to 2019, with each year’s cumulative value shown as a horizontal steelblue bar. The chart uses d3.csv to load the data, then d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis. Axes are rendered with d3.axisLeft and d3.axisBottom, while the x-axis labels are formatted with d3.format using a '.3s' suffix.

JJagan

Bar chart

A bar chart displays the relative proportions of work, stop, and idle time for four crews, using horizontal stacked bars. Each crew’s row is composed of three colored segments whose lengths correspond to the numeric values from the CSV data. The visualization uses D3 v5’s `csv`, `scaleLinear`, `scaleBand`, `scaleOrdinal`, `axisLeft`, and `axisBottom` to load the data, position the bars, and render axes in SVG. A static color scale assigns distinct hues to the three activity categories.

Bar chart

This example shows a bar chart comparing workstation states for four crews, with each crew’s data split across work, stop, and idle segments over a time-scaled horizontal axis. The visualization uses a band scale for categories and a time scale for dates, with ordinal color encoding for the segments. It loads data from a CSV file and renders as static SVG rectangles, though the chart’s axes and tooltips are not fully wired in the provided code. The implementation relies on D3 v5 primitives such as `scaleTime`, `scaleBand`, `scaleOrdinal`, and `csv`.

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.