Chart
Primary tabs
Submitted by H5P Group on Fri, 01/08/2016 - 16:07
A free HTML5 based chart content type allowing users to create pie charts and bar charts with H5P in publishing systems like Canvas, Brightspace, Blackboard, Moodle and WordPress.
6729
Example Content - Pie Chart
62940
Example Content - Bar Chart
Would you like to create content like this on your own?
Get startedRegister on H5P.com to start creating H5P Interactive content. Your content can be accessed via direct link, embeded, or inserted into any learning management system that supports LTI integration.
Description
Need to present simple statistical data graphically without creating the artwork manually? Chart is your answer.
Features
- Select between bar and pie chart view
- Add label and value to each data element
- Select background color each data element
- Set font color for each data element
New to H5P? Read the installation guide to get H5P on your own site.
Comments
smarty01
Mon, 05/08/2017 - 05:51
Permalink
navigation header
How can I show navigation header (to display 1 of 2, Title, created by, next/previous button) to navigate multiple h5p contents on a same page.
tomaj
Mon, 05/08/2017 - 06:43
Permalink
Depends, or not possible
It's not completly clear to me what you mean.
Answers
- Tom
smarty01
Mon, 05/08/2017 - 17:56
Permalink
Hi Tom,In the above example,
Hi Tom,
In the above example, there is a NEXT and PREVIOUS links that allow navigation between two charters (pie chart and bar chart). I am looking some easy way to enable this feature. As you suggested that I can do this using wordpress etc. but I notice that when I press NEXT button, the page are not loading, only the h5p content are updated. do you think I should try h5p iframe?
tomaj
Tue, 05/09/2017 - 07:19
Permalink
Hi Smarty,Those buttons is
Hi Smarty,
Those buttons is not part of H5P, but comes from the Drupal Site (h5p.org), so it really can't just be enabled in WordPress.
Regarding the loading issue. If you use AJAX, or just try to render an H5P to the page, after the fist page load. You have to initialize the H5P trough JavaScript, for it to be shown.
H5P.init(document.getElementById('id-for-ajax-content'));- Tom
Nmodel
Sun, 07/23/2017 - 12:22
Permalink
How about tables?
Hello! Wonderful, thank you! Suggestion: why not add also nice looking tables?
BV52
Mon, 07/24/2017 - 06:02
Permalink
Hi Nmodel,A good suggestion.
Hi Nmodel,
A good suggestion. Please head to the Feature Request page and post your suggeston there for better visibility.
-BV52
Nmodel
Mon, 07/24/2017 - 08:43
Permalink
ok
ok
Aawieck
Wed, 04/11/2018 - 16:32
Permalink
Change
hi, I am new to all of this. I have copied the embed code to insert into my LMS as an instructor. How do I edit the text, proportions?
BV52
Wed, 04/11/2018 - 16:51
Permalink
Hi Aawieck, The embed code,
Hi Aawieck,
The embed code, embeds the example above. You need to create a new content using your account to be able to change the settings.
-BV52
ahosmer
Tue, 05/29/2018 - 21:37
Permalink
Groupings with small percentages don't display data correctly
When I have groups that are about 5% or less of the total, the label and quantity/percentage don't display correctly.
<iframe src="https://h5p.org/h5p/embed/249571" width="1090" height="325" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>
BV52
Wed, 05/30/2018 - 10:11
Permalink
Hi Ahosmer,Thank you for
Hi Ahosmer,
Thank you for reporting this. I have created a bug report and you can follow the progress here.
-BV52
jeanpaulbouvet
Sun, 06/02/2019 - 09:00
Permalink
Grouped bar chart
Would it be difficult to adapt the bar chart to a grouped bar chart (for each categorical group there are two or more bars)?
Do you use the d3js library?
jeanpaulbouvet
Sun, 06/02/2019 - 09:01
Permalink
grouped bar chart
Would it be difficult to adapt the bar chart to a grouped bar chart (for each categorical group there are two or more bars)?
Do you use the d3js library?
raeasah
Thu, 10/17/2019 - 09:11
Permalink
salamiam new to h5p ... can
salam
iam new to h5p ... can we connect to drupal data content to got the chart in an automatic way ... instead of entering the data manually ? .... server side ...
raeasah
Thu, 10/17/2019 - 09:15
Permalink
input of the chart
salam
iam new to h5p... can we got the input of the chart from the data base of a drupal website instead of entering the data manually ? ... server side ...
raeasah
Thu, 10/17/2019 - 09:15
Permalink
input of the chart
salam
iam new to h5p... can we got the input of the chart from the data base of a drupal website instead of entering the data manually ? ... server side ...
BV52
Thu, 10/17/2019 - 19:15
Permalink
Hi raeasah,I'm afraid this is
Hi raeasah,
I'm afraid this is not possible not without making changes to the code.
-BV52
raeasah
Sun, 10/20/2019 - 07:42
Permalink
thank you Mr BV52 .... there
thank you Mr BV52 .... there is a well there is a way ....