Periodic Table

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

Multi-value Heatmap

The periodic table 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.

H 1.010.0000899
He 40.000179
Li 6.940.534
Be 9.011.85
B 10.82.08
C 121.82
N 140.00125
O 160.00143
F 190.0017
Ne 20.20.0009
Na 230.968
Mg 24.31.74
Al 272.7
Si 28.12.33
P 311.82
S 32.12.07
Cl 35.50.0032
Ar 39.90.00178
K 39.10.862
Ca 40.11.55
Sc 452.98
Ti 47.94.51
V 50.96
Cr 527.19
Mn 54.97.21
Fe 55.87.87
Co 58.98.9
Ni 58.78.91
Cu 63.58.96
Zn 65.47.14
Ga 69.75.91
Ge 72.65.32
As 74.95.73
Se 794.81
Br 79.93.1
Kr 83.80.00375
Rb 85.51.53
Sr 87.62.64
Y 88.94.47
Zr 91.26.52
Nb 92.98.57
Mo 9610.3
Tc 9811
Ru 10112.4
Rh 10312.4
Pd 10612
Ag 10810.5
Cd 1128.65
In 1157.31
Sn 1197.37
Sb 1226.7
Te 1286.24
I 1274.93
Xe 1310.00589
Cs 1331.93
Ba 1373.51
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
Hf 17813.3
Ta 18116.7
W 18419.3
Re 18621
Os 19022.6
Ir 19222.6
Pt 19521.4
Au 19719.3
Hg 20113.5
Tl 20411.8
Pb 20711.3
Bi 2099.78
Po 2099.2
At 2106.35
Rn 2220.00973
Fr 2231.87
Ra 2265.5
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
Rf 26723.2
Db 26829.3
Sg 26935
Bh 27037.1
Hs 26940.7
Mt 27837.4
Ds 28134.8
Rg 28228.7
Cn 28523.7
Nh 28616
Fl 28914
Mc 28913.5
Lv 29312.9
Ts 2947.17
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|.

H 0.252200.3172.8
He 0.2848
Li 1.45981.2859.6
Be 1.051570.9648
B 0.852040.8427
C 0.72550.76122
N 0.653040.716.8
O 0.63440.66141
F 0.53980.57328
Ne 0.58116
Na 1.8931.6652.9
Mg 1.51311.4140
Al 1.251611.2141.8
Si 1.11901.11134
P 12191.0772
S 12581.05200
Cl 13161.02349
Ar 0.711.0696
K 2.2822.0348.4
Ca 1.81001.762.37
Sc 1.61361.718
Ti 1.41541.67.29
V 1.351631.5350.9
Cr 1.41661.3965.2
Mn 1.41551.3950
Fe 1.41831.3214.8
Co 1.351881.2663.9
Ni 1.351911.24112
Cu 1.351901.32119
Zn 1.351651.2258
Ga 1.31811.2241
Ge 1.252011.2119
As 1.152181.1977.7
Se 1.152551.2195
Br 1.152961.2325
Kr 1.1696
Rb 2.35822.246.9
Sr 2951.955.02
Y 1.81221.929.6
Zr 1.551331.7541.8
Nb 1.451601.6488.5
Mo 1.452161.5472.1
Tc 1.351901.4753
Ru 1.32201.46101
Rh 1.352281.42110
Pd 1.42201.3954.2
Ag 1.61931.45126
Cd 1.551691.4468
In 1.551781.4237
Sn 1.451961.39107
Sb 1.452051.39101
Te 1.42101.38190
I 1.42661.39295
Xe 1.477
Cs 2.6792.4445.5
Ba 2.15892.1514
La 1.951102.0753
Ce 1.851122.0455
Pr 1.851132.0393
Nd 1.851142.01185
Pm 1.851131.9912.4
Sm 1.851171.9815.6
Eu 1.851201.9811.2
Gd 1.81201.9613.2
Tb 1.751201.94112
Dy 1.751221.9234
Ho 1.751231.9232.6
Er 1.751241.8930.1
Tm 1.751251.999
Yb 1.751101.871.93
Lu 1.751271.8733.4
Hf 1.551301.7517.2
Ta 1.451501.731
W 1.352361.6278.8
Re 1.351901.515.83
Os 1.32201.44104
Ir 1.352201.41151
Pt 1.352281.36205
Au 1.352541.36223
Hg 1.52001.3248
Tl 1.92041.4536.4
Pb 1.82331.4634.4
Bi 1.62021.4890.9
Po 1.92001.4136
At 2201.5233
Rn 1.568
Fr 702.646.9
Ra 902.219.65
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
Rf
Db
Sg
Bh
Hs
Mt
Ds
Rg 151
Cn
Nh 66.6
Fl
Mc 35.3
Lv 74.9
Ts 166
Og 5.4
57-71 La-Lu Lanthanides
89-103 Ac-Lr Actinides

