Bump Chart

Bump ChartPreview

Tracks how your expense categories rank against each other month-over-month. Rank 1 means the highest spending category for that month.

What It Shows

Each line represents an expense category. The y-axis shows rank position (inverted, so rank 1 is at the top). As categories rise and fall in spending relative to each other, their lines cross -- making it easy to spot when one category overtakes another.

Rankings are computed by sorting categories by monthly spending within each month, then assigning sequential ranks.

Key Features

• Inverted y-axis -- rank 1 sits at the top
• Smooth lines with gentle curves between months
• End labels -- category name displayed at the right end of each line
• Category-coloured lines -- each line uses the category's assigned colour
• Focus on hover -- hovering highlights one category and fades the rest
• Ranked labels -- y-axis formatted as #1, #2, #3, etc.

Interactivity

• Hover -- highlights the hovered line and fades all others, making it easy to trace a single category's trajectory
• Tooltip -- shows the category name and rank for that month