Using crosstalk with scatterD3 in a standalone R Markdown HTML Report

[vinwol]

Is it possible to use crosstalk with scatterD3 in a standalone R Markdown HTML Report?

Running the following code works fine as expected:

library(scatterD3)
scatterD3::scatterD3(data=iris,
x=Sepal.Width,
y=Sepal.Length,
col_var=Species)

Trying to use this example in an R Markdown HTML Report like this:

library(crosstalk)
library(scatterD3)
library(d3scatter)
df <- iris
df$helper_select_all <- T
shared_data <- SharedData$new(df)
crosstalk::filter_select("flower", "Select a flower", shared_data, ~Species, multiple = FALSE)
d3scatter::d3scatter(data=shared_data, x=~Sepal.Width, y=~Sepal.Length, color=~Species)
scatterD3::scatterD3(data=shared_data, x=~Sepal.Width, y=~Sepal.Length, col_var=~Species)

throws this error:
Error in data[, deparse(substitute(x))]: object of type 'environment' is not subsettable

The d3scatter code however works fine.

[juba]

Unfortunately no, scatterD3 is not crosstalk-compatible.

In fact there doesn't seem to be many crosstalk-compatible html widgets if this page is accurate :

https://rstudio.github.io/crosstalk/widgets.html

[vinwol]

Could it be an option to modify the code so that the Javascript part could be used inside an R Markdown HTML document?

[juba]

What "JavaScript part" are you talking about exactly ?

[vinwol]

I saw this example: https://stackoverflow.com/questions/56361986/zoom-function-in-rmarkdown-html-plot
Not sure the underlying JS code of scatterD3 can be adopted to work directly in the HTML document?
On a different note, could scatterD3 be included in an interactive fashion in the R Markdown HTML document, e.g. using widgetframe::frameWidget()?

[juba]

You are still talking about crosstalk compatibility ? Because single scatterD3 plots should work fine in HTML document, if I remember correctly.

[vinwol]

My reporting involves a pipeline where many outputs are generated in a for loop. I managed to include scatterD3 in the loop in the following way: print(htmltools::tagList(scatterD3::scatterD3(...))). Recently I came across Quarto, which supports Observable and this could make it fairly easy to go with JS for the front end. Link: https://quarto.org/