Missing Color Demo

The missing prop ({ color, label, style }) styles tiles with no heatmap value. color takes any CSS color or 'element-category' (default: category colors for a plain table, gray for a heatmap); label and style further decorate missing tiles (e.g. style="opacity: 0.4" to dim them). Note 0 is a real value mapped through the color scale — only absent / null entries count as missing.

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

Active Elements Border Styling

Customize active element borders with CSS custom property --elem-tile-active-border.

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

Auto-Scaling Color Bar

When show_color_bar is enabled (the default) and no custom inset is provided, the periodic table automatically displays a color bar that scales with the table size. The color bar font and bar width adapt to container width using container queries.

Atomic Mass

1.01
4
6.94
9.01
10.8
12
14
16
19
20.2
23
24.3
27
28.1
31
32.1
35.5
39.9
39.1
40.1
45
47.9
50.9
52
54.9
55.8
58.9
58.7
63.5
65.4
69.7
72.6
74.9
79
79.9
83.8
85.5
87.6
88.9
91.2
92.9
96
98
101
103
106
108
112
115
119
122
128
127
131
133
137
139
140
141
144
145
150
152
157
159
163
165
167
169
173
175
178
181
184
186
190
192
195
197
201
204
207
209
209
210
222
223
226
227
232
231
238
237
244
243
247
247
251
252
257
258
259
266
267
268
269
270
269
278
281
282
285
286
289
289
293
294
294

Density

0.0000899
0.000179
0.534
1.85
2.08
1.82
0.00125
0.00143
0.0017
0.0009
0.968
1.74
2.7
2.33
1.82
2.07
0.0032
0.00178
0.862
1.55
2.98
4.51
6
7.19
7.21
7.87
8.9
8.91
8.96
7.14
5.91
5.32
5.73
4.81
3.1
0.00375
1.53
2.64
4.47
6.52
8.57
10.3
11
12.4
12.4
12
10.5
8.65
7.31
7.37
6.7
6.24
4.93
0.00589
1.93
3.51
6.16
6.77
6.77
7.01
7.26
7.52
5.26
7.9
8.23
8.54
8.79
9.07
9.32
6.9
9.84
13.3
16.7
19.3
21
22.6
22.6
21.4
19.3
13.5
11.8
11.3
9.78
9.2
6.35
0.00973
1.87
5.5
10
11.7
15.4
19.1
20.4
19.8
12
13.5
14.8
15.1
8.84
9.7
10.3
9.9
14.4
23.2
29.3
35
37.1
40.7
37.4
34.8
28.7
23.7
16
14
13.5
12.9
7.17
4.95

Boiling Point

20.3
4.22
1.62k
2.74k
4.2k
4.3k
77.4
90.2
85
27.1
1.16k
1.36k
2.79k
3.54k
553
718
239
87.3
1.03k
1.76k
3.11k
3.56k
3.68k
2.94k
2.33k
3.13k
3.2k
3.19k
2.84k
1.18k
2.48k
3.11k
887
958
332
120
961
1.66k
3.61k
4.68k
5.02k
4.91k
5.15k
4.42k
3.97k
3.24k
2.44k
1.04k
2.35k
2.88k
1.86k
1.26k
457
165
944
2.17k
3.74k
3.72k
3.79k
3.35k
3.27k
2.07k
1.8k
3.55k
3.5k
2.84k
2.99k
3.5k
2.22k
1.47k
3.68k
4.88k
5.73k
5.83k
5.87k
5.29k
4.7k
4.1k
3.13k
630
1.75k
2.02k
1.84k
1.24k
610
211
950
2.01k
3.47k
5.06k
4.3k
4.4k
4.27k
3.5k
2.88k
3.38k
983
1.17k
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0

2×2 Grid Layout

