HTML Block - size, height, d3plus visual elements

HTML Block - size, height, d3plus visual elements

by Mitja Decman -
Number of replies: 3

Hi, I would like to use d3plus page (https://d3plus.org/examples/)  in HTML block, but the size of a block is so small that it is hard to see anything, though it shows fine as an individual html (http://www2.fu.uni-lj.si/map.html).

How can I make HTML content like this one bigger (https://www.dropbox.com/s/ant2d0pku4qvca2/map.html.txt?dl=0)?
Thank you.

Average of ratings: -
In reply to Mitja Decman

Re: HTML Block - size, height, d3plus visual elements

by Jon Bolton -
Picture of Particularly helpful Moodlers Picture of Testers

Is there a specific reason that you are wanting to add it into a block? You will be limited to a small width, around 280 pixels wide (although it could be slightly less or more depending on your theme).

You could add it as a 'label' or a 'page', both of which would take advantage of the full width of the content area, or even upload the HTML file as a 'file' resource.

See


In reply to Jon Bolton

Odg: Re: HTML Block - size, height, d3plus visual elements

by Mitja Decman -

Hi Jon,

thanks for the answer. The idea is to make a visual map of courses where each node in the network map is the name of one course and sub nodes are named by the topics of each course.

And I would like to have this map on the Dashboard. I already have a HTML block in the center there.


I found "sort of" solution though: <div id="viz" style="width:100%; height:400px; overflow-x:hidden;"></div>

In reply to Mitja Decman

Re: Odg: Re: HTML Block - size, height, d3plus visual elements

by Jon Bolton -
Picture of Particularly helpful Moodlers Picture of Testers

Oh, I thought you meant a side block in a course. Well an HTML block in the centre of your dashboard will still use the full width of the content area. So, if you think it's too small to read the content, I suspect you're out of luck sad

Don't know if this will help: https://moodle.org/plugins/format_mindmap - although it's a course format, not a block.