leuElements = {
import(`https://esm.sh/@statistikzh/leu@${version}/leu-dropdown.js`);
import(`https://esm.sh/@statistikzh/leu@${version}/leu-menu.js`);
import(`https://esm.sh/@statistikzh/leu@${version}/leu-menu-item.js`);
import(`https://esm.sh/@statistikzh/leu@${version}/leu-icon.js`);
}
dropdown = {
leuElements;
return htl.html`<leu-dropdown label="Download">
<leu-icon slot="icon" name="download"></leu-icon>
<leu-menu>
<leu-menu-item href="https://www.web.statistik.zh.ch/ogd/data/KANTON_ZUERICH_373.csv">Zur OGD Ressource</leu-menu-item>
<leu-menu-item onclick=${() =>
mutable clickCount++}>Click count: ${clickCount}</leu-menu-item>
</leu-menu>
</leu-dropdown>
<div style="padding-bottom: 10rem; width: ${width};">
<!-- This element is just a spacer, because cells in observable notebooks hide overflown content. This is not necessary when a cell is embedded --->
</div>`;
}
theme = leuTheme
fonts = leuFonts
import {
fonts as leuFonts,
theme as leuTheme,
version
} from "@statistikzh/leu-general"
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.