H 1.01
He 4
Li 6.94
Be 9.01
B 10.8
C 12
N 14
O 16
F 19
Ne 20.2
Na 23
Mg 24.3
Al 27
Si 28.1
P 31
S 32.1
Cl 35.5
Ar 39.9
K 39.1
Ca 40.1
Sc 45
Ti 47.9
V 50.9
Cr 52
Mn 54.9
Fe 55.8
Co 58.9
Ni 58.7
Cu 63.5
Zn 65.4
Ga 69.7
Ge 72.6
As 74.9
Se 79
Br 79.9
Kr 83.8
Rb 85.5
Sr 87.6
Y 88.9
Zr 91.2
Nb 92.9
Mo 96
Tc 98
Ru 101
Rh 103
Pd 106
Ag 108
Cd 112
In 115
Sn 119
Sb 122
Te 128
I 127
Xe 131
Cs 133
Ba 137
La 139
Ce 140
Pr 141
Nd 144
Pm 145
Sm 150
Eu 152
Gd 157
Tb 159
Dy 163
Ho 165
Er 167
Tm 169
Yb 173
Lu 175
Hf 178
Ta 181
W 184
Re 186
Os 190
Ir 192
Pt 195
Au 197
Hg 201
Tl 204
Pb 207
Bi 209
Po 209
At 210
Rn 222
Fr 223
Ra 226
Ac 227
Th 232
Pa 231
U 238
Np 237
Pu 244
Am 243
Cm 247
Bk 247
Cf 251
Es 252
Fm 257
Md 258
No 259
Lr 266
Rf 267
Db 268
Sg 269
Bh 270
Hs 269
Mt 278
Ds 281
Rg 282
Cn 285
Nh 286
Fl 289
Mc 289
Lv 293
Ts 294
Og 294
57-71 La-Lu Lanthanides
89-103 Ac-Lr Actinides
H 0.0000899
He 0.000179
Li 0.534
Be 1.85
B 2.08
C 1.82
N 0.00125
O 0.00143
F 0.0017
Ne 0.0009
Na 0.968
Mg 1.74
Al 2.7
Si 2.33
P 1.82
S 2.07
Cl 0.0032
Ar 0.00178
K 0.862
Ca 1.55
Sc 2.98
Ti 4.51
V 6
Cr 7.19
Mn 7.21
Fe 7.87
Co 8.9
Ni 8.91
Cu 8.96
Zn 7.14
Ga 5.91
Ge 5.32
As 5.73
Se 4.81
Br 3.1
Kr 0.00375
Rb 1.53
Sr 2.64
Y 4.47
Zr 6.52
Nb 8.57
Mo 10.3
Tc 11
Ru 12.4
Rh 12.4
Pd 12
Ag 10.5
Cd 8.65
In 7.31
Sn 7.37
Sb 6.7
Te 6.24
I 4.93
Xe 0.00589
Cs 1.93
Ba 3.51
La 6.16
Ce 6.77
Pr 6.77
Nd 7.01
Pm 7.26
Sm 7.52
Eu 5.26
Gd 7.9
Tb 8.23
Dy 8.54
Ho 8.79
Er 9.07
Tm 9.32
Yb 6.9
Lu 9.84
Hf 13.3
Ta 16.7
W 19.3
Re 21
Os 22.6
Ir 22.6
Pt 21.4
Au 19.3
Hg 13.5
Tl 11.8
Pb 11.3
Bi 9.78
Po 9.2
At 6.35
Rn 0.00973
Fr 1.87
Ra 5.5
Ac 10
Th 11.7
Pa 15.4
U 19.1
Np 20.4
Pu 19.8
Am 12
Cm 13.5
Bk 14.8
Cf 15.1
Es 8.84
Fm 9.7
Md 10.3
No 9.9
Lr 14.4
Rf 23.2
Db 29.3
Sg 35
Bh 37.1
Hs 40.7
Mt 37.4
Ds 34.8
Rg 28.7
Cn 23.7
Nh 16
Fl 14
Mc 13.5
Lv 12.9
Ts 7.17
Og 4.95
57-71 La-Lu Lanthanides
89-103 Ac-Lr Actinides
H 14.2
He 0
Li 454
Be 1.56k
B 2.57k
C 3.95k
N 63.3
O 50.5
F 53.6
Ne 24.7
Na 371
Mg 923
Al 933
Si 1.68k
P 317
S 389
Cl 172
Ar 84
K 337
Ca 1.11k
Sc 1.81k
Ti 1.93k
V 2.18k
Cr 2.13k
Mn 1.52k
Fe 1.81k
Co 1.77k
Ni 1.73k
Cu 1.36k
Zn 693
Ga 303
Ge 1.21k
As 1.09k
Se 494
Br 266
Kr 116
Rb 313
Sr 1.04k
Y 1.8k
Zr 2.13k
Nb 2.74k
Mo 2.89k
Tc 2.47k
Ru 2.52k
Rh 2.24k
Pd 1.83k
Ag 1.23k
Cd 594
In 430
Sn 505
Sb 904
Te 723
I 387
Xe 161
Cs 302
Ba 1k
La 1.19k
Ce 1.07k
Pr 1.2k
Nd 1.29k
Pm 1.2k
Sm 1.35k
Eu 1.1k
Gd 1.59k
Tb 1.63k
Dy 1.68k
Ho 1.74k
Er 1.8k
Tm 1.82k
Yb 1.1k
Lu 1.94k
Hf 2.5k
Ta 3.27k
W 3.68k
Re 3.45k
Os 3.3k
Ir 2.72k
Pt 2.05k
Au 1.34k
Hg 234
Tl 577
Pb 601
Bi 545
Po 527
At 575
Rn 202
Fr 300
Ra 973
Ac 1.32k
Th 2.03k
Pa 1.87k
U 1.41k
Np 913
Pu 913
Am 1.27k
Cm 1.34k
Bk 1.26k
Cf 1.93k
Es 1.13k
Fm 0
Md 0
No 1.1k
Lr 0
Rf 0
Db 0
Sg 0
Bh 0
Hs 0
Mt 0
Ds 0
Rg 0
Cn 0
Nh 0
Fl 0
Mc 0
Lv 0
Ts 0
Og 0
57-71 La-Lu Lanthanides
89-103 Ac-Lr Actinides
H 20.3
He 4.22
Li 1.62k
Be 2.74k
B 4.2k
C 4.3k
N 77.4
O 90.2
F 85
Ne 27.1
Na 1.16k
Mg 1.36k
Al 2.79k
Si 3.54k
P 553
S 718
Cl 239
Ar 87.3
K 1.03k
Ca 1.76k
Sc 3.11k
Ti 3.56k
V 3.68k
Cr 2.94k
Mn 2.33k
Fe 3.13k
Co 3.2k
Ni 3.19k
Cu 2.84k
Zn 1.18k
Ga 2.48k
Ge 3.11k
As 887
Se 958
Br 332
Kr 120
Rb 961
Sr 1.66k
Y 3.61k
Zr 4.68k
Nb 5.02k
Mo 4.91k
Tc 5.15k
Ru 4.42k
Rh 3.97k
Pd 3.24k
Ag 2.44k
Cd 1.04k
In 2.35k
Sn 2.88k
Sb 1.86k
Te 1.26k
I 457
Xe 165
Cs 944
Ba 2.17k
La 3.74k
Ce 3.72k
Pr 3.79k
Nd 3.35k
Pm 3.27k
Sm 2.07k
Eu 1.8k
Gd 3.55k
Tb 3.5k
Dy 2.84k
Ho 2.99k
Er 3.5k
Tm 2.22k
Yb 1.47k
Lu 3.68k
Hf 4.88k
Ta 5.73k
W 5.83k
Re 5.87k
Os 5.29k
Ir 4.7k
Pt 4.1k
Au 3.13k
Hg 630
Tl 1.75k
Pb 2.02k
Bi 1.84k
Po 1.24k
At 610
Rn 211
Fr 950
Ra 2.01k
Ac 3.47k
Th 5.06k
Pa 4.3k
U 4.4k
Np 4.27k
Pu 3.5k
Am 2.88k
Cm 3.38k
Bk 983
Cf 1.17k
Es 0
Fm 0
Md 0
No 0
Lr 0
Rf 0
Db 0
Sg 0
Bh 0
Hs 0
Mt 0
Ds 0
Rg 0
Cn 0
Nh 0
Fl 0
Mc 0
Lv 0
Ts 0
Og 0
57-71 La-Lu Lanthanides
89-103 Ac-Lr Actinides