Heatmap Matrix
Interactive square heatmap for visualizing pairwise relationships. Inspired by the Binary Phase Diagram Map from the Sun Research Group.
Element Pair Electronegativity Difference
Full 118-element matrix colored by |ΔEN|. Elements without electronegativity data
(noble gases, some superheavy) are auto-hidden with hide_empty="compact". Hover
for tooltips, click cells for details.
Symmetric Subset with Custom Tooltip
20 metals with switchable symmetric mode (lower/upper/off) and interpolatePlasma color scale. Custom tooltip shows element names and electronegativity values. Double-click updates
the status text below. Use the controls (gear icon) to toggle symmetric mode.
Arbitrary Axis Items
Axes don't have to be elements. This demo uses property-range bins as both axes, showing that HeatmapMatrix works with any AxisItem[]. Uses interpolateYlOrRd color scale and a custom
cell snippet that renders the value inside each tile.