Creating a Chart

Use the Chart content type to present simple statistical data graphically without having to create the charts manually.


Accessing H5P in Canvas

You can access H5P in Canvas through the Rich Content Editor (RCE), which is accessible via the edit view of Page, Assignment, Discussion Board, Announcement and Quiz questions. 

For this example, we will be adding H5P onto a Canvas page. The first thing you will need to do is either open the page you want to embed the H5P content into or create a new page. Then click the ‘Edit’ button which will open the RCE. (You will automatically go into edit mode if you create a new page.) 

Next, you will need to locate H5P in the RCE toolbar by clicking on the more external tools icon.


Image Placeholder


Clicking on that menu item will open a pop-up showing your H5P library. From here, you will have the option to either insert previously created content or create something new. 


Select the New content option and choose Chart from the list of Content types:


Chart editor

The Chart editor should now appear. The editor looks like this:


Creating Content

Fill in a Title and for Type of chart select "Pie Chart".

Under "Data elements" add content for example:

  • Name: Strawberries
  • Value: 5
  • Color: Blue
  • Font Color: White

Your 1st data element should look like this:


To add the next "Data element" use the big blue "Add option" button.

Add 3 more items and fill them in with the content. You can set any background/text color you like. When you are done, you should get the editor looking like this:


Finishing up 

Save and Insert to view your finished Chart. 

Optionally (Chart type)

At any point, you can switch your chart type, just select Type of chart and pick "Bar Chart". Your content will now be displayed as a Bar chart and it should look like this: