Page MenuHomePhabricator

Apply design details for line charts
Closed, ResolvedPublic

Description

Design

Chart standards

Line chart specifics

  • Line styles should have width: 2, cap: "round", and join: "round"
  • Additionally, lines should use a symbol: "circle" with symbolSize: "6" by default (before enabling the symbols functionality)
    • The symbol color should be the same as the line color

Demo

Light mode example

Screenshot 2024-10-01 at 15.27.59.png (690×1 px, 120 KB)

Dark mode example

Screenshot 2024-10-01 at 15.28.13.png (674×1 px, 120 KB)

Event Timeline

Jdlrobson triaged this task as Medium priority.Oct 11 2024, 10:32 PM
Jdlrobson edited projects, added Charts (Sprint 9); removed Charts.
Jdlrobson subscribed.

@DTorsani-WMF we applied the styles to line charts. Would you be able to sign this one off?
Please push it back to doing if something doesn't look right!
https://commons.wikimedia.beta.wmflabs.org/wiki/Data:Example.Line.chart

Jdlrobson reassigned this task from CCiufo-WMF to DTorsani-WMF.
Jdlrobson moved this task from Incoming to Ready for Signoff on the Charts (Sprint 9) board.
Jdlrobson edited projects, added Charts (Sprint 10); removed Charts (Sprint 9).
Jdlrobson moved this task from Incoming to Ready for Signoff on the Charts (Sprint 10) board.
Jdlrobson added a subscriber: CCiufo-WMF.

Per the styles I provided, this looks good. I imagine we can focus on the emphasis popover as a separate task.

Per the styles I provided, this looks good. I imagine we can focus on the emphasis popover as a separate task.

Yep I was thinking that would be T375409 ?