Informasjonsgrafikk Power BI

Eksempler på visuell stil i Power BI

Under ser du eksempler på utforming for de forskjellige grafer og diagrammer som blir benyttet. Power BI blir brukt på Boliglånsundersøkelsen 2022.

Linjediagram

• Ved bruk av få linjer i samme farge eller lignende farger, anbefales differensiert linjetykkelse, stipler eller punkter.
• Y-aksen beskrives med horisontal informasjon.
• En stiplet linje i horisontal retning for å tydeliggjøre referansene i Y-aksen.
• Linjeforklaringene legges horisontalt under diagrammet i samme rekkefølge.

Eksempel på linjediagram med linjer med forskjellig tykkelse:

Stolpediagram/histogram

• Det brukes samme farge med tydelig lyshetsgrad med minimum 1 pixels skille mellom boksene.
• Y-aksen beskrives med horisontal informasjon.
• En stiplet linje i horisontal retning for å tydeliggjøre referansene i Y-aksen.

Eksempel på stolpediagram med avstand mellom stolper og sektorer:

Sektordiagram

• Bruk samme farge med tydelig forskjellig lyshetsgrad og kontrast, slik at lesbarheten blir så god som mulig.
• Det anbefales minimum 1 pixels avstand mellom sektorene.
• Informasjon bør være i kontekst av hver sektor og beskrives med horisontal tekst. Kan populere på hover eller klikk.
• Hver sektor skal ha fyllfarge.
• Informasjonen skal plasseres utenfor diagrammet ved hjelp av linjer fra hver sektor og/eller ved å gjengi tegnforklaringen med respektive farge under eller til høyre for diagrammet.

Eksempel på sektordiagram (kakediagram) med informasjon knyttet til hver enkelt sektor:

Eksempel på sektordiagram (kakediagram) med informasjon basert på fargetone:

Søylediagram

• Bruk av samme farge med forskjellig lyshetsgrad og minimum 1 pixels avstand mellom søylene.
• Y-aksen beskrives med horisontal aksenotasjon.

Eksempel på søylediagram gruppert etter fargetoner:

Inline-informasjon

• Ved bruk av "plakater" med informasjon, anbefales hvit bakgrunn med svart omriss.
• Fargereferansene bør være tydelige og tilsvare det de henviser til.
• Tekst bør inneholde et minimum av informasjon som gir mening. Eksempel: skriv % bak alle prosenttall og kr bak alle tall som beskriver en sum.

Eksempel på sektordiagram med informasjonsplakat:

Eksempel på linjediagram med informasjonsplakat:

Faner

For å skille faner fra resten av informasjonen anbefales det å benytte en annen fargeskala enn den som benyttes i selve informasjonsgrafikken.

Eksempel på faner - ett nivå:

Eksempel på faner - to nivåer:

Punktdiagram

Fylt linjediagram

Kombinasjon

 

Markører