tufte | SVG plotting library for Perl | Animation library

I would like to make a plot with R that looks like the sample made with Mac's Numbers. I'm struggling with the space between the plot and the legend box. This is a sample of what I would like to achieve:

With the help of some users (see end of post for reference) I got really close already. This is my current function:

suppose I have an .R file tmp.R with markdown tags, e.g.

I am using the tint template in R Markdown for an HTML rendering. I don't think that this issue is specific to R or R Markdown, though. I think the fix can be accomplished with CSS or HTML. Although, I would guess that Dirk, Jon, or JJ, Yihui, or Dave could probably tell me how to fix this properly in R Markdown since they authored or contributed to the development of tint.

How can I modify this to prevent the margin notes from affecting the spacing below the table?

I did try setting the table tag with the styles align: left; and float: left; to see if that would work. Neither impacted the spacing at the bottom.

Here is the table footer with the margin note as HTML script:

I use R for most of my data analysis. Until now I used to export the results as a CSV and visualized them using Macs Numbers.

The reason: The Graphs are embeded in documents and there is a rather large border on the right side reserved for annotations (tufte handout style). Between the acutal text and the annotations column there is white space. The plot of the graphs needs to fit the width of text while the legend should be placed in the annotation column.

I would prefer to also create the plots within R for a better workflow and higher efficiency. Is it possible to create such a layout using plotting with R?

Here is an example of what I would like to achieve:

And here is some R Code as a starter:

I'm building a file that will be compiled to PDF and HTML (gitbook and tufte style), and I'm trying to get my tikzpicture environments working. I've seen that I can include them as figures by using something like

Knitting the following Rmd file now takes ~2 minutes on a 2020 MacBook Pro:

I'm using a hugo theme: https://github.com/shawnohare/hugo-tufte which allows for the use of the shortcode {{% marginnote %}}...{{% /marginnote %}} to create a margin note.

I want to output the actual text {{% marginnote %}}...{{% /marginnote %}} on my final page, but all my attempts to escape the shortcode have come up short.

Wrapping it with 's as you would in Hugo is not successful. Neither is escaping those quotes Nor wrapping it in a code block.

When using knitr with Rnw files, color of the font of captions created inside a chunk becames fgcolor.

This problem is similar to knitr kable: Text color in PDF from RNW is grey. This solution is not useful in this case.

Is there any way to solve this problem? Hacking knit_hooks$set(plot = myfunction)? How to? Thank you.

I am trying to include a DT::datatable in a Tufte html document using Bookdown and knitr packages. However, even if I set the width of the columns using culomnDefs option, or the width of the kintr output using fig.fullwidth = FALSE or out.with = '50%' option, the DT::datatable is still displayed along the full width of the page, main column and margin column! As you can see in the image below, the DT::datatable is below the histogram chart, but it should be placed right next to it in the main column only.

My question is simple, do you know how to display a DT::datatable only in the main column of a Tufte html book? you may see the piece of code that produces the DT::datatable

Thank you so much for your help.