wpt.fyi icon indicating copy to clipboard operation
wpt.fyi copied to clipboard

Improve gridline ticks on Interop 2022

Open gsnedders opened this issue 3 years ago • 4 comments

https://staging.wpt.fyi/interop-2022's graphs look not great currently:

Screenshot of Interop 2022 graph

Having "Jan-2022 Jan-2022 Jan-2022 Jan-2022 Feb-2022 Feb-2022 Feb-2022" as ticks is very… not helpful.

https://developers.google.com/chart/interactive/docs/datesandtimes#formatting-axis,-gridline,-and-tick-labels makes it sound like we probably want something like:

          gridlines: {
            count: -1,
            units: {
              months: {format: ['MMM-YYYY']},
              days: {format: ['dd-MMM-YYYY']},
            }
          },

gsnedders avatar Feb 24 '22 16:02 gsnedders

@foolip

KyleJu avatar Mar 02 '22 01:03 KyleJu

@gsnedders this is what I see on https://staging.wpt.fyi/interop-2022?feature=interop-2022-color in Safari right now: image

I would call that "not great" as well, but it doesn't match your screenshot. Can you reproduce this right now, and with what browser? Chrome, Firefox and Safari all look the same to me.

foolip avatar Mar 02 '22 10:03 foolip

@gsnedders I see, you zoomed in on part of the graph. That does result in something pretty silly.

foolip avatar Mar 02 '22 11:03 foolip

@gsnedders did you try your suggestion locally? I tried it and a bunch of variations, but didn't arrive at something I thought really fixes the problem well.

foolip avatar Mar 03 '22 08:03 foolip

This has been addressed with the Interop 2023 UI design. Is it safe to say we can close this issue?

Screenshot 2023-12-12 at 11 15 58 AM

DanielRyanSmith avatar Dec 12 '23 19:12 DanielRyanSmith

Yeah, even zooming in it seems fine now.

gsnedders avatar Dec 13 '23 10:12 gsnedders