feat: rewrite sankey chart with D3 — thin bars, labels beside nodes, proper hover

Browse Source

Replace @nivo/sankey with custom D3 implementation:
- 30px thin node bars with labels positioned beside them
- Links at 0.3 opacity, 0.6 on hover with full path highlighting
- Colors based on first URL segment for visual grouping
- Dynamic height based on tallest column
- Responsive width via ResizeObserver
- Click nodes to filter, hover for tooltips
- Invisible wider hit areas for easier link hovering
- Remove @nivo/sankey dependency, add d3

...

This commit is contained in:

Usman Baig

2026-03-16 21:56:22 +01:00

parent 4007056e44

commit 17f2bdc9e9

3 changed files with 914 additions and 553 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

835

package-lock.json generated

File diff suppressed because it is too large Load Diff