CSS style in r2d3 call influencing entire RMarkdown document

[zmeers]

Hello,

First of all, thank you for creating R2D3!

I have an issue with the CSS styling in a r2d3 call affecting the entire HTML output of my R Markdown file. For example, I wrapped a r3d3 function and included it in my own package. When I created the vignette for my pkgdown site, the HTML output for that vignette uses the fonts in the CSS style embedded in the r2d3 call. (See https://usstudiescentre.github.io/ussc/articles/rollcall.html for an explanation of what I mean. The rest of the website uses the standard pkgdown CSS style.) I don't want this to happen. I'd like to contain the CSS style in the r2d3 call to that particular code chunk. Is this possible?

Thanks.

[jjallaire]

Yes. If you qualify your styles with .r2d3 then they should be scoped to only affect your visualization. For example, here's a re-write of the CSS for the circlepacking example that does this:

.r2d3 circle {
  fill: rgb(31, 119, 180);
  fill-opacity: .25;
  stroke: rgb(31, 119, 180);
  stroke-width: 1px;
}

.r2d3 .leaf circle {
  fill: #ff7f0e;
  fill-opacity: 1;
}

.r2d3 text {
  font: sans-serif;
  text-anchor: middle;
}

@javierluraschi Could we do this for all of the examples that use CSS then regenerate the site?

We should also add a note about this to the docs.

[jjallaire]

I think we should address this issue before submitting to CRAN.