Centering graphs with DiagrammeR and Xaringan presentation

Question

fig.align='center' won't center Diagrammer plots in Xaringan presentation. Any thoughts?

See reprex below.

---
title: "Title"
encoding: "UTF-8"
output:
  xaringan::moon_reader:
    self_contained: true
    lib_dir: libs
    css: [default]
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
      ratio: "16:9"
---

exclude: true

```{r setup, include=FALSE}
knitr::opts_chunk$set(
  echo = FALSE,
  warning=FALSE,
  message=FALSE,
  comment = NA)
```

---

# TITLE

.center[Some text]

```{r title, out.height='50%', fig.align='center'}

DiagrammeR::grViz("

digraph {

  # a 'graph' statement
  graph [layout = twopi, overlap = false]

  # several 'node' statements
  node [shape = circle,
        fontname = 'Century Gothic',
        style = filled,
        color = white,
        fontcolor = white]
        
  node [fillcolor = steelblue]
  Hello; How; You; Doing
  
  node [label =
'Im a reprex']
  reprex1
  
  node [label =
'im also a reprex']
  reprex2
  
  node [fillcolor = coral,
        label =
'thats weird,
im a reprex too!']
  reprex3
  
  edge [color = grey]
  reprex1 -> {Hello; How; You; Doing; reprex2; reprex3}
  reprex3 -> reprex1

}
")
```

.center[yet another text]

Answer 1

I just tried: the HTML <center> tag works and should be a workable solution.

Just add it before the R code and close with at the end. This is perhaps not elegant (in CSS term) but it works!

# TITLE

.center[Some text]

<center>

```{r title, out.height='50%', fig.align='center'}
ETC.

</center>