-
-
Notifications
You must be signed in to change notification settings - Fork 446
Expand file tree
/
Copy pathindex.html
More file actions
117 lines (108 loc) · 5.29 KB
/
index.html
File metadata and controls
117 lines (108 loc) · 5.29 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>μPlot Demos</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
margin: 0;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h1 {
font-size: 24px;
}
h2 {
font-size: 18px;
}
a {
display: block;
padding: 4px;
}
</style>
</head>
<body>
<h1>μPlot Demos</h1>
<a href="../bench/uPlot.html">Multi time-series (two scales)</a>
<a href="area-fill.html">Areas chart</a>
<a href="grid-over-series.html">Grid over series</a>
<a href="axis-control.html">Axis positioning, metrics & style</a>
<a href="axis-autosize.html">Axis auto-size</a>
<a href="dependent-scale.html">Dependent scales</a>
<a href="focus-cursor.html">Function graphing & focus closest series</a>
<a href="high-low-bands.html">High/Low bands</a>
<a href="sparklines.html">Sparklines</a>
<a href="sparklines-bars.html">Sparklines (w/ floating bars)</a>
<a href="stream-data.html">Dynamic data update / streaming</a>
<a href="pixel-align.html">Disable pixel alignment (avoid pixel jitter when streaming)</a>
<a href="sine-stream.html">Sine wave stream (3,600 points lookback @ 60Hz)</a>
<a href="sync-cursor.html">Sync cursor, toggle & focus across multiple charts</a>
<a href="cursor-bind.html">Dynamically toggle cursor between select-and-zoom & select-only</a>
<a href="tooltips.html">Tooltips plugin (basic)</a>
<a href="cursor-tooltip.html">Tooltips plugin (<em>placement.js</em> for positioning & containment)</a>
<a href="tooltips-closest.html">Tooltip on closest datapoint w/click, and moar!</a>
<a href="nearest-non-null.html">Cursor hover nearest non-null</a>
<a href="timezones-dst.html">Proper timezone & DST handling</a>
<a href="missing-data.html">Missing data & gaps</a>
<a href="path-gap-clip.html">Sparse data alignment & null fills</a>
<a href="thin-bars-stroke-fill.html">Thin bars stroke & fill</a>
<a href="months.html">Variable month widths</a>
<a href="resize.html">Resize with window</a>
<a href="soft-minmax.html">Soft min/max</a>
<a href="time-periods.html">Compare several overlaid time periods & stacked legend</a>
<a href="log-scales.html">Logarithmic scales (log10, real data)</a>
<a href="log-scales2.html">Logarithmic scales (log2, log10, axis formatters)</a>
<a href="custom-scales.html">Custom scales (Weibull, etc.)</a>
<a href="arcsinh-scales.html">Inverse hyperbolic sine scales</a>
<a href="data-smoothing.html">Data smoothing (moving avg)</a>
<a href="nice-scale.html">"Nice" scale</a>
<a href="scale-padding.html">Scale padding test</a>
<a href="no-data.html">No data</a>
<a href="y-shifted-series.html">Y-shifted series</a>
<a href="points.html">Points density control</a>
<a href="line-paths.html">Bars, stepped & smooth lines</a>
<a href="gradients.html">Gradient fills & strokes (vt & hz, scale-affixed & data-relative)</a>
<a href="scales-dir-ori.html">Scale direction & orientation (e.g. rotation, inversion)</a>
<a href="y-scale-drag.html">Draggable y scales via axes</a>
<a href="timeseries-discrete.html">Discrete & shifted series w/sync</a>
<a href="update-cursor-select-resize.html">Maintains location of cursor/select/hoverPts during resize (test)</a>
<a href="localize-fr-ca.html">Override default localization (French Canada)</a>
<a href="add-del-series.html">Dynamically add or delete series</a>
<a href="scroll-sync.html">Sync chart position when inside a scrollable container</a>
<h2>Drawing</h2>
<a href="trendlines.html">Trendlines from zoomed range & zoom snapping</a>
<a href="candlestick-ohlc.html">OHLC plugin + legend-as-tooltip plugin</a>
<a href="box-whisker.html">Box & whisker plugin + legend-as-tooltip plugin</a>
<a href="draw-hooks.html">Draw hooks & (custom points)</a>
<a href="multi-bars.html">Multi-series bars plugin</a>
<a href="bars-grouped-stacked.html">Multi-series bars plugin (stacked)</a>
<a href="timeline-discrete.html">Timeline/discrete state sequence plugin</a>
<a href="latency-heatmap.html">Latency Heatmap</a>
<a href="scatter.html">Scatter & Bubble</a>
<a href="measure-datums.html">Measurement datums via keyboard</a>
<a href="wind-direction.html">Wind direction renderer</a>
<a href="svg-image.html">Render to image/png</a>
<h2>Zooming</h2>
<a href="zoom-variations.html">Different zoom variants (adaptive, uni/omnidirectional)</a>
<a href="zoom-fetch.html">Fetch & update data on zoom</a>
<a href="zoom-ranger.html">Secondary sync'd overview chart for x-axis zoom ranging</a>
<a href="zoom-ranger-grips.html">Secondary sync'd overview chart for x-axis zoom ranging (with grips)</a>
<a href="zoom-ranger-xy.html">Secondary sync'd overview chart for x/y-axis zoom ranging</a>
<a href="zoom-touch.html">Pinch zooming/panning plugin</a>
<a href="zoom-wheel.html">Mouswheel zooming plugin</a>
<h2>Junk</h2>
<a href="stacked-series.html">Stacked series</a>
</body>
</html>