Tests and showcase of `PlotlyHelper.heatmap_stack_1D()`¶

TAGS : "visualization"¶

In [1]:

LAST_REVISED = "June 1, 2025"
LIFE123_VERSION = "1.0.0rc6"        # Library version this experiment is based on

In [2]:

#import set_path                    # Using MyBinder?  Uncomment this before running the next cell!

In [3]:

#import sys, os
#os.getcwd()
#sys.path.append("C:/some_path/my_env_or_install")   # CHANGE to the folder containing your venv or libraries installation!
# NOTE: If any of the imports below can't find a module, uncomment the lines above, or try:  import set_path

import numpy as np
from life123 import check_version, PlotlyHelper

In [4]:

check_version(LIFE123_VERSION)

OK

In [ ]:

A single heatmap¶

In [5]:

data_matrix = np.array([ [0.,  0., 100.,  10.,  0.,  0.,  50.,  0.,  25.,  0.] 
                       ])
data_matrix

Out[5]:

array([[  0.,   0., 100.,  10.,   0.,   0.,  50.,   0.,  25.,   0.]])

In [6]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A"])

In [7]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, 
                              labels=["A"], title="Test of 1-D heatmap stacking (with just 1 row)", 
                              data_name="Conc.", entity_name="CHEM")

In [8]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, 
                              labels=["A"], title="Test of 1-D heatmap stacking (with just 1 row)", 
                              data_name="Conc.", entity_name="CHEM", height=100)

Height increased to 250 because the requested value of 100 is insufficient to fit the plot

In [9]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, 
                              labels=["A"], title="Test of 1-D heatmap stacking (with just 1 row)", 
                              data_name="Conc.", entity_name="CHEM", height=500)

In [10]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, 
                              labels=["A"], title="Test of 1-D heatmap stacking, color-coded", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise"])

In [11]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, 
                              labels=["A"], title="Test of 1-D heatmap stacking, with color borders", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise"], color_borders=True)

In [12]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix,
                              labels=["A"], title="Test of 1-D heatmap stacking, color-coded but monochromatic heatmap",
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise"], monochromatic=True)

In [13]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix,
                              labels=["A"], title="Test of 1-D heatmap stacking, color-coded with borders, but monochromatic heatmap",
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise"], color_borders=True, monochromatic=True)

In [14]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, 
                              labels=["A"], title="Test of 1-D heatmap stacking with barriers", 
                              data_name="Conc.", entity_name="CHEM",
                              barriers=[1, 2, 4, 9])

In [15]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, 
                              labels=["A"], title="Test of 1-D heatmap stacking with barriers and color-coding", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise"], barriers=[1, 2, 4, 9])

In [16]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, 
                              labels=["A"], title="1-D heatmap stacking with barriers and color-coding, incl. borders", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise"], color_borders=True, barriers=[1, 2, 4, 9])

In [17]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix,
                              labels=["A"], title="1-D heatmap stacking with barriers and color-coding (gray scale)",
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise"], monochromatic=True, barriers=[1, 2, 4, 9])

In [18]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix,
                              labels=["A"], title="1-D heatmap stacking with barriers and color-coding and color borders (gray scale)",
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise"], color_borders=True, monochromatic=True, barriers=[1, 2, 4, 9])

In [19]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, 
                              labels=["A"], title="1-D heatmap stacking with barriers at the far edges, using a different color for barriers", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise"], 
                              barriers=[0, 1, 2, 4, 9, 10], barrier_color="pink")

In [ ]:

Two heatmaps¶

In [20]:

data_matrix = np.array([ [0.,  0., 100.,  10.,  0.,  0.,  50.,  0.,  25.,  0.], 
                         [-5.,  3., 6.,  10.,  7.,  4.,  1.,  8.,  5., -2.]])

data_matrix

Out[20]:

array([[  0.,   0., 100.,  10.,   0.,   0.,  50.,   0.,  25.,   0.],
       [ -5.,   3.,   6.,  10.,   7.,   4.,   1.,   8.,   5.,  -2.]])

In [21]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B"])

