About the Webinar Red Hat OpenShift is a supported and certified mechanism for deploying the NGINX Plus Ingress Controller for Kubernetes with point-and-click installation and automatic upgrades. You can leverage the Operator Lifecycle Manager (OLM) to perform installation, upgrade, and configuration of the NGINX Ingress Operator. In this webinar, you’ll learn how to get started with the Operator, and explore the benefits of using the NGINX Plus Ingress Controller for Kubernetes.  On-Demand Link: https://www.nginx.com/resources/webinars/ingress-load-balancing-nginx-openshift/

1. Flexible, Powerful, and
Easy-to-Use Ingress
Load Balancing with
NGINX and OpenShift

2. | ©2020 F52
Operators on RedHat
OpenShift

3. | ©2020 F53
Installing the NGINX​
Ingress Operator

4. | ©2020 F54
Demo
https://www.nginx.com/blog/getting-started-nginx-
ingress-operator-red-hat-openshift/

5. | ©2020 F55
Leveraging RBAC with
NGINX Ingress
Capabilities

6. | ©2020 F56
• VirtualServer and VirtualServerRoutes (VS/VSRs)
• Released in KIC 1.5 (https://www.nginx.com/resources/webinars/whats-new-nginx-ingress-controller-
kubernetes-version-150/)
• Supports advanced content routing and traffic splitting
• Finer grained access management of Ingress resources
• New NGINX ingress Resources released in KIC 1.7
• GlobalConfiguration (GC): Allocate TCP/UDP port numbers
• TransportSever (TS): Support for TCP/UDP and TLS passthrough
NGINX Ingress Resources

7. | ©2020 F57
GLOBAL CONFIGURATION
NGINX Ingress Resources
apiVersion: k8s.nginx.org/v1alpha1
kind: GlobalConfiguration
metadata:
name: nginx-configuration
namespace: nginx-ingress
spec:
listeners:
- name: dns-udp
port: 5353
protocol: UDP
- name: dns-tcp
port: 5353
protocol: TCP

8. | ©2020 F58
TRANSPORT SERVER
NGINX Ingress Resources
apiVersion: k8s.nginx.org/v1alpha1
kind: TransportServer
metadata:
name: dns-udp
spec:
listener:
name: dns-udp
protocol: UDP
upstreams:
- name: dns-app
service: coredns
port: 5353
action:
pass: dns-app

9. | ©2020 F59
VS AND VSRS
Leveraging RBAC with NGINX Ingress Resources
apiVersion: rbac.authorization.k8s.io/v1
kind: ClusterRole
metadata:
name: domain-lb-config
rules:
- apiGroups: ["k8s.nginx.org"]
resources: ["virtualservers"]
verbs: ["get", "list", "create"]
apiVersion: rbac.authorization.k8s.io/v1
kind: ClusterRole
metadata:
name: subdomain-lb-config
rules:
- apiGroups: ["k8s.nginx.org"]
resources: ["virtualserversroutes"]
verbs: ["get", "list", "create"]

10. | ©2020 F510
Circuit Breaking with
NGINX Ingress
Resources

11. | ©2020 F511
VIRTUALSERVER
Circuit Breaker Patterns
apiVersion: k8s.nginx.org/v1
kind: VirtualServer
metadata:
name: app
spec:
host: app.example.com
tls:
secret: app-secret
upstreams:
- name: app
service: app-svc
port: 80
healthCheck:
enable: true
path: /error_500
routes:
- path: /
errorPages:
- codes: [502]
redirect:
code: 301
url: https://nginx.org
action:
pass: app
Note: Exclusive to NGINX Plus
 Enable active health checks to
upstream services
 Connections to unhealthy
backend services are redirected
to https://nginx.org

12. | ©2020 F512
Demo

13. | ©2020 F513
Advanced Content Routing
and Traffic Splitting with
NGINX Ingress Resources

14. | ©2020 F514
 Routing based on NGINX variables (for
instance, $request_method - HTTP Request
Method)
 Routing based on HTTP Headers
 Routing based on a Request Argument
 Routing based on Cookies
CONTENT BASED ROUTING
Advanced Content Routing and Traffic Splitting
apiVersion: k8s.nginx.org/v1
kind: VirtualServer
metadata:
name: cafe
spec:
host: cafe.example.com
upstreams:
- name: tea-post
service: tea-post-svc
port: 80
- name: tea
service: tea-svc
port: 80
routes:
- path: /tea
matches:
- conditions:
- variable: $request_method
value: POST
action:
pass: tea-post
action:
pass: tea

15. | ©2020 F515
 Routing based on NGINX variables (for
instance, $request_method - HTTP Request
Method)
 Routing based on HTTP Headers
 Routing based on a Request Argument
 Routing based on Cookies
CONTENT BASED ROUTING
Advanced Content Routing and Traffic Splitting
apiVersion: k8s.nginx.org/v1
kind: VirtualServer
metadata:
name: cafe
spec:
host: cafe.example.com
upstreams:
- name: tea-mobile
service: tea-mobile-svc
port: 80
- name: tea
service: tea-svc
port: 80
routes:
- path: /tea
matches:
- conditions:
- header: User-Agent
value: "~^.*(Android|iPhone).*"
action:
pass: tea-mobile
action:
pass: tea

16. | ©2020 F516
 Routing based on NGINX variables (for
instance, $request_method - HTTP Request
Method)
 Routing based on HTTP Headers
 Routing based on a Request Argument
 Routing based on Cookies
CONTENT BASED ROUTING
Advanced Content Routing and Traffic Splitting
apiVersion: k8s.nginx.org/v1
kind: VirtualServer
metadata:
name: cafe
spec:
host: cafe.example.com
upstreams:
- name: tea-v2
service: tea-v2-svc
port: 80
- name: tea
service: tea-svc
port: 80
routes:
- path: /tea
matches:
- conditions:
- argument: version
value: "2"
action:
pass: tea-v2
action:
pass: tea

17. | ©2020 F517
 Routing based on NGINX variables (for
instance, $request_method - HTTP Request
Method)
 Routing based on HTTP Headers
 Routing based on a Request Argument
 Routing based on Cookies
CONTENT BASED ROUTING
Advanced Content Routing and Traffic Splitting
apiVersion: k8s.nginx.org/v1
kind: VirtualServer
metadata:
name: cafe
spec:
host: cafe.example.com
upstreams:
- name: tea-old
service: tea-old-svc
port: 80
- name: tea
service: tea-svc
port: 80
routes:
- path: /tea
matches:
- conditions:
- cookie: user
value: bob
action:
pass: tea-old
action:
pass: tea

18. | ©2020 F518
 Split traffic based on weights (100%)
 Useful for A/B testing
 90% of requests will go to coffee-v1, 10%
will go to coffee-v2
TRAFFIC SPLITTING
Advanced Content Routing and Traffic Splitting
apiVersion: k8s.nginx.org/v1
kind: VirtualServer
metadata:
name: cafe
spec:
host: cafe.example.com
upstreams:
- name: coffee-v1
service: coffee-v1-svc
port: 80
- name: coffee-v2
service: coffee-v2-svc
port: 80
routes:
- path: /coffee
splits:
- weight: 90
action:
pass: coffee-v1
- weight: 10
action:
pass: coffee-v2

19. | ©2020 F519
Demo

20. | ©2020 F520
NGINX INGRESS OPERATOR
Summary
 What is an Operator? Why is valuable to you ?
 The NGINX Ingress Operator is now available on OpenShift Container Platform
 Imposing finer grained access policies (VS, VSR, and GC)
 Easily configure circuit breaker patterns, content routing, and traffic splitting with NGINX ingress
resources

21. | ©2020 F521
Visit our GitHub repository
• https://github.com/nginxinc/kubernetes-ingress
• https://github.com/nginxinc/nginx-ingress-operator
Visit our product documentation page for additional information
 https://www.nginx.com/products/nginx/kubernetes-ingress-controller
 https://docs.nginx.com/nginx-ingress-controller/
NGINX INGRESS CONTROLLER
Additional Resources

22. | ©2020 F522
Get Started Today !
https://www.nginx.com/free-trial-request/

23. | ©2020 F523
Q&A

24. | ©2020 F524
This template consists of 29 layouts
THESE LAYOUTS WILL HELP INFORM CONSISTENT
ARRANGEMENT OF YOUR CONTENT
Each layout has preformatted placeholders that
can house various types of content including:
• Text, charts, tables, etc.
The placeholders can also be used to align content.
This is represented in the following examples
Template introduction
WELCOME

