Round the usage percentage to 1 decimal point

[past]

Currently the usage percentage has a large and not very useful number of decimal points. Rounding it to 1 decimal point should be sufficient for all use cases that we currently know of.

[jcscottiii]

FYI: This is about the usage chart

[suprith-hub]

@jcscottiii how do I get the percentage chart. All I could see now is subtest count chart.

[Andrea-Ozuem]

@jcscottiii I believe this PR is about the chromium usage column on the Overview page?

If so, then I believe this feature has already been implemented. I just confirmed now.

[jcscottiii]

@suprith-hub @Andrea-Ozuem

Thank you both for looking into this issue. To clarify, the chart functionality you're interested in is not yet live on the site. However, the current implementation exists in the following file:

webstatus.dev/frontend/src/static/js/components/webstatus-feature-usage-chart-panel.ts

Lines 57 to 60 in ecbd307

	valueExtractor: (dataPoint: ChromiumUsageStat): number =>
	dataPoint.usage ? dataPoint.usage * 100 : 0,
	tooltipExtractor: (dataPoint: ChromiumUsageStat): string =>
	`Chrome: ${dataPoint.usage ? dataPoint.usage * 100 : 0}%`,

If either of you plan to work on implementing this feature, please let me know along with an estimated ETA. This will help us avoid duplicate effort and ensure a fair opportunity for all contributors.

[Andrea-Ozuem]

@jcscottiii

I'd like to work on implementing this feature. However, I've been trying to setup the dev container for webstatus.dev, but I keep on running into an error when connecting to the dev container. I'm working on resolving it now though. After I'm able to setup my Dev container, my expected ETA would be 24 hours.

[Andrea-Ozuem]

@jcscottiii

I get this error from the log when trying to connect to the dev container

#0 547.7 ERROR: Feature "Docker (Docker-in-Docker)" (ghcr.io/devcontainers/features/docker-in-docker) failed to install! Look at the documentation at https://github.com/devcontainers/features/tree/main/src/docker-in-docker for help troubleshooting this error.

Any pointers on how to move on from here will be greatly appreciated!

Note:

• MacOS version: 15.3.2
• Chip: Apple M1

[suprith-hub]

@suprith-hub @Andrea-Ozuem

Thank you both for looking into this issue. To clarify, the chart functionality you're interested in is not yet live on the site. However, the current implementation exists in the following file:

webstatus.dev/frontend/src/static/js/components/webstatus-feature-usage-chart-panel.ts

Lines 57 to 60 in ecbd307

valueExtractor: (dataPoint: ChromiumUsageStat): number =>
dataPoint.usage ? dataPoint.usage * 100 : 0,
tooltipExtractor: (dataPoint: ChromiumUsageStat): string =>
Chrome: ${dataPoint.usage ? dataPoint.usage * 100 : 0}%,
If either of you plan to work on implementing this feature, please let me know along with an estimated ETA. This will help us avoid duplicate effort and ensure a fair opportunity for all contributors.

Thanks for the clarification, @jcscottiii!
I'd like to work on this feature and can start around April 9th — right now I’m focusing on finalizing my GSoC proposal.
If the issue is time-sensitive or someone else wants to take it up earlier, that’s totally fine too. Otherwise, I’d love to contribute once I’m available.

[r3yc0n1c]

Hi @jcscottiii , I'd like to work on this and can complete it by 3rd April or sooner.