In [22]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B"], 
                              title="Specifying vertical grid spacing", grid_vert_spacing=0.4)

In [23]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B"], 
                              title="Specifying vertical grid spacing and colorbar extension", 
                              grid_vert_spacing=0.4, colorbar_extend=2)

In [24]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B"], 
                              title="Specifying vertical grid spacing", grid_vert_spacing=0)

In [25]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B"], 
                              title="Specifying vertical grid spacing and colorbar extension", 
                              grid_vert_spacing=0, colorbar_extend=1.1)

In [26]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B"], 
                              title="Specifying the total height", height=550)

In [27]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B"], 
                              title="Specifying the total height", height=1000)

In [28]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B"], 
                              colors=["turquoise", "yellow"])

In [29]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B"], 
                              colors=["turquoise", "yellow"], color_borders=True)

In [30]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B"],
                              colors=["turquoise", "yellow"], monochromatic=True)

In [31]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B"],
                              colors=["turquoise", "yellow"], color_borders=True, monochromatic=True)

In [32]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B"], 
                              colors=["turquoise", "yellow"],
                              barriers=[0, 2, 4, 9])

In [ ]:

Three heatmaps¶

In [33]:

data_matrix = np.array([ [0.,  0., 100.,  10.,  0.,  0.,  50.,  0.,  25.,  0.], 
                         [-5.,  3., 6.,  10.,  7.,  4.,  1.,  8.,  5., -2.],
                         [8.,  23., 16.,  8.,  4.,  9.,  18.,  28.,  15., 8.]
                       ])

data_matrix

Out[33]:

array([[  0.,   0., 100.,  10.,   0.,   0.,  50.,   0.,  25.,   0.],
       [ -5.,   3.,   6.,  10.,   7.,   4.,   1.,   8.,   5.,  -2.],
       [  8.,  23.,  16.,   8.,   4.,   9.,  18.,  28.,  15.,   8.]])

In [34]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C"])

In [35]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C"], height=900)

In [ ]:

Four heatmaps¶

In [36]:

data_matrix = np.array([ [1.234,  0., 100.,  10.,  0.,  0.,  50.,  0.,  25.,  0.], 
                         [-5.,  3., 6.,  10.,  7.,  4.,  1.,  8.,  5., -2.],
                         [8.23,  23., 16.,  8.,  4.,  9.,  18.,  28.,  15., 8.],
                         [66.,  3., 6.,  10.,  8.,  6.,  -4.,  3.,  2.,  0.]
                       ])

data_matrix

Out[36]:

array([[  1.234,   0.   , 100.   ,  10.   ,   0.   ,   0.   ,  50.   ,
          0.   ,  25.   ,   0.   ],
       [ -5.   ,   3.   ,   6.   ,  10.   ,   7.   ,   4.   ,   1.   ,
          8.   ,   5.   ,  -2.   ],
       [  8.23 ,  23.   ,  16.   ,   8.   ,   4.   ,   9.   ,  18.   ,
         28.   ,  15.   ,   8.   ],
       [ 66.   ,   3.   ,   6.   ,  10.   ,   8.   ,   6.   ,  -4.   ,
          3.   ,   2.   ,   0.   ]])

In [37]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"])

In [38]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"],
                              title="4 stacked heatmaps", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise", "yellow", "green", "pink"],
                              barriers=[1, 2, 4, 10])

In [39]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"],
                              title="4 stacked heatmaps", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise", "yellow", "green", "pink"],
                              barriers=[1, 2, 4, 10], color_borders=True)

In [40]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"],
                              title="4 stacked heatmaps", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise", "yellow", "green", "pink"],
                              barriers=[1, 2, 4, 10], monochromatic=True)

In [41]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"],
                              title="4 stacked heatmaps", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise", "yellow", "green", "pink"],
                              barriers=[1, 2, 4, 10], monochromatic=True, color_borders=True)

In [42]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"],
                              title="4 stacked heatmaps", 
                              data_name="Conc.", entity_name="CHEM", height=50,
                              colors=["turquoise", "yellow", "green", "pink"],
                              barriers=[1, 2, 4, 10])

