Skip to main content
SimilarExport ZIP
100%

ERP DisCal Chart - Force Bubble start COMPLEX - DisCal

✓ Published0🌍 Public
JJimMaltby
Last edited Dec 19, 2020
Created on Dec 13, 2020
Forked from Hello VizHub

This force-directed bubble chart visualizes randomly generated data points on a quadrant grid that measures the "game-changingness" of an ERP system against the ability to respond in time. The four colored rectangles delineate strategic response zones, with bubble positions plotted using `scaleLinear` on the x and y axes and `scaleSqrt` for symbol sizing. The chart is rendered as an SVG using D3.js v5, with axis labels designating the quadrants and a tooltip showing circle details upon hover.

AI-generated description

Part of my ERP DataVis Project. This is the ERP Disruption Calculus chart. The Force Directed Bubble type format. Data is randomly generated.

MIT Licensed

Similar vizzes

Loading thumbnail…

ERP DisCal Chart - Force Bubble type

This force-directed bubble chart visualizes ERP disruption by mapping nodes on a two-axis grid of game-changingness and response ability. The SVG is divided into four colored quadrants representing different strategic outcomes. Node positions are determined by d3.forceSimulation, while d3.scaleLinear and d3.scaleSqrt handle axis mapping and bubble sizing. Data comes from randomly generated JSON with group assignments, and a tooltip appears on hover. The chart uses D3 v5 with axis labels and custom CSS styling.

JJimMaltby
93% match
Loading thumbnail…

ERP DisCal Chart - Force Bubble type

This visualization presents a force-directed bubble chart of ERP disruption calculus, mapping items on axes for game-changingness and ability to respond in time. Randomly generated data points are plotted within four colored quadrants that categorize the disruption scenarios. The chart uses D3.js v5, specifically employing `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.axisBottom` and `d3.axisLeft` for axes. The SVG rendering includes custom tooltips and hover effects on circles, with animation implied through force simulation as noted in the adaptation source.

JJimMaltby
93% match
Loading thumbnail…

ERP DisCal Chart - Force Bubble type

Four colored quadrants position randomly generated data points along two axes: “game-changingness” horizontally and “ability to respond in time” vertically. Force-directed bubbles, rendered as SVG circles using d3.forceSimulation, repel and settle into clusters, with point size scaled by d3.scaleSqrt. The code builds axes with d3.axisBottom and d3.axisLeft, applies hover effects with CSS, and uses a tooltip div for interaction. Data is generated randomly, with no external dataset.

JJimMaltby
92% match
Loading thumbnail…

ERP DisCal Chart - Force Bubble start COMPLEX - DisCal v4

A force-directed bubble chart visualizes organizational impact data, mapping each node’s position along x- and y-axes representing response ability and disruption severity. Node color encodes organization budget via a quantized spectral scale, while link thickness reflects edge weight. The visualization uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter to position nodes, and reads CSV data from Google Sheets. Interactive tooltips appear on mouseover via d3.select and transition, with SVG rendering and animation.

JJimMaltby
91% match
Loading thumbnail…

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.

JJimMaltby
83% match
Loading thumbnail…

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.

JJimMaltby
73% match
Loading thumbnail…

ERP TIMEBAR

This example presents a stacked bar chart that visualizes temporal ERP data across multiple series. A dropdown filter enables users to select and compare different data groups. The visualization animates the bars, drawing them from right to left to represent a consistent timeline starting at year 2000. The chart uses an ordinal color scale with distinct palettes per group to differentiate categories. The implementation relies on D3 v5’s core API, including `d3.select`, `d3.scaleBand`, `d3.scaleLinear`, `d3.stack`, and `d3.csv`, with data fetched from a GitHub gist. Rendering is done via SVG with CSS-based hover effects that highlight individual bars.

JJimMaltby
72% match
Loading thumbnail…

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.

JJimMaltby
69% match