Refine Charts for Financial Insights

[Baskarayelu]

Description:
Improve the design of charts (spending vs saving, trend lines, category breakdowns) used in Financial Insights.

Requirements

• Choose chart types per metric (bar, line, donut) and justify choices in UX notes.
• Define color palette and legend behavior; ensure readability in dark mode.
• Consider interactivity patterns (hover tooltips, click to filter).

Acceptance Criteria

• Updated chart designs in Figma.
• Responsive chart behavior documented.

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 200 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[Chinonso-Peter]

@Chinonso-Peter has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

I would love to work on this within my short time-frame

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Chinonso-Peter to this issue.

[drips-wave]

Congratulations, @Chinonso-Peter! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on February 26, 2026.

🧑‍💻 @Chinonso-Peter: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are issued when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[Austinaminu2]

@Austinaminu2 has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hi 👋

I’d like to work on this issue.

I have experience designing data visualization interfaces and refining financial dashboards to improve clarity, usability, and accessibility across light and dark themes.

Approach

• Review existing Financial Insights charts and select appropriate chart types:

  • Bar charts for spending vs saving comparisons
  • Line charts for trend analysis over time
  • Donut charts for category breakdowns

• Define a consistent color palette, legend behavior, and contrast rules optimized for dark mode readability

• Propose interaction patterns:

  • Hover tooltips with contextual details
  • Click-to-filter interactions between charts and transaction lists
  • Responsive layouts for different screen sizes

• Document UX decisions directly in Figma for contributor clarity

Deliverables

• Updated chart designs in Figma
• UX notes explaining chart type decisions
• Dark mode–friendly color and legend system
• Documented responsive and interaction behavior

If it's still available, can I get assigned to this?

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Austinaminu2 to this issue.

[Benalex8797]

@Benalex8797 has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

please can i work on this issue, assign to me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Benalex8797 to this issue.