Skip to content

Commit 7365bfe

Browse files
author
Niilo Keinänen
committed
Initial
0 parents  commit 7365bfe

13 files changed

Lines changed: 419 additions & 0 deletions
Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
name: GitHub Pages
2+
3+
on:
4+
push:
5+
branches: [master]
6+
7+
jobs:
8+
build:
9+
runs-on: ubuntu-latest
10+
11+
steps:
12+
- uses: actions/checkout@v2
13+
14+
- name: Use Node.js 16.x
15+
uses: actions/setup-node@v1
16+
with:
17+
node-version: "16.x"
18+
19+
- name: Build
20+
env:
21+
LCJS_LICENSE: ${{ secrets.LCJS_DEPLOY_LICENSE }}
22+
run: |
23+
npm install
24+
npm run build
25+
26+
- name: Deploy
27+
uses: peaceiris/actions-gh-pages@v3
28+
with:
29+
github_token: ${{ secrets.GITHUB_TOKEN }}
30+
publish_dir: ./dist
31+
publish_branch: gh-pages

.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
node_modules
2+
dist
3+

LICENSE

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2022 LightningChart Ltd.
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

README.md

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
# Scrolling Heatmap Aggregation
2+
3+
![Scrolling Heatmap Aggregation](scrollingHeatmapAggregation-darkGold.png)
4+
5+
This demo application belongs to the set of examples for LightningChart JS, data visualization library for JavaScript.
6+
7+
LightningChart JS is entirely GPU accelerated and performance optimized charting library for presenting massive amounts of data. It offers an easy way of creating sophisticated and interactive charts and adding them to your website or web application.
8+
9+
The demo can be used as an example or a seed project. Local execution requires the following steps:
10+
11+
- Make sure that relevant version of [Node.js](https://nodejs.org/en/download/) is installed
12+
- Open the project folder in a terminal:
13+
14+
npm install # fetches dependencies
15+
npm start # builds an application and starts the development server
16+
17+
- The application is available at _http://localhost:8080_ in your browser, webpack-dev-server provides hot reload functionality.
18+
19+
20+
## Description
21+
22+
This example demonstrates **Scrolling Heatmap Aggregation** in `HeatmapScrollingGridSeries`. You can also configure aggregation for a static `HeatmapGridSeries`.
23+
24+
By default, heatmaps display the closest heatmap cell value to each pixel that is rendered on the screen. With dense, high resolution heatmaps, this can mean that there is no guarantee which data value is displayed in a pixel.
25+
26+
Heatmap aggregation can be enabled to specify this behavior (which value to show when multiple cell values are contained by single pixel) at the expense of a performance hit.
27+
28+
In this example, the lower heatmap uses the `max` aggregation mode, making sudden **power spikes (shown in red)** much easier to identify in the data stream.
29+
30+
# Heatmap Scrolling Grid Series aggregation
31+
32+
In LightningChart JS, aggregation mode is configured with the `setAggregation` method. By default the aggregation mode is `undefined`. Bilinear interpolation is not supported simultaneously, so remember to disable it with `setIntensityInterpolation('disabled')`.
33+
34+
```js
35+
// Enable heatmap aggregation (max/min)
36+
heatmapSeries
37+
.setAggregation('max')
38+
// Bilinear interpolation is not supported simultaneously
39+
.setIntensityInterpolation('disabled')
40+
```
41+
42+
The data used in this example: [ElectroSense PSD Spectrum Dataset](https://doi.org/10.5281/zenodo.7521246).
43+
44+
## API Links
45+
46+
* [Scrolling Heatmap Grid Series]
47+
* [Paletted Fill Style]
48+
* [Color Lookup Table]
49+
* [Chart XY]
50+
* [Axis XY]
51+
* [Axis Automatic Scroll Strategies]
52+
53+
54+
## Support
55+
56+
If you notice an error in the example code, please open an issue on [GitHub][0] repository of the entire example.
57+
58+
Official [API documentation][1] can be found on [LightningChart][2] website.
59+
60+
If the docs and other materials do not solve your problem as well as implementation help is needed, ask on [StackOverflow][3] (tagged lightningchart).
61+
62+
If you think you found a bug in the LightningChart JavaScript library, please contact sales@lightningchart.com.
63+
64+
Direct developer email support can be purchased through a [Support Plan][4] or by contacting sales@lightningchart.com.
65+
66+
[0]: https://github.com/Arction/
67+
[1]: https://lightningchart.com/lightningchart-js-api-documentation/
68+
[2]: https://lightningchart.com
69+
[3]: https://stackoverflow.com/questions/tagged/lightningchart
70+
[4]: https://lightningchart.com/support-services/
71+
72+
© LightningChart Ltd 2009-2025. All rights reserved.
73+
74+
75+
[Scrolling Heatmap Grid Series]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/classes/HeatmapScrollingGridSeriesIntensityValues.html
76+
[Paletted Fill Style]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/classes/PalettedFill.html
77+
[Color Lookup Table]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/classes/LUT.html
78+
[Chart XY]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/classes/ChartXY.html
79+
[Axis XY]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/classes/Axis.html
80+
[Axis Automatic Scroll Strategies]: https://lightningchart.com/js-charts/api-documentation/v8.1.0/variables/AxisScrollStrategies.html
81+

assets/spectrum_920_935.json

Lines changed: 1 addition & 0 deletions
Large diffs are not rendered by default.

package.json

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
{
2+
"version": "2.0.1",
3+
"scripts": {
4+
"build": "webpack --mode production",
5+
"start": "webpack serve"
6+
},
7+
"license": "MIT",
8+
"private": true,
9+
"main": "./src/index.js",
10+
"devDependencies": {
11+
"clean-webpack-plugin": "^4.0.0",
12+
"copy-webpack-plugin": "^10.0.0",
13+
"html-webpack-plugin": "^5.5.0",
14+
"webpack": "^5.64.4",
15+
"webpack-cli": "^4.9.1",
16+
"webpack-dev-server": "^4.6.0",
17+
"webpack-stream": "^7.0.0"
18+
},
19+
"dependencies": {
20+
"@lightningchart/lcjs": "^8.1.0",
21+
"@lightningchart/xydata": "^1.6.0"
22+
},
23+
"lightningChart": {
24+
"eID": "1708"
25+
}
26+
}
834 KB
Loading
845 KB
Loading
897 KB
Loading
825 KB
Loading

0 commit comments

Comments
 (0)