25. | ©2020 F525
This template consists of 29 layouts
THESE LAYOUTS WILL HELP INFORM CONSISTENT
ARRANGEMENT OF YOUR CONTENT
Each layout has preformatted placeholders that
can house various types of content including:
• Text, charts, tables, etc.
The placeholders can also be used to align
content.
This is represented in the following examples
WELCOME
Template introduction

26. | ©2020 F526
Slide layout anatomy
Page Number
Content Placeholders
• Can contain: Text, Charts
• Use placeholders to align
objects such as product
photography or tables
subhead Placeholder
Title Placeholder
Slide Background

27. | ©2020 F527
Primary levels:
LIGHT CONTENT
Bullet level one
• Bullet level two
− Bullet level three
− Bullet level four
PowerPoint has
9 levels of text styles
THESE CAN BE NAVIGATED BY:
Demote (down a level) by
pressing TAB
Promote (up a level) by
pressing SHIFT + TAB
Bullet levels can be mixed-and-matched
base on your content need
Secondary levels:
HEAVY CONTENT
Bullet level five: Headlines
BULLET LEVEL SIX: SUBHEAD
Bullet level seven: Body copy
• Bullet level eight: Primary bullet
− Bullet level nine: Secondary bullet
Placeholder text
THINKING ABOUT TEXT FORMATTING AND HIERARCHY

28. | ©2020 F528
Margins
Gutters
add or subtract to
create columns
Distribute gutters
evenly between
margins
(Duplicate for up to 12 columns)
Live
content
area
The design grid

29. | ©2020 F529
Approved color
• Blue
• Green
• Purple
• Gray
Approved layouts
• Blank
• Section Header
• Big Statement
• Title and Graphic
Changing background color
HOW-TO
2)
3) Select Solid fill
4) Choose an
approved color
1) Right click on the
slide background

30. | ©2020 F530
Approved color
• Blue
• Green
• Purple
• Gray
Approved layouts
• Title Slide w/ Photo
• Blank
Changing background photo
HOW-TO
3) Select Picture or
Texture fill
4a) Choose File for
a new image
4b) Copy image from library
then Choose Clipboard
4a) 4b)
2)
1) Right click on the
slide background

31. | ©2020 F531
To insert a footer
Navigate to the Insert tab
Select Header & Footer
Check the footer box
Type “confidential” into the
accompanying box
Select Apply or Apply all
THE FOOTER WILL APPEAR
ON THE SLIDE SURFACE
Footer
CONFIDENTIAL
3
4
5
1
2
CONFIDENTIAL

32. | ©2020 F532
Master layouts

33. Title layout
OPTIONAL PLACEHOLDER EXAMPLE
Presenter Name
Position example
July 8, 2020 (Optional date example)
See slide 7 for instruction to change the background Photo

34. Title layout
OPTIONAL PLACEHOLDER EXAMPLE
Presenter Name
Position example
July 8, 2020 (Optional date example)
See slide 7 for instruction to change the background Photo

35. Title layout
OPTIONAL PLACEHOLDER EXAMPLE
Presenter Name
Position example
July 8, 2020 (Optional date example)
See slide 7 for instruction to change the background Photo

36. Title layout
OPTIONAL PLACEHOLDER EXAMPLE
Presenter Name
Position example
July 8, 2020 (Optional date example)
See slide 7 for instruction to change the background Photo

37. Title layout
OPTIONAL PLACEHOLDER EXAMPLE
Presenter Name
Position example
July 8, 2020 (Optional date example)

38. Title layout
OPTIONAL PLACEHOLDER EXAMPLE
Presenter Name
Position example
July 8, 2020 (Optional date example)

39. Title layout
OPTIONAL PLACEHOLDER EXAMPLE
Presenter Name
Position example
July 8, 2020 (Optional date example)

40. Title layout
OPTIONAL PLACEHOLDER EXAMPLE
Presenter Name
Position example
July 8, 2020 (Optional date example)

41. | ©2020 F541
Duis libero dui, mollis eu lorem dictum, tempus imperdiet lectus
Vestibulum dignissim dignissim enim, nec pretium elit lobortis ac
Nunc blandit lobortis massa nec sodales
Ut non risus ullamcorper, finibus odio ac, dignissim dui
OPTIONAL SUBHEAD PLACEHOLDER
Title and content layout

