Brand new metrics page

Renovated metrics pages

While creating new components, I also seized the chance to completely re-designed the UI of the metrics pages on Chrome Status. These pages include:

• CSS usage stack rank page
• CSS animation usage stack rank page
• HTML & JavaScript usage stack rank page

These pages are important because they allow web developers and feature owners to understand how features are used in the wild. Data include:

• Percentage of Chrome page loads (across all channels and platforms) that use the feature at least once over the last 24 hours
• Percentage of Chrome page loads from 2020 to now (timeline data)

I designed the new UI from scratch in Figma and coded it. Check out the outcome:

New metric page screenshot