Update examples

Author: Niilo Keinänen

README.md

@@ -72,23 +72,23 @@ Direct developer email support can be purchased through a [Support Plan][4] or b
 [3]: https://stackoverflow.com/questions/tagged/lightningchart
 [4]: https://lightningchart.com/support-services/
 
-© LightningChart Ltd 2009-2025. All rights reserved.
-
-
-[LightningChart]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/functions/lightningChart-1.html
-[Chart XY]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/classes/ChartXY.html
-[Axis XY]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/classes/Axis.html
-[Area Series]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/classes/PointLineAreaSeries.html
-[Heatmap Grid Series]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/classes/HeatmapGridSeriesIntensityValues.html
-[UI LUT range]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/interfaces/UILUTRange.html
-[UI Element]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/interfaces/UIElement.html
-[Axis Tick strategies]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/variables/AxisTickStrategies.html
-[Color factory RGBA]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/functions/ColorRGBA.html
-[Paletted fill style]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/classes/PalettedFill.html
-[Color lookup table]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/classes/LUT.html
-[Empty line style]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/variables/emptyLine.html
-[Empty fill style]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/variables/emptyFill-1.html
-[Empty tick style]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/variables/emptyTick.html
-[UI element builders]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/variables/UIElementBuilders.html
-[UI origins]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/variables/UIOrigins.html
+© LightningChart Ltd 2009-2026. All rights reserved.
+
+
+[LightningChart]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/functions/lightningChart-1.html
+[Chart XY]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/classes/ChartXY.html
+[Axis XY]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/classes/Axis.html
+[Area Series]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/classes/PointLineAreaSeries.html
+[Heatmap Grid Series]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/classes/HeatmapGridSeriesIntensityValues.html
+[UI LUT range]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/interfaces/UILUTRange.html
+[UI Element]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/interfaces/UIElement.html
+[Axis Tick strategies]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/variables/AxisTickStrategies.html
+[Color factory RGBA]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/functions/ColorRGBA.html
+[Paletted fill style]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/classes/PalettedFill.html
+[Color lookup table]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/classes/LUT.html
+[Empty line style]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/variables/emptyLine.html
+[Empty fill style]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/variables/emptyFill-1.html
+[Empty tick style]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/variables/emptyTick.html
+[UI element builders]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/variables/UIElementBuilders.html
+[UI origins]: https://lightningchart.com/js-charts/api-documentation/v8.2.0/variables/UIOrigins.html
 

src/index.js

@@ -87,7 +87,20 @@ const chart = lightningChart({
         })
     .ChartXY({
         legend: { addEntriesAutomatically: false },
-        theme: Themes[new URLSearchParams(window.location.search).get('theme') || 'darkGold'] || undefined,
+        theme: (() => {
+    const t = Themes[new URLSearchParams(window.location.search).get('theme') || 'darkGold'] || undefined
+    const smallView = Math.min(window.innerWidth, window.innerHeight) < 500
+    if (!window.__lcjsDebugOverlay) {
+        window.__lcjsDebugOverlay = document.createElement('div')
+        window.__lcjsDebugOverlay.style.cssText = 'position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);color:#fff;padding:4px 8px;z-index:99999;font:12px monospace;pointer-events:none'
+        if (document.body) document.body.appendChild(window.__lcjsDebugOverlay)
+        setInterval(() => {
+            if (!window.__lcjsDebugOverlay.parentNode && document.body) document.body.appendChild(window.__lcjsDebugOverlay)
+            window.__lcjsDebugOverlay.textContent = window.innerWidth + 'x' + window.innerHeight + ' dpr=' + window.devicePixelRatio + ' small=' + (Math.min(window.innerWidth, window.innerHeight) < 500)
+        }, 500)
+    }
+    return t && smallView ? lcjs.scaleTheme(t, 0.5) : t
+})(),
     })
     .setTitle('Distance Intensity Chart')