Aktuell integriere ich eine Grafik so:
Code:
<img src="grafik.svg" align="middle" height="24"/>
Es kommt darauf an, was du genau machen willst. Vielleicht reicht schon Folgendes:
Code:
<img style="display: block; margin-left: auto; margin-right: auto; width: 24vw;" src="grafik.svg" />
Wenn du mehr Flexibilität brauchst, baue es mit einem Container. Beispiel:
Code:
<div style="margin: auto; width: 80%;">
<img style="width: auto; height: auto; max-width: 100%; max-height: 80vh;" src="grafik.svg" />
</div>
Zum Schreiben von
HTML-Quellcode ist der VSC Editor mit seiner Autovervollständigung hilfreich. Das Beispiel-Programm aus dem
Artikel, die Kombination aus Mustache Template-Engine und der Fähigkeit, JSON-Daten aus unterschiedlichen Quellen zu laden, ist praktisch beim Testen.
PS: Vermutlich ist es hier überdimensioniert, durch Verwendung von CSS-Frameworks wie
Bootstrap oder
Bulma erleichtert sich die Layout-Arbeit.
Bis bald...
Thomas