C R I T I C A L    T R U T H

Progressive Intelligence

Example two-column layout

Two columns layouts are possible.

But they lack flexibility with styling.

Therefore we have to find another way…

What’s necessary:

  • Remove heading title
  • Push out margins, then deal with ultra-thin margins
  • Get tricky with overlayed images, stretched way out

  

  

BIG POINT WELL MADE

  

  

ggplot

Example ggplot

There is a light ggplot here. A good ggplot.

Unfortunately I can’t overlay an image under a ggplot, the plot is always under the image. The same is true for text.

Therefore we have only one background colour here.

Example ggplot

There is a dark ggplot here. A good ggplot.

Unfortunately I can’t overlay an image under a ggplot, the plot is always under the image. The same is true for text.

Therefore we have only one background colour here.

Example wide ggplot (light)

Example wide ggplot (dark)

Plotly

Example Plotly

There is a light plotly plot here. A janky light plotly plot.

Sometimes this plot extends too far out of its boundaries. It can be fixed by refreshing the page. This is a known problem with plotly that currently has no solution.

Example Plotly

There is a dark plotly plot here. A janky dark plotly plot.

Sometimes this plot extends too far out of its boundaries. It can be fixed by refreshing the page. This is a known problem with plotly that currently has no solution.

Other

Example crosstalk

There is a crosstalk feature here. A janky crosstalk feature.

Crosstalk uses plotly so the same problem shows up here.

Solution = same solution as I’ve always used, don’t use plotly.

Example map

There is a map here. A good map.

Images

Image choices

  • Not-quite “full-screen” responsive image with thick borders
  • Full-screen, non-responsive image with no borders (edges bleed over if screen proportions differ from the image proportions)
  • Vanilla image with text

SVG sources look really clean at different sizes.

See the slides that follow…

Image with text

This is some text.

PDF

Embedding PDF files works

But only if it’s the last slide because everything after it is broken.

Embedding websites

Our website, does not work

Most other websites, do not work

Quarto with pwd, not working

However, shinyapps.io works

With styling, better than crosstalk

Example Shinyapp

There is a Shinyapp here. A good Shinyapp

Embedding HTML

Does it work?

Visnet

Example Visnet

There is a Visnet here. A good Visnet.

Wide Visnet (light)

TEST

XYZ