Package Exports
- @utrecht/vega-visualization-css
- @utrecht/vega-visualization-css/dist/index.css
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@utrecht/vega-visualization-css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
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.