Regional store location density
This interactive chart shows the relative density of Walmart stores open in the U.S. between 1962 and 2006.
The chart, together with its interactive slider, is implemented as a Web Component, and exported from this data app. On the host site, add a div
where you want to anchor the visualization, and import the component:
<walmart-density></walmart-density>
import {components} from "https://observablehq.observablehq.cloud/ea-example-walmart-density/walmart-density.js";
components();
Alternatively, import the chart function and insert its output into the DOM:
import {WalmartDensity} from "https://observablehq.observablehq.cloud/ea-example-walmart-density/walmart-density.js";
WalmartDensity().then((e) => document.querySelector("#walmart-density")?.append(e));
(For React, see the template in Frameworkâs documentation.)