I built a simple tool that turns my subscriptions into a proportional treemap - bigger box = bigger monthly spend.
Seeing it visually was honestly a bit confronting. I knew streaming services cost money, but I didn’t realize they made up quite a lot of my total subscription spend until I saw them as massive boxes. Made it pretty easy to decide what to cut first.
What it does:
<ul>
<li>Shows all your subscriptions as proportional boxes</li>
<li>Instantly highlights which services dominate your budget</li>
<li>Useful for deciding what’s actually worth keeping vs what to cancel</li>
</ul>
Privacy-focused:
<ul>
<li>No sign up required</li>
<li>100% free (personal project, I make nothing from this)</li>
<li>All data stays in your browser - nothing sent anywhere</li>
</ul>
Try it here: <a href="https://visualize.nguyenvu.dev" target="_blank" rel="noopener nofollow">https://visualize.nguyenvu.dev</a>
Source code: <a href="https://github.com/hoangvu12/subgrid" target="_blank" rel="noopener nofollow">https://github.com/hoangvu12/subgrid</a>
Would love feedback: is this actually useful, or am I the only one who needed to see it visually to take action? Open to suggestions on what would make it better.

Get 1% better daily. Development resource sharing made easy. Post, comment, or upvote to show your contribution and support other developers! 🙌

⚠️ Please do not post any promotional resources.

Dev Squad

A developer created a free, privacy-focused web tool that visualizes subscription costs as a proportional treemap, where box size represents monthly spend. The tool runs entirely in the browser with no signup required, helping users identify which subscriptions consume the most budget and make informed decisions about what to cancel. The project is open source and available on GitHub.

I made a visual grid that shows your subscriptions sized by how much they actually cost you