1.5 KiB
1.5 KiB
| id | title | status | assignee | created_date | labels | dependencies | references | priority | |||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| TASK-82 | Sankey-proportional edges + node satisfaction bars in rFunds diagram | Done | 2026-03-03 05:32 |
|
|
medium |
Description
Edge widths now reflect actual dollar flow (source rates, overflow excess, spending drain) instead of just allocation percentages. Zero-flow paths render as ghost edges. Edge labels show dollar amounts alongside percentages. Funnel nodes display an inflow satisfaction bar. Outcome progress bars enhanced with dollar labels.
Acceptance Criteria
- #1 Edge widths proportional to actual dollar flow per edge
- #2 Ghost edges (dashed, low opacity) for zero-flow paths
- #3 Edge labels show dollar amounts: $2.5k (50%)
- #4 Funnel nodes show inflow satisfaction bar (green = received, grey = gap)
- #5 Outcome nodes have enhanced 8px progress bars with dollar labels
- #6 Clean tsc and vite build with no errors
Final Summary
Implemented in commit e644797 on dev branch. Modified folk-funds-app.ts (renderAllEdges two-pass with EdgeInfo, computeInflowSatisfaction, renderFunnelNodeSvg/renderOutcomeNodeSvg updated) and funds.css (ghost edge + satisfaction bar styles). Deployed to production.