Data visualization

Overview

Colors

Color Color name Color code
Primary colors    
Color1 Primary color #1 #00188F
Color2 Primary color #2 #0072C6s
Color3 Primary color #3 #00BCF2
Color4 Primary color #4 #6DC2E9
Color5 Primary color #5 #00D8CC
Color6 Primary color #6 #00B294
Color7 Primary color #7 #007233
Color8 Primary color #8 #08A14E
Sentiment colors    
Negative Negative #D64554
Positive Positive #1AAB40
Neutral Neutral #D9B300
Divergent colors    
Max Max #262A76
Middle Middle #0072C6
Min Min #00BCF2
Font colors    
General General #707070
Title Title #585858

Typography

Typography used in data visualization is Segoe UI.

Typography in data visualization. Main title size 22px color #333333. Percent number size 18px color #FFFFFF.

Chart design

Pie chart

Pie chart size 231px and minimum 143px.

Donut chart

 Donut chart size 231px and minimum 143px.

Column chart

Column chart size 246px and minimum 147px.

Line chart

Line chart size 419px and minimum 147px.

Avoid these

Avoid in data visualization: using the wrong colors, too similar colors, too small graphs and too big differences in scales.