H5P Chart

About Chart 

A chart is a graphical representation of data, in which the data is represented by symbols, such as bars in a bar chart, or slices in a pie chart. Charts can usually be read more quickly than the raw data. A chart can represent tabular numeric data, functions, or some kind of quality structure and provides different information. 

The chart on H5P allows you to present simple statistical data graphically without creating the artwork manually. 


  • Select between bar and pie chart view
  • Add a label and value to each data element
  • Select the background color for each data element
  • Set font color for each data element

Use cases

Charts are often used to ease understanding of large quantities of data and the relationships between parts of the data. Certain types of charts are more useful for presenting a given data set than others:

  • Bar charts are used when you want to show a distribution of data points or perform a comparison of metric values across different subgroups of your data.
  • Pie charts are generally used to show percentage or proportional data and usually the percentage represented by each category is provided next to the corresponding slice of pie.


Create the Chart H5P interactive content

Creating new H5P content is a multi-step process. H5P activities are managed through a Content Bank – an area where H5P content may be created, edited, and stored. Once an activity has been created in the content bank, it can be added to your course and the activity settings can be configured as needed.   

  1. Open the CLE (cle.ucsf.edu).
  2. Go to the CLE course where you would like to add the activity and turn Edit mode on. 
  3. Navigate to the content bank in your course to create interactive content and visit the H5P chart tutorial to learn how charts work.    
  4. Once your activity has been created, navigate to the section where the activity should be located. 
  5. Click add an activity or resource to add an H5P activity to your course. 
You can combine H5P content into other activities or resources in the CLE such as a Page, Lesson, or Book. Review Embed H5P into other activities in the CLE for more information and instructions.
Was this topic helpful?

Have more questions? Contact us