D3 plot shows in RMarkdown but not in blogdown-generated webpage

Publishing Your Results
1

Hi all,

I'm making a radar chart, based on code from here, but I'm having a weird problem that I can't figure out. When I knit the document in RStudio (Ctrl + Shift + K), it produces the desired plot in the RStudio preview browser, and in any other browser I've tried:

radar_rmk
radar_rmk1119×951 87.2 KB

However, when I use blogdown::serve_site(), the plot doesn't show, either in the preview or the browser, or when I've uploaded to GitHub and had Netlify build the site:

radar_blg
radar_blg1595×179 18.2 KB

I tried changing the location of where d3.js was being sourced from, to a local file, but then blogdown didn't find d3.js, so I changed it back to <script src="https://d3js.org/d3.v3.min.js"></script>. Any ideas as to what is happening?

Thanks!

2

Just to add more info:

Using the inspector on the RMarkdown version shows the div clearly:

div_radar_FULL
div_radar_FULL931×153 9.32 KB

While in the blogdown/Hugo version, it's empty:

div_radar
div_radar745×173 5.68 KB

3

I haven't actually used a d3 widget in blogdown, but it seems like this Hugo thread could be relevant:

The other thing is that, if you're knitting the Rmd in the same dir as your blogdown site, you need to clear whatever artifacts are created by knitting before running blogdown::serve_site().

4

Hi Mara, thanks for your reply! The original problem in that Hugo thread (which seems similar -- thanks!) seems unresolved. I also made sure to delete the previous html like you've suggested, but no difference...