Till innehåll på sidan

Diagram

Diagram är en viktig beståndsdel i SCB:s visuella uttryck. De visualiserar den statistiska informationen och förekommer frekvent så att fler ska ha möjlighet att ta till sig statistiken som SCB tar fram. Diagram är en viktig beståndsdel i kommunikationen.

Bredd och placering

När vi placerar diagram och tabeller i publikationer eller rapporter har vi tre storlekar (spaltbredder), att välja på. Beroende på storleken har vi även olika placeringsalternativ.

Smal

Den smala varianten är 5 kolumner bred på A4.

Mellan

Mellanvarianten är 6 kolumner bred på A4 och fyra kolumner på A5 och A6 .

Bred

Den breda varianten är 8 kolumner bred på A4 och passar inom sex kolumner på en A5.

Variationer

Exempel stapeldiagram

Exempel linjediagram

Exempel pyramid

Grunden för hur vi designar diagram är systematiserad. Det underlättar vårt vardagliga arbete och ökar möjligheten att skapa igenkänning.

För själva ramverket i diagrammen använder vi vår primärfärg blå. Det gäller bland annat y- och x-axeln och skalstreck. För stödlinjer gäller en ljusare blå ton (på webbplatsen: RGB 210.204.242, i tryck och Excel: RGB 211.211.239)

Kringinformation är svart.

När vi redogör för variabler i diagram använder vi oss av våra sekundärfärger och primärfärgen enligt definierade färghierarkier för diagram.

Färghierarki

På SCB har vi stora behov av olika varianter av diagram. Det ska vara lätt att läsa statistiken och det kräver att vi har möjligheter vad gäller färgval och mönster.

Vi växlar mellan mörka och ljusa nyanser ur färgpaletten. Var noggrann med att följa den definierade växelvisa hantering. Den säkerställer kontrast för personer med nedsatt färgseende och vid svartvita utskrifter.

Yt- och stapeldiagram

Det finns två färguppsättningar som baseras på våra grundfärger:

Tvåfärg

Trefärg

Exempel

Linjediagram

Färgpalett

Linjefyllningar finns med helfärg eller mönster i standardfärgerna, duo- eller triplettfärger.

För maximal kontrast rekommenderas att använda streckade linjermönster framför att använda heldragna linjer utan mönster.

Linjetjocklek: 1,5 px. Linjetjockleken ska vara 1,5 px oavsett storlek på diagram. Anpassa diagrammet efter det utrymme det ska få i kanalen.

Linjetyper

Standard

Par

Enfärgade

Heldragna

Exempel enfärgade linjer

Exempel heldragna linjer

För diagrammens ramverk använder vi alltid vår primärblå:

Till stödlinjer på webbplatsen används:

Till stödlinjer i Excel och tryck används:

För variablerna utgår vi alltid från primärblå och därefter sekundärfärgerna (några färger har adderats till sekundärfärgerna för att få bättre kontraster).

Layout och typografi

Diagrammets rubriker och numrering linjeras i vänsterkant. Diagramrubrik Roboto Bold.

Underrubrik Roboto Regular, samma grad som rubrik.

Värden ska vara Roboto Regular, primärblå.

Värdeindikator på y-axeln ska vara vågrät och vänsterställd. Robto Regular, primärblå.

Värdeindikator på x-axeln ska vara vågrät och högerställd. Robto Regular, primärblå.

När förklaringsruta behövs ska den placeras under diagrammet, alternativt i ritytan.

Kringinformation och källa ska vara vänsterställd under förklaringsrutan om den placerats under diagrammet.

Teckengrad

Teckengraden ska vara minst 8 pt när diagrammet visas i sin slutprodukt eller kanal. Rubrik och källa anges bäst i Word/InDesign för bäst kontroll och samstämmighet mellan alla diagram.

Struktur

Text: Storlek och placering

Teckengraden ska vara minst 8 när diagrammet visas i sin slutprodukt eller kanal. Rubrik och källa anges bäst i Word för bäst kontroll och samstämmighet mellan alla diagram.

Texten linjeras i vänsterkant med undantag för diagrammets vågräta värdeindikator som ska vara högerställd.

Diagramytan

Värden på y-axeln linjeras i vänsterkant tillsammans med axelns beskrivning.

Värden på x-axeln fördelas jämnt över diagrammets totala yta. X- axelns beskrivning linjeras med diagrammets högerkant.

Förklaring till variablerna placerar vi under diagrammet. Alternativ placering i valfritt hörn i en ruta.