This example presents two linked views of the same financial transaction dataset: a Pearson correlation heatmap for numeric fields (e.g., TransactionAmount, AccountBalance) and a categorical association matrix using Cramér’s V for fields like Channel and TransactionType. Interactive filters let the user narrow rows by AccountID, Channel, or TransactionType. The SVG panels are rendered with D3 v7, with margins, axes, and cell labels styled via CSS. Data loads from a remote CSV, and pivoting uses d3.rollups and custom correlation functions.