rms-sparklines
Version:
A sparkline collection, written as web components
38 lines (30 loc) • 1.07 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>rms-sparkline-boxplot demos</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<script nomodule src="./node_modules/browser-es-module-loader/dist/babel-browser-build.js"></script>
<script nomodule src="./node_modules/browser-es-module-loader/dist/browser-es-module-loader.js"></script>
<script src="./dist/rms-sparkline-boxplot.js" type="module"></script>
<style>
body {
background-color: #eee;
padding: 24px;
}
rms-sparkline-boxplot {
margin: 8px;
}
rms-sparkline-boxplot.blue {
--rms-sparkline-boxplot-background-color: #03A9F4;
}
</style>
</head>
<body>
<rms-sparkline-boxplot></rms-sparkline-boxplot>
<rms-sparkline-boxplot chartType="Pickle"></rms-sparkline-boxplot>
<rms-sparkline-boxplot>Slot content</rms-sparkline-boxplot>
<rms-sparkline-boxplot class="blue"></rms-sparkline-boxplot>
</body>
</html>