feat: overhaul status chart design

[crnvl]

I think these changes would make the status page chart a bit prettier.

Changes:

• set pointStyle to false
• change label date format to hh:mm a (I think the mention of the day is unnecessary and introduces clutter)
• set line tension to 0.15 for a smoother line
• set fill to false

Screenshot of reworked chart:

[ConnysCode]

I don't like the new styling. There is no consistency between it and the rest of the website. It also rises accessibility concerns.

However, i do like the new date formatting.

[crnvl]

related to 3cdb4be

Adjusted fill style and border width to previous values. If you were referring to the removal of points with accessibility concerns, I feel like not having them renders a clearer and easier to view graph than leaving them in (View second attachment). I also think that a subtle smoothness of the curves benefits the design a lot.

Changes:

Example for similar chart on discordstatus.com

[ConnysCode]

related to 3cdb4be

Adjusted fill style and border width to previous values. If you were referring to the removal of points with accessibility concerns, I feel like not having them renders a clearer and easier to view graph than leaving them in (View second attachment). I also think that a subtle smoothness of the curves benefits the design a lot.

Changes:

Example for similar chart on discordstatus.com

In my opinion, the unconstrained behaviour of the lines, does not match our relatively calculated and streamlined approach on design. Adding the points back, provides some clarity on the expected positioning of data points.

You cannot really compare one component to another one on another website with a whole different design philosophy.

[crnvl]

The reference image was meant to visualise, how another (quite big) service also does not use points while having a very accessible chart.

On lower resolution screens, points are very close to another and introduce noise to the field of view. Furthermore, smoothing the line helps with overflowing edges as shown in the image above.

[ConnysCode]

The reference image was meant to visualise, how another (quite big) service also does not use points while having a very accessible chart. On lower resolution screens, points are very close to another and introduce noise to the field of view. Furthermore, smoothing the line helps with overflowing edges as shown in the image above.

Yes, i do and did agree with smoothing the lines.

[crnvl]

Alright, what about the points? I think it'd be nice to remove them. If you still need exact info on a specific record, you can still hover over the chart to reveal exact info

[ConnysCode]

Alright, what about the points? I think it'd be nice to remove them. If you still need exact info on a specific record, you can still hover over the chart to reveal exact info

The points need to stay, we can talk about making them smaller, but in the current design - they are necessary.