25:["$","title",null,{"children":"Walmart’s growth | Angela Pham's Workspace | Observable"}] 49:T47f,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, 960, 600]); svg.append("path") .datum(topojson.merge(us, us.objects.lower48.geometries)) .attr("fill", "#ddd") .attr("d", d3.geoPath()); svg.append("path") .datum(topojson.mesh(us, us.objects.lower48, (a, b) => a !== b)) .attr("fill", "none") .attr("stroke", "white") .attr("stroke-linejoin", "round") .attr("d", d3.geoPath()); const g = svg.append("g") .attr("fill", "none") .attr("stroke", "black"); const dot = g.selectAll("circle") .data(data) .join("circle") .attr("transform", d => `translate(${d})`); svg.append("circle") .attr("fill", "blue") .attr("transform", `translate(${data[0]})`) .attr("r", 3); let previousDate = -Infinity; return Object.assign(svg.node(), { update(date) { dot // enter .filter(d => d.date > previousDate && d.date <= date) .transition().attr("r", 3); dot // exit .filter(d => d.date <= previousDate && d.date > date) .transition().attr("r", 0); previousDate = date; } }); }4a:[{"id":"ce607f28cac52d17fe11f7a2dcff0a21c3b74465957841bc8ac390b900fae923b824a86762af12f1a96e0213d613636092a65c611bd6b256b4e729106d4612fe","href":"https://static.observableusercontent.com/files/ce607f28cac52d17fe11f7a2dcff0a21c3b74465957841bc8ac390b900fae923b824a86762af12f1a96e0213d613636092a65c611bd6b256b4e729106d4612fe","name":"walmart.tsv","type":"text/tab-separated-values","lastModified":1698782620944.981,"size":99253}] 29:{"id":"49c5f48991da6e73","slug":null,"title":"Walmart’s growth","thumbnail":"da01a46020a1bf055c2b5780a0805f64145dd5e21443575930b0f9311ee42046","access_level":"public","create_time":"$D2023-10-31T20:03:40.944Z","update_time":"$D2023-10-31T20:03:40.944Z","view_time":null,"first_public_time":"$D2023-10-31T20:03:40.944Z","has_unpublished_edits":null,"fork":{"id":"9fc7a290cf64994b","slug":"walmarts-growth","title":"Walmart’s growth","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"6c2fa2cc5faa84a8","login":"angela-pham-ws","name":"Angela Pham's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/cc6d36cdf5d5fdb4ae772a8248d13c5887546869b6916186920995bcddb48a9b","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":340,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"de3efd579b05e44f","login":"angela-pham","name":"Angela Pham","avatar_url":"https://avatars-next.observableusercontent.com/6c1ec4d3ac043f3b8815f414a34c014245743c17b9fdf81eb4d7cdf468c2910d","tier":null,"bio":"for the DH 150 class","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"de3efd579b05e44f","login":"angela-pham","name":"Angela Pham","avatar_url":"https://avatars-next.observableusercontent.com/6c1ec4d3ac043f3b8815f414a34c014245743c17b9fdf81eb4d7cdf468c2910d","tier":null,"role":"editor"},{"type":"team","id":"6c2fa2cc5faa84a8","login":"angela-pham-ws","name":"Angela Pham's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/cc6d36cdf5d5fdb4ae772a8248d13c5887546869b6916186920995bcddb48a9b","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"8a9b6a04811f3dd0","slug":"analysis-of-visualizations-and-their-affordances","title":"Analysis of Visualizations and their Affordances","owner":{"id":"6c2fa2cc5faa84a8","login":"angela-pham-ws","name":"Angela Pham's Workspace"}},"type":"notebook","body":{"titling":"auto","title":"Walmart’s growth","cells":[{"id":0,"value":"

Walmart’s growth

D3 › Gallery

\n\n# Walmart’s growth\n\nThis animation shows the expansion of Walmart over the last fifty years. On July 2, 1962 in [Rogers, Arkansas](https://en.wikipedia.org/wiki/Rogers,_Arkansas), the first Walton’s opened. [This dataset](http://users.econ.umn.edu/~holmes/data/WalMart/index.html) from 2006 includes about 3,100 Walmart locations in the continguous United States.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":288,"value":"viewof date = Scrubber(d3.utcWeek.every(2).range(...d3.extent(data, d => d.date)), {format: d3.utcFormat(\"%Y %b %-d\"), loop: false})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"update = chart.update(date)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"data = (await FileAttachment(\"walmart.tsv\").tsv())\n .map(d => {\n const p = projection(d);\n p.date = parseDate(d.date);\n return p;\n })\n .sort((a, b) => a.date - b.date)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"parseDate = d3.utcParse(\"%m/%d/%Y\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"projection = d3.geoAlbersUsa().scale(1280).translate([480, 300])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"us = {\n const us = await d3.json(\"https://cdn.jsdelivr.net/npm/us-atlas@1/us/10m.json\");\n us.objects.lower48 = {\n type: \"GeometryCollection\",\n geometries: us.objects.states.geometries.filter(d => d.id !== \"02\" && d.id !== \"15\")\n };\n return us;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null