Diagram
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.