42. | ©2020 F542
Duis libero dui, mollis eu lorem dictum, tempus
imperdiet lectus vestibulum dignissim dignissim enim,
nec pretium elit lobortis ac
Nunc blandit lobortis massa nec
ULLAMCORPER, FINIBUS ODIO AC, DIGNISSIM DUI
Nullam ac bibendum sem quisque in dictum est duis libero dui, mollis
eu lorem dictum, tempus imperdiet lectus vestibulum dignissim
dignissim enim, nec pretium elit lobortis ac
• Blandit lobortis massa nec sodales
• Ut non risus ullamcorper, finibus odio ac, dignissim dui
• Nullam ac bibendum sem
− Quisque
Two content layout
OPTIONAL SUBHEAD PLACEHOLDER

43. | ©2020 F543
Duis libero dui, mollis eu lorem
dictum, tempus imperdiet lectus
vestibulum dignissim dignissim
enim, nec pretium elit lobortis ac
Nunc blandit lobortis massa nec sodales
ULLAMCORPER, FINIBUS ODIO AC, DIGNISSIM DUI
Nullam ac bibendum sem quisque in dictum est duis libero dui, mollis eu lorem dictum,
tempus imperdiet lectus vestibulum dignissim dignissim enim, nec pretium elit lobortis ac
• Blandit lobortis massa nec sodales
• Ut non risus ullamcorper, finibus odio ac, dignissim dui
• Nullam ac bibendum sem
− Quisque
Two content weighted right
OPTIONAL SUBHEAD PLACEHOLDER

44. | ©2020 F544
Nunc blandit lobortis massa nec sodales
ULLAMCORPER, FINIBUS ODIO AC, DIGNISSIM DUI
Nullam ac bibendum sem quisque in dictum est duis libero dui, mollis eu lorem dictum,
tempus imperdiet lectus vestibulum dignissim dignissim enim, nec pretium elit lobortis.
• Blandit lobortis massa nec sodales
• Ut non risus ullamcorper, finibus odio ac, dignissim dui
• Nullam ac bibendum sem
− Quisque
Duis libero dui, mollis eu lorem
dictum, tempus imperdiet lectus
vestibulum dignissim dignissim
enim, nec pretium elit lobortis.
Two content weighted left
OPTIONAL SUBHEAD PLACEHOLDER

45. | ©2020 F545
Nunc blandit lobortis massa
nec sodales
ULLAMCORPER, FINIBUS ODIO AC
Nullam ac bibendum sem quisque in dictum
est duis libero dui, mollis eu lorem dictum,
tempus imperdiet lectus vestibulum
dignissim dignissim enim, nec pretium elit
lobortis ac
• Blandit lobortis massa nec sodales
• Ut non risus ullamcorper, finibus odio ac,
dignissim dui
• Nullam ac bibendum sem
− Quisque
Duis libero dui, mollis eu lorem
dictum, tempus imperdiet lectus
vestibulum dignissim dignissim
enim, nec pretium elit lobortis ac
0
0.5
1
1.5
2
2.5
3
3.5
4
4.5
5
Category 1
Series 1 Series 2 Series 3
Series 4 Series 5 Series 6
Three content
OPTIONAL SUBHEAD PLACEHOLDER
SOURCE: INFORMATION EXAMPLE

46. | ©2020 F546
Nunc blandit
lobortis massa
ULLAMCORPER, FINIBUS
Nullam ac bibendum sem
quisque in dictum est duis
libero dui, mollis eu lorem
dictum, tempus imperdiet
lectus vestibulum
• Blandit lobortis
massa nec sodales
• Ut non risus ullamcorper,
finibus odio ac, dignissim
Nunc blandit
lobortis massa
ULLAMCORPER, FINIBUS
Nullam ac bibendum sem
quisque in dictum est duis
libero dui, mollis eu lorem
dictum, tempus imperdiet
lectus vestibulum
• Blandit lobortis
massa nec sodales
• Ut non risus ullamcorper,
finibus odio ac, dignissim
Nunc blandit
lobortis massa
ULLAMCORPER, FINIBUS
Nullam ac bibendum sem
quisque in dictum est duis
libero dui, mollis eu lorem
dictum, tempus imperdiet
lectus vestibulum
• Blandit lobortis
massa nec sodales
• Ut non risus ullamcorper,
finibus odio ac, dignissim
0
0.5
1
1.5
2
2.5
3
3.5
4
4.5
5
Category 1
Series 1 Series 2 Series 3
Series 4 Series 5 Series 6
Four content
OPTIONAL SUBHEAD PLACEHOLDER
SOURCE: INFORMATION EXAMPLE