Height increased to 500 because the requested value of 50 is insufficient to fit the plot

In [43]:

# Small number of bins

data_matrix = np.array([ [1.234,  0., 100.,  10.,  0.], 
                         [-5.987,  3., 6.,  10.,  7.],
                         [8.23,  23., 16.,  8.,  4.],
                         [66.66,  3., 6.,  10.,  8.]
                       ])

data_matrix

Out[43]:

array([[  1.234,   0.   , 100.   ,  10.   ,   0.   ],
       [ -5.987,   3.   ,   6.   ,  10.   ,   7.   ],
       [  8.23 ,  23.   ,  16.   ,   8.   ,   4.   ],
       [ 66.66 ,   3.   ,   6.   ,  10.   ,   8.   ]])

In [44]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"],
                              title="Because of the small number of bins, more text is shown on them", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise", "yellow", "green", "pink"],
                              barriers=[1, 2, 4, 5])

In [45]:

# Larger number of bins

data_matrix = np.array([ [1.234,  0., 100.,  10.,  0.,  0.,  50.,  0.,  25.,  0., 11.56], 
                         [-5.987,  3., 6.,  10.,  7.,  4.,  1.,  8.,  5., -2., 8.34],
                         [8.23,  23., 16.,  8.,  4.,  9.,  18.,  28.,  15., 8., 15.3],
                         [66.66,  3., 6.,  10.,  8.,  6.,  -4.,  3.,  2.,  0., 33.7]
                       ])

In [46]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"],
                              title="Because of the larger number of bins, less text is shown on them", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise", "yellow", "green", "pink"],
                              barriers=[1, 2, 4, 10])

In [47]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"],
                              title="The user can over-ride formatting of numbers shown on bins", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise", "yellow", "green", "pink"], text_format=".2f",
                              barriers=[1, 2, 4, 10])

In [48]:

# Even larger number of bins

data_matrix = np.array([ [1.234,  0., 100.,  10.,  0.,  0.,  50.,  0.,  25.,  0., 11.56, 13.2, 0.234, 9.34,  100.,  10.,  0., 7.,  4.,  1.,  8.], 
                         [-5.987,  3., 6.,  10.,  7.,  4.,  1.,  8.,  5., -2., 8.34, 66.,  3., 6.,  10.,  8.,  6.,  -4.,  3.,  2.,  0.],
                         [8.23,  23., 16.,  8.,  4.,  9.,  18.,  28.,  15., 8., 15.3, -5.,  3., 6.,  10.,  7.,  4.,  1.,  8.,  5., -2.],
                         [66.66,  3., 6.,  10.,  8.,  6.,  -4.,  3.,  2.,  0., 33.7, 66.,  3., 6.,  10.,  8.,  6.,  -4.,  3.,  2.,  0.]
                       ])

In [49]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"],
                              title="Because of the large number of bins, no text is shown on them", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise", "yellow", "green", "pink"],
                              barriers=[1, 2, 4, 10])

In [50]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"],
                              title="Because of the large number of bins, no text is shown on them", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise", "yellow", "green", "pink"], color_borders=True, 
                              barriers=[1, 2, 4, 10])

In [51]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"],
                              title="Because of the large number of bins, no text is shown on them", 
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise", "yellow", "green", "pink"], color_borders=True, monochromatic=True, 
                              barriers=[1, 2, 4, 10])

In [52]:

PlotlyHelper.heatmap_stack_1D(data_matrix=data_matrix, labels=["A", "B", "C", "D"],
                              title="Because of the large number of bins, no text is shown on them",
                              data_name="Conc.", entity_name="CHEM",
                              colors=["turquoise", "yellow", "green", "pink"], monochromatic=True,
                              barriers=[1, 2, 4, 10])

In [ ]:

Tests and showcase of PlotlyHelper.heatmap_stack_1D()¶

TAGS : "visualization"¶

A single heatmap¶

Two heatmaps¶

Three heatmaps¶

Four heatmaps¶

Tests and showcase of `PlotlyHelper.heatmap_stack_1D()`¶