Diagramm rechts ausrichten

[Gunnar Bittersmann]

@@Friedel

Natürlich soll der aktuelle Wert beim Laden der Seite angezeigt werden. Das Svg soll also rechtsbündig im Div angeordnet sein, sodass man nach links zu den alten Daten scrollen kann.

Wie erreiche ich das?

Indem du überlegst, wie solch eine Grafik mit Überbreite wohl auf einer arabischen oder hebräischen Seite dargestellt werden würde. Eben: rechtsbündig.

Also kurzerhand direction: rtl. Und für Kindelemente wieder zurück auf ltr. (Alternativtext könnte sonst seltsam aussehen.)

Und tabindex="0" fürs div nicht vergessen, damit man das Ding per Tastatur fokussieren und mit Pfeiltasten scrollen kann.

☞ Codepen: Klimastreifen, direction: rtl

Ergänzung:

Angeregt durch den anderen Thread hab ich noch einen Fork erstellt:

☞ Codepen: Klimastreifen, dir="rtl"

Für beides lassen sich Gründe finden.

🖖 Живіть довго і процвітайте