47. | ©2020 F547
Title only
OPTIONAL SUBHEAD PLACEHOLDER

48. | ©2020 F548
Title only with no subhead

49. | ©2020 F549
See slide 6 for instruction to change the background color

50. Blank layout
WITH OVERLAY TEXT
EXAMPLE

51. | ©2020 F551
Section header layout
See slide 6 for instruction to change the background color

52. | ©2020 F552
Section header layout
See slide 6 for instruction to change the background color

53. | ©2020 F553
Section header layout
See slide 6 for instruction to change the background color

54. | ©2020 F554
Big statement layout
ADDITIONAL INFORMATION
See slide 6 for instruction to change the background color

55. | ©2020 F555
Big statement layout
ADDITIONAL INFORMATION
See slide 6 for instruction to change the background color

56. | ©2020 F556
Big statement layout
ADDITIONAL INFORMATION
See slide 6 for instruction to change the background color

57. | ©2020 F557
Nunc blandit lobortis massa nec
ULLAMCORPER, FINIBUS ODIO AC
Nullam ac bibendum sem quisque in dictum est duis libero dui,
mollis eu lorem dictum, tempus imperdiet lectus vestibulum
dignissim dignissim enim, nec pretium elit lobortis ac
• Blandit lobortis massa nec sodales
• Ut non risus ullamcorper, finibus odio ac, dignissim dui
• Nullam ac bibendum sem
− Quisque
OPTIONAL SUBHEAD PLACEHOLDER
Content w/ photo
right layout

58. | ©2020 F558
Nunc blandit lobortis massa nec
ULLAMCORPER, FINIBUS ODIO AC
Nullam ac bibendum sem quisque in dictum est duis libero dui,
mollis eu lorem dictum, tempus imperdiet lectus vestibulum
dignissim dignissim enim, nec pretium elit lobortis ac
• Blandit lobortis massa nec sodales
• Ut non risus ullamcorper, finibus odio ac, dignissim dui
• Nullam ac bibendum sem
− Quisque
OPTIONAL SUBHEAD PLACEHOLDER
Content w/ photo
left layout
| ©2020 F558

59. | ©2020 F559
Duis libero dui, mollis eu lorem dictum,
tempus imperdiet lectus vestibulum
dignissim dignissim enim, nec pretium elit
lobortis ac
OPTIONAL SUBHEAD
Sidebar w/ content
layout
XX%XXXXXXXX
SOURCE: INFORMATION EXAMPLE

60. | ©2020 F560
Duis libero dui, mollis eu lorem dictum,
tempus imperdiet lectus vestibulum
dignissim dignissim enim, nec pretium elit
lobortis ac
OPTIONAL SUBHEAD
Sidebar w/ two
content layout
XX% XX%
SOURCE: INFORMATION EXAMPLE

61. | ©2020 F561
Nunc blandit lobortis massa nec sodales
ULLAMCORPER, FINIBUS ODIO AC, DIGNISSIM DUI
Nullam ac bibendum sem quisque in dictum est duis libero dui, mollis eu lorem dictum,
tempus imperdiet lectus vestibulum dignissim dignissim enim, nec pretium elit lobortis.
• Blandit lobortis massa nec sodales
• Ut non risus ullamcorper, finibus odio ac, dignissim dui
• Nullam ac bibendum sem
− Quisque
OPTIONAL SUBHEAD PLACEHOLDER
Right One-third Highlight
Nullam ac bibendum sem
quisque in dictum est duis
libero dui, mollis eu lorem.
Nunc blandit
massa nec
ULLAMCORPER, FINIBUS ODIO AC,
DIGNISSIM DUI
XXULLAM CORPER

62. | ©2020 F562 | ©2020 F562
Nunc blandit lobortis massa nec sodales
ULLAMCORPER, FINIBUS ODIO AC, DIGNISSIM DUI
Nullam ac bibendum sem quisque in dictum est duis libero dui, mollis eu lorem dictum,
tempus imperdiet lectus vestibulum dignissim dignissim enim, nec pretium elit lobortis.
• Blandit lobortis massa nec sodales
• Ut non risus ullamcorper, finibus odio ac, dignissim dui
• Nullam ac bibendum sem
− Quisque
OPTIONAL SUBHEAD PLACEHOLDER
Left One-third Highlight
Nullam ac bibendum sem
quisque in dictum est duis
libero dui, mollis eu lorem.
Nunc blandit
massa nec
ULLAMCORPER, FINIBUS ODIO AC,
DIGNISSIM DUI
XXULLAM CORPER

