@utrecht/vega-visualization-css v1.4.0

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.