Real-time Heatmap Plot Test

1. Single Series - Normal

Select random values from the normal distribution and display them with the heatmap.

2. Single Series - Beta

Select random values from the Beta(2, 5) distribution and display them with the heatmap.

3. Single Sieres - Normal, Single Update

Plot the normal distribution and transition a new element when the button is pressed.

Next

4. Single Series - Beta, Stream Update

Plot the Beta(2, 5) distribution and begin streaming new elements each second once the button is pressed.

Play

5. Single Series - Color Override

Change the bucket base color to orange and plot the Beta(2, 2) distribution.

6. Multi Series - Normal + Beta

Plot the Beta(2,5) and Normal distributions as two layers in a single heatmap. Stream elements to the plot by pressing the button. The normal distribution layer is in blue and the beta in green.

Play

7. Multi Series Color Override

Plot the normal distribution and the Beta(2, 5) distribution overrding normal to be in red, and beta to be in purple.

8. Range Independent Bucketing (Issue #41)

Discrete bucketing of sparse histogram values should produce similar looking graphs regardless of numeric relation between the range of the plot and the number of buckets.

Range [0, 100] with 20 buckets

Range [0, 100] with 45 buckets

9. Option: buckets

Play | 10 Buckets 20 Buckets 40 Buckets

10. Option: bucketRange

Play | [0, 100] [0, 75] [0, 50] [0, 25] [10,75]

11. Option: bucketPadding

Play | Padding: 0 Padding: 2 Padding: 4 Padding: 8

12. Option: cutOutliers

Play | Keep Outliers Cut Outliers

13. Option: opacity

Play | √n n n² n³ n⁴ n⁵

14. Show/Hide Layer

Toggle A Toggle B | Play