HTML widgets: visNetwork and leaflet outputs are not visible

[avallecam]

The outputs from these lines are not shown. They generate a white space in the HTML output online:

https://github.com/epiverse-trace/epimodelac/blob/610d829e09c60003ec5319e06a167480e20b0bc1/episodes/epiCo-tutorial.Rmd#L321

https://github.com/epiverse-trace/epimodelac/blob/610d829e09c60003ec5319e06a167480e20b0bc1/episodes/EnfermedadX.Rmd#L427

https://github.com/epiverse-trace/epimodelac/blob/610d829e09c60003ec5319e06a167480e20b0bc1/episodes/EnfermedadX2.Rmd#L427

[avallecam]

This is related to HTML widgets as reported in https://github.com/carpentries/sandpaper/issues/443

• https://www.htmlwidgets.org/showcase_leaflet.html
• https://www.htmlwidgets.org/showcase_visNetwork.html

The current solution involves getting a figure of the HTML widget as done in this example:

• code https://github.com/carpentries-incubator/targets-workshop/blob/2c19e320e12a9cf8e55016bdcbb81b57c5dd2bc7/episodes/lifecycle.Rmd#L139-L154
• HTML output https://carpentries-incubator.github.io/targets-workshop/lifecycle.html#visualizing-the-workflow

[avallecam]

@juan-umana @kcharniga do you agree if I add a figure of the output generated by the chunk?

[kcharniga]

Okay with me. Thanks Andree!

[avallecam]

About webshot::install_phantomjs(force = TRUE):

It's used to ensure that the {DiagrammeR} widgets appear on the webpages. See info here

Originally posted by @amanda-minter in https://github.com/epiverse-trace/tutorials/issues/98#issuecomment-1865988495)

Let's try to see if this works for this issue too.