I Finally Made the Profile Graph Easier to Read

The profile graph looked cool, but it had one problem: once you mixed Words, Sentences, Song, Baby, Standard, and Hard together, it stopped being insight and started being decoration.

So I cleaned it up properly.

What Changed

You can now filter the graph by mode. All runs, Words only, Sentences only, or Song only. Each point also carries difficulty information. Baby is green. Standard is blue. Hard is red. Mode gets its own shape too, so the graph reads faster instead of blurring together.

Words use circles. Sentences use squares. Song runs use diamonds. I wanted it to make sense at a glance, especially on mobile where charts can get messy fast.

Why It Matters

If your Standard runs are steady but your Hard runs fall off a cliff, that tells you something real. Same with Song mode. Same with Sentences. A mixed graph hides that. A clearer one actually helps you practice.

I also added a short “How to read it” block under the chart because UI should not feel like a decoding puzzle. Blue line is your main stat. Orange line is accuracy. Color is difficulty. Shape is mode. Done.

No Heavy Chart Library

I still did not add Chart.js. No giant dependency. No “small” package that quietly drags everything else down. It is canvas-based, light, and boring in the good way.

That part matters because I do not want one graph to be the feature that dents performance. We are keeping that Lighthouse score, bro. If a feature cannot justify its weight, it does not get to stay.

The Funniest Part

Now the graph tells on you. You can actually see which runs were locked in and which ones were fake confidence. Some of you are Speed Demon for one game and goblin mode for the next four. The chart is a snitch now.

What I Like Most

The graph feels more honest now. Not just prettier. More honest. That is better. A profile page should help you understand your habits, not just throw a shiny line at you and hope you feel productive.

Next up was ghost racing and song mode polish. The graph was step one. There is more coming.