Beta 2.1 is a visual rework of the Sankey diagram.
Charts Update!:
The previous version
worked but looked rough: the flow ribbons were angular, the nodes were
plain rectangles, and the two sides used independent scales so the
ribbons went diagonal instead of horizontal.
I asked another AI for help with the algorithm and it suggested a
cleaner approach. Each ribbon is now a single bezier curve with control
points at 42 percent of the horizontal distance (the same proportion D3
uses in its Sankey layout), instead of two curves joined at the ends.
The nodes are rounded rectangles with a soft shadow. Both sides share
the same scale so the ribbons flow straight. Nodes are centered
vertically instead of pinned to the top.
I kept the editorial palette: dark green for income nodes, black ink for
the center “total” node, cream with a colored accent stripe for each
expense category. The ribbons use the category color at 30 percent
opacity so overlaps create natural layering.
Also fixed a timezone bug in the 6 month bar chart. I was using
toISOString to build the month key, which converts to UTC and can return
the wrong month near midnight. Switched to getFullYear and getMonth
which stay in local time. The bars were technically drawing before but
some months were mismatched, now they line up correctly.
I still have to work that better, but it isnt thaaat bad
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.