66. | ©2020 F566
Graphic elements

67. | ©2020 F567
*RGB numbers provided for compatibility outside of PowerPoint
255
255
255
34
34
34
29
156
211
0
150
57
139
91
165
12
92
141
28
99
51
105
67
133
228
0
43
220
220
220
Color palette*

68. | ©2020 F568
The colors represented on the previous
slide are dialed into the color theme
Do not: Use the tints and tones that
PowerPoint automatically generates
• The exception, the gray tones, and dark reds
PowerPoint color theme

69. | ©2020 F569
Color usage and pairings
Red is F5 action or highlight
(accent color)
A B C D E

70. | ©2020 F570
Icons for PowerPoint
TO RECOLOR:
• Select Icon
• Select shape fill
Approved colors:
Icon examples

71. | ©2020 F571
Charts and tables
Instructions and examples

72. | ©2020 F572
SavingChart templates
ARE A CONVENIENT WAY TO EASILY
CREATE CONSISTENT NEW CHARTS
AND ALSO ALIGN THE AESTHETICS
OF LEGACY CHARTS
Examples can also be copy and pasted
into or between placeholders
For more information see the
links in the notes
Using
New in placeholder: Click the chart icon
Update legacy: Right click on the edge of the
chart object, then select “Change Chart
Type”
Chart templates
HOW TO SAVE AND USE
Right click the edge of
the chart object
Select “Save Chart Template”
(OSX: “Save Template”)
Appropriately name
(e.g. Column_chart)
Click “Save”
(This will have to be done once for
each chart type)
PC
Select “Template”
(on the left hand side of the popup)
Select chart
Click “Ok”
MAC
Click “Other ▼” in the Ribbon
(Scroll down to “Templates”)
Select chart

73. | ©2020 F573
Directions for use:
Column graphs are used to compare things
between different groups or to track changes
over time
However, when trying to
measure change over time,
Column graphs are best when
the changes are larger
0.0
2.5
5.0
Category 1
Series 1 Series 2 Series 3 Series 4 Series 5 Series 6
Column chart example
SINGLE CATEGORY MULTI-COLOR OPTION
SOURCE: INFORMATION EXAMPLE

74. | ©2020 F574
Directions for use:
Select a chart
Chart tools will appear in the ribbon
Select the sub design tab and navigate to
Change Color
Under the monochromatic options choose
the gray option (Sixth option)
Select a bar and change the color to one of
the approved colors:
0.0
2.5
5.0
Category 1
Series 1 Series 2 Series 3 Series 4 Series 5 Series 6
Column chart example
SINGLE CATEGORY MONOCHROMATIC OPTION
SOURCE: INFORMATION EXAMPLE

75. | ©2020 F575
Directions for use:
Column graphs are used to compare things
between different groups or to track changes
over time
However, when trying to measure change
over time, Column graphs are best when the
changes are larger
0
2
4
6
Category 1 Category 2 Category 3 Category 4
Series 1 Series 2 Series 3
Column chart example
MULTI-CATEGORY MULTI-COLOR OPTION
SOURCE: INFORMATION EXAMPLE

76. | ©2020 F576
Directions for use:
Select a chart.
Chart tools will appear in the ribbon
Select the sub design tab and navigate to
Change Color
Under the monochromatic options choose
the gray option (Sixth option)
Select a bar and change the color to one of
the approved colors:
0
2
4
6
Category 1 Category 2 Category 3 Category 4
Series 1 Series 2 Series 3
Column chart example
MULTI-CATEGORY MONOCHROMATIC OPTION
SOURCE: INFORMATION EXAMPLE

77. | ©2020 F577
Directions for use:
Use to show the relationship of an
Individual item to the whole
0
2
4
6
8
10
12
14
Category 1 Category 2 Category 3 Category 4
Series 1 Series 2 Series 3
Stacked column chart example
SINGLE CATEGORY MULTI-COLOR OPTION
SOURCE: INFORMATION EXAMPLE

