Graphic

This element lets you represent multiple percentage values in the same graph. It sets each percentage range taking into account that the total is 100%.

Format

It allows you to choose the type of graphic you want to use to represent the percentage. You have these types:

Donut

Gauge

Title

You can add a title to your graphic element. If the element is in a small part of the slide, the title will not be shown directly and a button will appear to make the title appear temporarily instead.

Background color

You can configure the background color of the graphic.

Values

It sets as many value ranges as you want to be represented in your graph. To create values, click on the + button on the list. Each time you add a new value, the properties panel will show you the settings of the new item. To go back to the list, you must click on the return button found on the top left of the properties panel.

If you want to access the properties of one of the categories again, just click on the item on the list.

For each value you can configure:

Name

The name defines the value. It needs to be a descriptive name.

Value

This selector will allow you to set the percentage value for this specific item. For example, if you want to indicate 50%, you will have to do it as shown in the image:

Fill color

The color will distinguish the side linked to each value. You can configure opacity and use custom colors.

Result

You can get results as attractive as the following:

Editing Graphic element in Accesible mode

You can assign a title by choosing from the different headings, so that your students can identify the element. Try not to repeat this title in the project section.
Remember that the colours you choose for your graphic element must comply with the accessibility contrast criteria, for the correct visualisation of all users.

See an example of the Graphic element in Accessibility mode.