ERP TIMEBAR

ERP TIMEBAR

This visualization displays ERP (Enterprise Resource Planning) process timing data as a horizontally stacked bar chart, where each row represents a series and colored segments show time ranges from minimum to maximum values across multiple groups. The bars animate from zero width to their full extent using D3 transitions, with a tooltip feature implemented via the d3-tip library. The chart uses d3.scaleBand for the y-axis, d3.scaleLinear for the x-axis, and d3.stack for data serialization. Data is loaded from a CSV file via d3.csv with autoType parsing, rendered as SVG elements with ordinal color scaling per group.

93% match

ERP TIMEBAR

The ERP TIMEBAR displays stacked bar segments for event-related potential data across multiple series, with each colored group representing a factor level (Min, All, Max) over a shared time axis. The visualization animates bar growth using D3 v5 transitions, delaying each segment’s expansion to reveal the progression of values. It loads a CSV via `d3.csv` and `autoType`, applying `d3.stack()` and `d3.scaleBand`/`scaleLinear` scales, while `svg` rects are colored through a custom ordinal scale and rendered as SVG with timed `.attrTween`-like transitions.

91% match

ERP TIMEBAR

The ERP Timebar visualizes stacked timeline data for enterprise resource planning projects, showing duration breakdowns across four time categories for each server or task. Categories are color-coded, with a distinct palette applied to Infrastructure groups versus other project types. The chart uses D3 v5 with SVG rendering, employing `d3.scaleBand` and `d3.scaleLinear` for positioning, `d3.stack()` for data aggregation, and `d3.axisTop`/`d3.axisLeft` for axes. Data loads from a CSV via `d3.csv`, and a legend clarifies the category colors.

90% match

Time Series Bar Chart!

This time series bar chart visualizes hierarchical grouping and temporal spans across categories. The SVG visualization uses D3 v5’s scaleLinear and scaleBand to map start and end times along the x-axis, while grouping data points by category on the y-axis. Bars respond to mouseover with a transition that expands their height and displays a tooltip, implemented via d3.select and event listeners. The code loads data from windows.csv using d3.csv, applying a linear scale for time intervals and styling with CSS classes for layout and interactivity.

Ffoomoon

74% match

ERP DisCal Chart - Scatter Plot type

This scatter plot visualizes the ERP Disruption Calculus, positioning each scenario by its 'ValueX' and 'ValueY' coordinates, which are derived from a randomly generated CSV dataset. The chart uses colored rectangles to divide the space into four quadrants, and circles are colored by their 'Group' category using a D3 ordinal scale. A D3 tooltip reveals the scenario's title and its four summary values (SumBU, SumEvo, SumGC, SumDis) on mouseover. The visualization is built with D3 v5, rendering to SVG, and includes animated transitions for the tooltip's opacity.

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

Bar chart

GGeolffrey S Mena

Bar chart

GGeolffrey S Mena