Heatmap Matrix

This demo is based on 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. virtualize is on, but at the default 6px tile the whole ~103×103 grid fits on screen at most window sizes, so all ~10k cells are mounted.

Element Pair Electronegativity Difference

Symmetric Subset with Custom Tooltip

Demonstrates switchable symmetric modes and a custom tooltip snippet.

Symmetric Subset with Custom Tooltip

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.

Arbitrary Axis Items