Tabeller och diagram

Diagram

Diagram är ett komplement till löpande text som har till uppgift att tydliggöra sifferuppgifter och erbjuda alternativa sätt för läsaren att ta del av information.

Ett diagram är en grafisk visualisering som syftar till att förenkla och tydliggöra sifferuppgifter. I första hand använder vi stapeldiagram, cirkeldiagram och linjediagram.

Diagram huvudsyfte är att förmedla fakta. Det är viktigt att kontrasten mellan färgerna är tillräckligt god för att säkerställa att läsbarheten blir hög. Ett diagram ska vara utformat så att det går att läsa utan att enbart förlita sig på färger. Använd inte färger som det enda sättet att förmedla återkoppla eller särskilja information. Vid behov kan andra färger än de som finns i vår palett användas om det behövs för att visualisera fakta.

När diagram skapas ska staplar, linjer och ytor färgsätts utifrån Trafikverkets färgpalett i första hand.

Stapeldiagram

Att avgränsa fält med konturer och att inte placera närliggande färger intill varandra ökar läsbarheten.

Exempelbild 1: När färgerna i staplarna ligger i skala med intilliggande färger som är nära varandra blir kontrasten mellan fälten svag. Läsbarheten ökar om färgerna placeras om i en annan ordning och/eller lägger en kontur mellan fälten i staplarna. Se stapeln längst till höger i diagrammet.

Exempelbild 2: Genom att placera färgfälten på ett sätt så att kontrasten mellan fälten blir tydligare ökar läsbarheten. Stapeln till vänster har även konturer som avgränsar fälten för jämförelse.

 

Exempelbild 3: Bild på diagram med staplar och linje.

 

Exempelbild 4: Bild på diagram med flera variabler i olika grupperingar 

Cirkel- och linjediagram

Cirkeldiagram

Exempelbild 1: Siffervärden är kopplade till motsvarande fält i diagrammet. Informationen ligger separat under figuren. Kontrasten för det grå fältet med vit text är inte tillräcklig. Diagramfälten är inte avgränsade med konturer. 

Exempelbild 2: Läsbarheten för exempelbild 1 kan förbättras genom att istället koppla siffervärden och information direkt till motsvarande diagramfält och avgränsa fälten med konturer. Siffervärden och information får då en maximal kontrast med svart text mot vit bakgrund. 

 

Linjediagram

Exempelbild 3: Linjediagram med få linjer och kontrast mellan färger.  

Exempelbild 4: Ett mer komplext linjediagram behöver fler färger med god kontrast. 

 

Exempelbild 5: Heldragna- och streckade linjer med noder i olika utförande gör det lättare att skilja strecken åt. 

Tabeller

Tabeller är ett komplement till löpande text som har till uppgift att tydliggöra sifferuppgifter och erbjuda alternativa sätt för läsaren att ta del av information.

En tabell ska formges så att det blir enkelt för läsaren att ta del av informationen. Använd ett fåtal färger. Siffror ska ligga på baslinjen. Om tillgänglighetskraven uppfylls kan tabellhuvudet göras i färg med negativ text.

När bakgrundsfärg används för att tydliggöra tabellrader är det alltid viktigt att se till att kontrasten mellan bakgrund och text är hög.