Published
Edited
Aug 18, 2021
2 stars
Insert cell
Insert cell
Insert cell
Insert cell
output = html`${htmlstring}`
Insert cell
{
jQuery("img", output).css("display", "none");
jQuery("#" + currentMap, output).css("display", "block");
return "Update Map";
}
Insert cell
htmlstring = Object.keys(maps)
.map(d => `<img style="display: none;" id="${d}" src="${maps[d]}"></img>`)
.join("")
Insert cell
maps = {
return {
1867: "https://upload.wikimedia.org/wikipedia/commons/0/02/Canada_1867_Federal_Election.svg",
1872: "https://upload.wikimedia.org/wikipedia/commons/5/5e/Canada_1872_Federal_Election.svg",
1874: "https://upload.wikimedia.org/wikipedia/commons/7/7c/Canada_1874_Federal_Election.svg",
1878: "https://upload.wikimedia.org/wikipedia/commons/e/e9/Canada_1878_Federal_Election.svg",
1882: "https://upload.wikimedia.org/wikipedia/commons/a/ab/Canada_1882_Federal_Election.svg",
1887: "https://upload.wikimedia.org/wikipedia/commons/5/54/Canada_1887_Federal_Election.svg",
1891: "https://upload.wikimedia.org/wikipedia/commons/9/9c/Canada_1891_Federal_Election.svg",
1896: "https://upload.wikimedia.org/wikipedia/commons/d/d4/Canada_1896_Federal_Election.svg",
1900: "https://upload.wikimedia.org/wikipedia/commons/5/56/Canada_1900_Federal_Election.svg",
1904: "https://upload.wikimedia.org/wikipedia/commons/c/cb/Canada_1904_Federal_Election.svg",
1908: "https://upload.wikimedia.org/wikipedia/commons/b/b6/Canada_1908_Federal_Election.svg",
1911: "https://upload.wikimedia.org/wikipedia/commons/9/9c/Canada_1911_Federal_Election.svg",
1917: "https://upload.wikimedia.org/wikipedia/commons/3/3a/Canada_1917_Federal_Election.svg",
1921: "https://upload.wikimedia.org/wikipedia/commons/d/d4/Canada_1921_Federal_Election.svg",
1925: "https://upload.wikimedia.org/wikipedia/commons/e/e1/Canada_1925_Federal_Election.svg",
1926: "https://upload.wikimedia.org/wikipedia/commons/5/52/Canada_1926_Federal_Election.svg",
1930: "https://upload.wikimedia.org/wikipedia/commons/3/3c/Canada_1930_Federal_Election.svg",
1935: "https://upload.wikimedia.org/wikipedia/commons/b/bf/Canada_1935_Federal_Election.svg",
1940: "https://upload.wikimedia.org/wikipedia/commons/0/07/Canada_1940_Federal_Election.svg",
1945: "https://upload.wikimedia.org/wikipedia/commons/1/12/Canada_1945_Federal_Election.svg",
1949: "https://upload.wikimedia.org/wikipedia/commons/a/ae/Canada_1949_Federal_Election.svg",
1953: "https://upload.wikimedia.org/wikipedia/commons/e/e2/Canada_1953_Federal_Election.svg",
1957: "https://upload.wikimedia.org/wikipedia/commons/f/fe/Canada_1957_Federal_Election.svg",
1958: "https://upload.wikimedia.org/wikipedia/commons/6/6d/Canada_1958_Federal_Election.svg",
1962: "https://upload.wikimedia.org/wikipedia/commons/2/2e/Canada_1962_Federal_Election.svg",
1963: "https://upload.wikimedia.org/wikipedia/commons/6/6f/Canada_1963_Federal_Election.svg",
1965: "https://upload.wikimedia.org/wikipedia/commons/4/42/Canada_1965_Federal_Election.svg",
1968: "https://upload.wikimedia.org/wikipedia/commons/f/f0/Canada_1968_Federal_Election.svg",
1972: "https://upload.wikimedia.org/wikipedia/commons/5/51/Canada_1972_Federal_Election.svg",
1974: "https://upload.wikimedia.org/wikipedia/commons/3/32/Canada_1974_Federal_Election.svg",
1979: "https://upload.wikimedia.org/wikipedia/commons/e/e8/Canada_1979_Federal_Election.svg",
1980: "https://upload.wikimedia.org/wikipedia/commons/e/ec/Canada_1980_Federal_Election.svg",
1984: "https://upload.wikimedia.org/wikipedia/commons/d/d3/Canada_1984_Federal_Election.svg",
1988: "https://upload.wikimedia.org/wikipedia/commons/d/d6/Canada_1988_Federal_Election.svg",
1993: "https://upload.wikimedia.org/wikipedia/commons/a/a6/Canada_1993_Federal_Election.svg",
1997: "https://upload.wikimedia.org/wikipedia/commons/7/70/Canada_1997_Federal_Election.svg",
2000: "https://upload.wikimedia.org/wikipedia/commons/7/77/Canada_2000_Federal_Election.svg",
2004: "https://upload.wikimedia.org/wikipedia/commons/7/7e/Canada_2004_Federal_Election.svg",
2006: "https://upload.wikimedia.org/wikipedia/commons/2/20/Canada_2006_Federal_Election.svg",
2008: "https://upload.wikimedia.org/wikipedia/commons/7/72/Canada_2008_Federal_Election.svg",
2011: "https://upload.wikimedia.org/wikipedia/commons/6/60/Canada_2011_Federal_Election.svg",
2015: "https://upload.wikimedia.org/wikipedia/commons/f/fb/Canada_2015_Federal_Election.svg",
2019: "https://upload.wikimedia.org/wikipedia/commons/7/78/Canada_2019_Federal_Election.svg"
};
}
Insert cell
Insert cell
import { Scrubber } from "@mbostock/scrubber"
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more