@utrecht/vega-visualization-css
v1.3.0
Published
URL data component for the Municipality of Utrecht based on the NL Design System architecture
Downloads
64
Keywords
Readme
Vega Visualization
React
Je kan het React <VegaVisualization />
component gebruiken voor het tonen van data visualisaties. Gebruik de Vega-Lite specificatie voor je data en geef deze specificatie mee aan het component.
Configuratie
De standaard configuratie van het visualisatie component kan worden overschreven via de config
property. Gebruik dit voor het wijzigen van het uiterlijk van de visualisatie.
Om meer talen toe te voegen kan je binnen het config
object een locale: {...}
property definieren. Vega locale documentatie.
Relevante WCAG eisen
- WCAG eis 1.1.1: grafieken moeten een tekst of een tabel als alternatief hebben.
- WCAG eis 1.4.1: informatie wordt niet duidelijk door kleur, zodat de grafiek ook duidelijk is voor mensen met kleurenblindheid.
- WCAG eis 1.4.11: voldoende contrast tussen de achtergrondkleur en visuele onderdelen zoals lijnen, staven, stippen en iconen.