From b9ddd6637044c8208e13be8959ab59e78b2dfd6d Mon Sep 17 00:00:00 2001 From: Chris Stewart Date: Tue, 20 May 2025 09:43:21 -0400 Subject: [PATCH] got rid of "wide" links in index.html The anchor tags on index.html page were styled to be block elements (display: block), that caused the entire width of the page around a given anchor to be clickable... which has repeatedly annoyed me when trying to look at the demos / learn uplot. Example: when focusing a browser window displaying the index.html by clicking in whitespace on the page, you accidentally trigger the link to whatever demo your pointer happens to be horizontally aligned with. I removed the display:block from the anchor tags, wrapped said anchors in
, and gave each div the class 'demo'. The page looks the same, but the links are now confined to the immediate space around the anchors. --- demos/index.html | 141 ++++++++++++++++++++++++----------------------- 1 file changed, 72 insertions(+), 69 deletions(-) diff --git a/demos/index.html b/demos/index.html index 1d885ed2..bba93ad2 100644 --- a/demos/index.html +++ b/demos/index.html @@ -23,6 +23,10 @@ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + .demo { + padding: 0.5ex; + } + h1 { font-size: 24px; } @@ -32,87 +36,86 @@ } a { - display: block; - padding: 4px; } +

μPlot Demos

- Multi time-series (two scales) - Areas chart - Grid over series - Axis positioning, metrics & style - Axis auto-size - Dependent scales - Function graphing & focus closest series - High/Low bands - Sparklines - Sparklines (w/ floating bars) - Dynamic data update / streaming - Disable pixel alignment (avoid pixel jitter when streaming) - Sine wave stream (3,600 points lookback @ 60Hz) - Sync cursor, toggle & focus across multiple charts - Dynamically toggle cursor between select-and-zoom & select-only - Tooltips plugin (basic) - Tooltips plugin (placement.js for positioning & containment) - Tooltip on closest datapoint w/click, and moar! - Cursor hover nearest non-null - Proper timezone & DST handling - Missing data & gaps - Sparse data alignment & null fills - Thin bars stroke & fill - Variable month widths - Resize with window - Soft min/max - Compare several overlaid time periods & stacked legend - Logarithmic scales (log10, real data) - Logarithmic scales (log2, log10, axis formatters) - Custom scales (Weibull, etc.) - Inverse hyperbolic sine scales - Data smoothing (moving avg) - "Nice" scale - Scale padding test - No data - Y-shifted series - Points density control - Bars, stepped & smooth lines - Gradient fills & strokes (vt & hz, scale-affixed & data-relative) - Scale direction & orientation (e.g. rotation, inversion) - Draggable y scales via axes - Discrete & shifted series w/sync - Maintains location of cursor/select/hoverPts during resize (test) - Plugin to render hovered values on axes +
Multi time-series (two scales)
+
Areas chart
+
Grid over series
+
Axis positioning, metrics & style
+
Axis auto-size
+
Dependent scales
+
Function graphing & focus closest series
+
High/Low bands
+
Sparklines
+
Sparklines (w/ floating bars)
+
Dynamic data update / streaming
+
Disable pixel alignment (avoid pixel jitter when streaming)
+
Sine wave stream (3,600 points lookback @ 60Hz)
+
Sync cursor, toggle & focus across multiple charts
+
Dynamically toggle cursor between select-and-zoom & select-only
+
Tooltips plugin (basic)
+
Tooltips plugin (placement.js for positioning & containment)
+
Tooltip on closest datapoint w/click, and moar!
+
Cursor hover nearest non-null
+
Proper timezone & DST handling
+
Missing data & gaps
+
Sparse data alignment & null fills
+
Thin bars stroke & fill
+
Variable month widths
+
Resize with window
+
Soft min/max
+
Compare several overlaid time periods & stacked legend
+
Logarithmic scales (log10, real data)
+
Logarithmic scales (log2, log10, axis formatters)
+
Custom scales (Weibull, etc.)
+
Inverse hyperbolic sine scales
+
Data smoothing (moving avg)
+
"Nice" scale
+
Scale padding test
+
No data
+
Y-shifted series
+
Points density control
+
Bars, stepped & smooth lines
+
Gradient fills & strokes (vt & hz, scale-affixed & data-relative)
+
Scale direction & orientation (e.g. rotation, inversion)
+
Draggable y scales via axes
+
Discrete & shifted series w/sync
+
Maintains location of cursor/select/hoverPts during resize (test)
+
Plugin to render hovered values on axes
- Russian month names on date/time axis - Dynamically add or delete series - Sync chart position when inside a scrollable container +
Russian month names on date/time axis
+
Dynamically add or delete series
+
Sync chart position when inside a scrollable container

Drawing

- Trendlines from zoomed range & zoom snapping - OHLC plugin + legend-as-tooltip plugin - Box & whisker plugin + legend-as-tooltip plugin - Draw hooks & (custom points) - Multi-series bars plugin - Multi-series bars plugin (stacked) - Timeline/discrete state sequence plugin - Latency Heatmap - Scatter & Bubble - Measurement datums via keyboard - Wind direction renderer - Render to image/png +
Trendlines from zoomed range & zoom snapping
+
OHLC plugin + legend-as-tooltip plugin
+
Box & whisker plugin + legend-as-tooltip plugin
+
Draw hooks & (custom points)
+
Multi-series bars plugin
+
Multi-series bars plugin (stacked)
+
Timeline/discrete state sequence plugin
+
Latency Heatmap
+
Scatter & Bubble
+
Measurement datums via keyboard
+
Wind direction renderer
+
Render to image/png

Zooming

- Different zoom variants (adaptive, uni/omnidirectional) - Fetch & update data on zoom - Secondary sync'd overview chart for x-axis zoom ranging - Secondary sync'd overview chart for x-axis zoom ranging (with grips) - Secondary sync'd overview chart for x/y-axis zoom ranging - Pinch zooming/panning plugin - Mouswheel zooming plugin +
Different zoom variants (adaptive, uni/omnidirectional)
+
Fetch & update data on zoom
+
Secondary sync'd overview chart for x-axis zoom ranging
+
Secondary sync'd overview chart for x-axis zoom ranging (with grips)
+
Secondary sync'd overview chart for x/y-axis zoom ranging
+
Pinch zooming/panning plugin
+
Mouswheel zooming plugin

Junk

- Stacked series +
Stacked series