Walmart Sales Network Graph

100%

Walmart Sales Network Graph

✓ Published0🌍 Public

Last edited Apr 9, 2025

Created on Apr 8, 2025

The Walmart Sales Network Graph visualizes employee collaboration across three departments—Electronics, Grocery, and Apparel—using a force-directed node-link diagram. Color-coded circles represent individual employees, with department membership shown by node fill, and grey links indicate collaborative ties between them. Built with D3 v5, the layout uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, while drag interactions are enabled via `d3.drag`. The SVG rendering includes smooth tick-updated positions for both links and nodes, here applied to static sample data embedded in the script.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 8 Tree

A force-directed network diagram maps employee collaboration across Walmart departments, using a small set of named nodes and links. Each node is color-coded by department (Electronics, Grocery, Apparel) and labeled with the employee’s name. The layout is computed with d3.forceSimulation, combining forceLink, forceManyBody, and forceCenter, while d3.drag enables interactive repositioning. The data is hardcoded as a JavaScript object, rendered as an SVG with circles and lines, all styled via CSS.

MMahesh

81% match

Loading thumbnail…

Walmart Sales Tree

This interactive tree diagram visualizes Walmart’s sales hierarchy, breaking down the corporate root into four stores and then into February 2010 weekly sales dates, with holiday weeks marked. Built with D3.js (version 3.5.17), the SVG visualization uses a `d3.layout.tree` to position nodes and animates expanding and collapsing branches through `transition` and click handlers. Node colors are assigned by depth via a `category10` scale, and the data is manually converted from a flat parent-child list into the tree structure.

MMahesh

80% match

Loading thumbnail…

Walmart Sales

Two side-by-side bar charts display weekly sales data for two Walmart stores, with each bar representing a week's total revenue. Users can click bars to highlight and compare specific dates across both charts. The visualization uses D3.js v7 scales (`scaleBand`, `scaleLinear`), axes, and join patterns within a React framework, loading data from a CSV file and rendering SVG elements.

CChris Bodnarchuk

72% match

Loading thumbnail…

Fork of Fork of Network Graph

This interactive network graph visualizes the relationships between sales people and products, with node size reflecting total sales and colors distinguishing persons (blue) from products (orange). The visualization uses d3.forceSimulation with forceLink, forceManyBody, forceCenter, and forceCollide to position nodes, while SVG circles and lines render the network. A tooltip appears on mouseover to display node details, and nodes are draggable via d3.drag. The sample data includes sales figures from an Excel spreadsheet, demonstrating a typical sales-product association structure.

Sshreyavallamsetla@gmail.com

71% match

Loading thumbnail…

Multi-Series Chart by Mohith

This multi-series line chart displays Walmart's monthly Sales, Profit, and CustomerTraffic data from a CSV file, plotting each metric as a colored line over the months. The visualization uses hard-coded keys and colors to distinguish series, with all lines sharing a common linear y-scale. Built with D3 v7, the code loads the data via `d3.csv`, creates scales using `d3.scaleBand` and `d3.scaleLinear`, and renders the lines with `d3.line`. It also includes axes via `d3.axisBottom` and `d3.axisLeft`, plus a manual legend of colored rectangles and text labels.

Kkmohithkumar7@gmail.com

70% match

Loading thumbnail…

Question2

This area chart visualizes Walmart’s total weekly sales over time, aggregated from a CSV dataset. The visualization uses D3.js v6 to load and parse the data, then employs `d3.rollups` and `d3.sum` for aggregation. An SVG area path, generated with `d3.area`, displays the trend, while circles with mouseover events trigger a tooltip showing the exact date and sales figure. Axes are rendered using `d3.axisBottom` and `d3.axisLeft`.

CChandra Prakash Reddy Kalwakolu

69% match

Loading thumbnail…

Bubble Chart

This bubble chart visualizes Walmart sales data, plotting total sales against units sold for each item category, with bubble radius scaled proportionally to sales figures. The chart loads a CSV file from a GitHub gist via the Fetch API, parses the data with string manipulation, and renders using Chart.js on an HTML Canvas element. Six semi-transparent color categories distinguish the data points, while the chart's non-responsive configuration keeps dimensions fixed at 900 by 400 pixels.

Hhimavinaytummala@my.unt.edu

69% match

Loading thumbnail…

ICE-7 Line_Graph (Dhanusree Kodali)

This line graph shows the number of Walmart employees in millions from 2009 to 2022, based on an employees.csv dataset. Interactive hover selection highlights the nearest data point, displaying its exact value as a label and drawing a red vertical rule at that year. Built with Vega-Lite's API through `vl.markLine`, `vl.markCircle`, and `vl.markRule`, it uses `vl.selectSingle` for mouseover interactions and configures axis styling via a custom config.js.

DDhanusree Kodali

69% match