Walmarts

100%

✓ Published0🌍 Public

Last edited Apr 25, 2016

Created on Dec 28, 2015

A slider lets viewers scrub through the opening dates of Walmart stores across the United States, revealing the retailer's geographic expansion over time on a map of the country. The map uses `d3.geo.albers` for projection and `d3.geo.path` to render state boundaries from TopoJSON. Points marking each store location are driven by a `d3.svg.brush` slider, with a play button to animate the sequence. The data comes from a TSV file listing each store's coordinates and opening date.

AI-generated description

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/4360892'>U.S. Airports Voronoi</a>

Similar vizzes

Loading thumbnail…

Walmarts

This visualization shows the geographic expansion of Walmart stores across the United States from 1962 to 2006. An animated slider scrubs through years, revealing store locations as points on a map of US states, alongside a running cumulative count displayed as a filled area chart. The map uses the `d3.geo` Albers projection and renders SVG paths from TopoJSON data, while the slider and area chart are built with `d3.svg.brush` and `d3.svg.area`. The play button triggers the animation, which is driven by a queue of data loading operations.

SSpaceActuary

91% match

Loading thumbnail…

Fork of D3 Starter

This example animates a map of Walmart store openings across the United States over time, using a sliding date window to reveal dots as they appear. It combines D3 v7 with a topojson map of the lower 48 states and a geographic projection via `d3.geoAlbersUsa` and `d3.geoPath`. Store locations are loaded from a TSV file and sorted by date, while a scrubber drives the animation. The code uses `d3.create`, `selection.join`, and `transition.attr` to show and hide arrival points, with a blue dot marking the current store.

Ggregoryh@ucar.edu

80% match

Loading thumbnail…

Walmart’s growth

A map of the United States charts the opening of Walmart stores from 1962 onwards. Each store is represented by a dot placed according to its geographic coordinates, using the Albers USA projection. A date-scrubbing control animates the dots into view over time, revealing the company’s expansion from its first store in Arkansas to thousands across the country.

PPhilippe Rivière

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

68% match

Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This interactive scatter plot visualizes Walmart sales data, plotting temperature against sales year with draggable, animated transitions. Every two seconds, the x-axis automatically cycles through different data columns—year, temperature, weekly sales, and fuel price—updating the circles’ positions accordingly. Built with D3 v6, the visualization uses scaleLinear, axisLeft, axisBottom, and a reusable scatterPlot factory function to manage state. Data loads from a CSV via d3.csv, and the SVG renders with a custom Share Tech font, creating a dynamic exploration of retail metrics.

Mmahee0725

68% 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

68% match

Loading thumbnail…

11540639-ICE-7 Line Chart

This line chart shows the number of Walmart stores in the US over the last ten years, with years on the x-axis and store counts on the y-axis. The visualization is rendered as an SVG using D3 v5, employing `scaleTime` for the temporal axis, `scaleLinear` for the count axis, and `line` to generate the path. The chart includes labeled axes, grid lines, and a bold orange line, with data parsed from a CSV file using `csv` and `timeParse`. The styling uses custom CSS for tick labels, axis text, and the line’s appearance.

SSravanthi Silla

67% match

Loading thumbnail…

Area chart

This area chart visualizes temperature changes at Walmart from 2001 to 2021 using a smooth basis curve. The chart employs D3 v5’s `area` and `line` generators with `curveBasis` to create the shaded region and outline, while `scaleTime` and `scaleLinear` map the temporal and temperature axes. Data is loaded from a CSV via D3’s `csv` function, and the SVG rendering includes styled axes with tick marks and labels, with the area filled in blue and the line stroked in black.

SSweetierams

66% match