Why isn't this plot showing any points?

[LantzMcGinnis-Brown]

Description

I'm trying to figure out how to use OJS with R/Quarto, and it seems to just be constant fighting to get it to do anything. Can anyone help me figure out why the heck this code isn't generating any points in my scatterplot?

---
title: "test"
format: html
engine: knitr
---

```{r}
#| label: load-penguins
#| message: false
#| echo: false


library(palmerpenguins)

ojs_define(data = na.exclude(penguins)[, c("flipper_length_mm", "body_mass_g", "species")])
```

```{ojs}
penguinData = data;

console.log(penguinData);

  // Create the Plot specification
  plot = Plot.plot({
    marks: [
      Plot.frame(),
      Plot.dot(penguinData, {
        x: "flipper_length_mm",
        y: "body_mass_g",
        stroke: "species",
        fill: "species"
      })
    ],
    color: { domain: ["Adelie", "Chinstrap", "Gentoo"], legend: true}
  });
  
plot
```
The end.

The penguin data is showing up correctly in the console log, but all the plot shows is this:

I should also note, if I take out the console.log line, I don't get the "undefined" output, but the error is still there. If I change Plot.dot to Plot.line, it's also blank. If I remove either the fill or stroke definitions, that doesn't help either.

[mcanouil]

Are you sure your code to plot the data is correct?

[LantzMcGinnis-Brown]

No, I'm not, honestly. I'm not familiar with OJS or the Plot library at all. But I don't have anything in the code that's not in this post.

Strangely enough, I've been having much better success using standard JS chunks and the Plotly/Chart libraries (which has also solved the parsing issue from the question I posted earlier, weirdly), although getting them to fit into other Quarto features is requiring a little more planning.

[cscheid]

I started by just outputting the data itself:

```{ojs}
data
```

Then I saw this:

It's an object with arrays inside. OJS's Plot library expects an array of objects, not an object of arrays. We explain this explicitly in the docs.

[mcanouil]

@cscheid The object is a pretty standard data.frame from R.
Should ojs_define() be doing the transpose() by default?

---
title: "test"
format: html
engine: knitr
---

```{r}
class(iris)
ojs_define(data = iris, matrix = as.matrix(iris))
```

```{ojs}
data
```

```{ojs}
transpose(data)
```

[LantzMcGinnis-Brown]

That solved the issue! The data wasn't transposed. My bad. The difference in error messaging between R and OJS has really been throwing me for a loop. I appreciate the help - both of you.

[cscheid]

Should ojs_define() be doing the transpose() by default?

We had this feature early on and caused even more confusion.