Graphs/Heatmap

Edit src/renderers/d3/heatmap.ts and save to see changes across all configurations

Tests: 24Sections: 5

Filter:

Container SizesSame 5×5 matrix at different container dimensions

Small400×300 · 25 rows

Medium600×400 · 25 rows

Large800×500 · 25 rows

Wide900×350 · 25 rows

Tall400×600 · 25 rows

Dataset SizesDifferent matrix dimensions

5×5 Grades600×450 · 25 rows

7×6 Activity600×450 · 42 rows

10×10 Correlation700×550 · 100 rows

20×20 Large800×600 · 400 rows

Config VariationsDifferent display and sorting options

Show Values600×450 · 25 rows

Hide Values600×450 · 25 rows

Sort Rows Asc600×450 · 25 rows

Sort Cols Desc600×450 · 25 rows

Both Sorted600×450 · 25 rows

Color SystemSequential, diverging, and default palettes

Default (Viridis)600×450 · 25 rows

Blue Sequential600×450 · 25 rows

Warm Sequential600×450 · 25 rows

BlueRed Diverging600×450 · 25 rows

GreenPurple Diverging600×450 · 25 rows

Edge CasesUnusual data shapes and extremes

Single cell400×300 · 1 rows

Single row600×300 · 5 rows

All same values500×400 · 9 rows

Sparse matrix600×450 · 41 rows

Long labels700×500 · 16 rows