1 H 2 He 3 Li 4 Be 5 B 6 C 7 N 8 O 9 F 10 Ne 11 Na 12 Mg 13 Al 14 Si 15 P 16 S 17 Cl 18 Ar 19 K 20 Ca 21 Sc 22 Ti 23 V 24 Cr 25 Mn 26 Fe 27 Co 28 Ni 29 Cu 30 Zn 31 Ga 32 Ge 33 As 34 Se 35 Br 36 Kr 37 Rb 38 Sr 39 Y 40 Zr 41 Nb 42 Mo 43 Tc 44 Ru 45 Rh 46 Pd 47 Ag 48 Cd 49 In 50 Sn 51 Sb 52 Te 53 I 54 Xe 55 Cs 56 Ba 57 La 58 Ce 59 Pr 60 Nd 61 Pm 62 Sm 63 Eu 64 Gd 65 Tb 66 Dy 67 Ho 68 Er 69 Tm 70 Yb 71 Lu 72 Hf 73 Ta 74 W 75 Re 76 Os 77 Ir 78 Pt 79 Au 80 Hg 81 Tl 82 Pb 83 Bi 84 Po 85 At 86 Rn 87 Fr 88 Ra 89 Ac 90 Th 91 Pa 92 U 93 Np 94 Pu 95 Am 96 Cm 97 Bk 98 Cf 99 Es 100 Fm 101 Md 102 No 103 Lr 104 Rf 105 Db 106 Sg 107 Bh 108 Hs 109 Mt 110 Ds 111 Rg 112 Cn 113 Nh 114 Fl 115 Mc 116 Lv 117 Ts 118 Og
57-71 La-Lu Lanthanides
89-103 Ac-Lr Actinides
Element Category Colors
Element Tiles
Font Sizes
Tooltip
Multi-value Heatmap Examples
The periodic table now supports multiple values per element with different visual layouts:
2-fold Split (Diagonal)
Each element shows two values as diagonal triangles: top-left = atomic mass, bottom-right = density.
He 40.000179
Ne 20.20.0009
Ar 39.90.00178
Kr 83.80.00375
Xe 1310.00589
La 1396.16
Ce 1406.77
Pr 1416.77
Nd 1447.01
Pm 1457.26
Sm 1507.52
Eu 1525.26
Gd 1577.9
Tb 1598.23
Dy 1638.54
Ho 1658.79
Er 1679.07
Tm 1699.32
Yb 1736.9
Lu 1759.84
Rn 2220.00973
Ac 22710
Th 23211.7
Pa 23115.4
U 23819.1
Np 23720.4
Pu 24419.8
Am 24312
Cm 24713.5
Bk 24714.8
Cf 25115.1
Es 2528.84
Fm 2579.7
Md 25810.3
No 2599.9
Lr 26614.4
Og 2944.95
57-71 La-Lu Lanthanides
89-103 Ac-Lr Actinides
4-fold Split
Each element shows four values as quadrants: top-left = atomic radius, top-right = electronegativity * 100, bottom-left = covalent radius, bottom-right = |electron affinity|.
He 0.490.2848
Ne 0.510.58116
Ar 0.881.0696
Kr 11.1696
Xe 1.21.477
La 2.71102.0753
Ce 2.71122.0455
Pr 2.71132.0393
Nd 2.61142.01185
Pm 2.61131.9912.4
Sm 2.61171.9815.6
Eu 2.61201.9811.2
Gd 2.51201.9613.2
Tb 2.51201.94112
Dy 2.51221.9234
Ho 2.51231.9232.6
Er 2.51241.8930.1
Tm 2.41251.999
Yb 2.41101.871.93
Lu 2.31271.8733.4
Rn 1.31.568
Ac 1102.1533.8
Th 1302.06113
Pa 150253
U 1381.9650.9
Np 1361.945.9
Pu 1281.8748.3
Am 1301.89.93
Cm 1301.6927.2
Bk 130165
Cf 13097.3
Es 13028.6
Fm 13034
Md 13093.9
No 130223
Lr 30
Og 5.4
57-71 La-Lu Lanthanides
89-103 Ac-Lr Actinides
Missing Color Demo
The missing_color prop is used to control how missing values in heatmap
data are displayed.
1 H 1.01 2 He 3 Li 4 Be 9.01 5 B 6 C 7 N 14 8 O 9 F 10 Ne 20.2 11 Na 12 Mg 13 Al 27 14 Si 15 P 16 S 32.1 17 Cl 18 Ar 19 K 39.1 20 Ca 21 Sc 22 Ti 47.9 23 V 24 Cr 25 Mn 54.9 26 Fe 27 Co 28 Ni 58.7 29 Cu 30 Zn 31 Ga 69.7 32 Ge 33 As 34 Se 79 35 Br 36 Kr 37 Rb 85.5 38 Sr 39 Y 40 Zr 91.2 41 Nb 42 Mo 43 Tc 98 44 Ru 45 Rh 46 Pd 106 47 Ag 48 Cd 49 In 115 50 Sn 51 Sb 52 Te 128 53 I 54 Xe 55 Cs 133 56 Ba 57 La 58 Ce 140 59 Pr 60 Nd 61 Pm 145 62 Sm 63 Eu 64 Gd 157 65 Tb 66 Dy 67 Ho 165 68 Er 69 Tm 70 Yb 173 71 Lu 72 Hf 73 Ta 181 74 W 75 Re 76 Os 190 77 Ir 78 Pt 79 Au 197 80 Hg 81 Tl 82 Pb 207 83 Bi 84 Po 85 At 210 86 Rn 87 Fr 88 Ra 226 89 Ac 90 Th 91 Pa 231 92 U 93 Np 94 Pu 244 95 Am 96 Cm 97 Bk 247 98 Cf 99 Es 100 Fm 257 101 Md 102 No 103 Lr 266 104 Rf 105 Db 106 Sg 269 107 Bh 108 Hs 109 Mt 278 110 Ds 111 Rg 112 Cn 285 113 Nh 114 Fl 115 Mc 289 116 Lv 117 Ts 118 Og 294
57-71 La-Lu Lanthanides
89-103 Ac-Lr Actinides