78. | ©2020 F578
Directions for use:
Column graphs are used to compare things
between different groups or to track changes
over time
However, when trying to measure change
over time, Column graphs are best when the
changes are larger
0 1 2 3 4 5 6
Category 1
Category 2
Category 3
Category 4
Series 3 Series 2 Series 1
Bar chart example
MULTI-CATEGORY MULTI-COLOR OPTION
SOURCE: INFORMATION EXAMPLE

79. | ©2020 F579
Directions for use:
Select a chart
Chart tools will appear in the ribbon
Select the sub design tab and navigate to
Change Color
Under the monochromatic options choose
the gray option (Sixth option)
Select a bar and change the color to one of
the approved colors:
0 1 2 3 4 5 6
Category 1
Category 2
Category 3
Category 4
Series 3 Series 2 Series 1
Bar chart example
MULTI-CATEGORY MONOCHROMATIC OPTION
SOURCE: INFORMATION EXAMPLE

80. | ©2020 F580
Directions for use:
Doughnut charts are best to use
when you are trying to compare
parts of a whole
They do not show changes over time
Should not exceed 100%
If inserted from template these
charts will come in preformatted with
three series rings
• Reduce the data to one series as in the
provided example
Series 1 Series 2 Series 3 Series 4 Series 5 Series 6
Doughnut chart example
MULTI-COLOR OPTION
XX%XXXXXXXX
SOURCE: INFORMATION EXAMPLE

81. | ©2020 F581
Directions for use:
Select a chart
Chart tools will appear in the ribbon
Select the sub design tab and navigate to
Change Color
Under the monochromatic options choose
the gray option (Sixth option)
Select a bar and change the color to one
of the approved colors:
Doughnut chart example
BINARY OPTION
XX%XXXXXXXX
SOURCE: INFORMATION EXAMPLE

82. | ©2020 F582
Directions for use:
Line graphs are used to track changes over
short and long periods of time
When smaller changes exist,
line graphs are better to use than
bar graphs
• Line graphs can also be
used to compare changes over
the same period of time for
more than one group
0
1
2
3
4
5
6
Category 1 Category 2 Category 3 Category 4
Series 1 Series 2 Series 3
Line chart example
MULTI-COLOR OPTION
SOURCE: INFORMATION EXAMPLE

83. | ©2020 F583
Directions for use:
Select a chart
Chart tools will appear in the ribbon
Select the sub design tab and navigate to
Change Color
Under the monochromatic options choose
the gray option (Sixth option)
Select a bar and change the color to one of
the approved colors:
0
1
2
3
4
5
6
Category 1 Category 2 Category 3 Category 4
Series 1 Series 2 Series 3
Line chart example
SINGLE COLOR OPTION
SOURCE: INFORMATION EXAMPLE

84. | ©2020 F584
When searching for information
in a table
You can ensure there is consistency in the
typeface of similar elements, in the
alignment of similar data and in the
emphasis of elements
Highlight the most important
values
Consider highlighting specific values to
emphasize your message
COLUMN HEADER GENERAL TEXT STYLE BULLETED CONTENT
Header row General text
placeholder
• Aenean non lacinia nulla
• Nulla id semper lacus
• Duis nec eros tincidunt
Row highlight
example
Text highlight
example
• Aenean non lacinia nulla
• Nulla id semper lacus
• Duis nec eros tincidunt
Arial, bold,
sentence case
Sentence
case text
• Sentence case text
18pt 14pt • 12pt
• Ctrl + Shift + C = Copy style
• Ctrl + Shift + V = Paste style
Table example
TEXT INFORMATION
SOURCE: INFORMATION EXAMPLE

85. | ©2020 F585
When searching for information
in a table
You can ensure there is consistency in the
typeface of similar elements, in the
alignment of similar data and in the
emphasis of elements
Highlight the most important
values
Consider highlighting specific values to
emphasize your message
COLUMN HEADER GENERAL TEXT STYLE BULLETED CONTENT
Header row General text
placeholder
• Aenean non lacinia nulla
• Nulla id semper lacus
• Duis nec eros tincidunt
Row highlight
example
Text highlight
example
• Aenean non lacinia nulla
• Nulla id semper lacus
• Duis nec eros tincidunt
Arial, bold,
sentence case
Sentence
case text
• Sentence case text
18pt 14pt • 12pt
• Ctrl + Shift + C = Copy style
• Ctrl + Shift + V = Paste style
Table example
NUMERIC INFORMATION
SOURCE: INFORMATION EXAMPLE