Altair plots disappearing with OJS cells on Chromium-based Browser

Open
#2,621 1 comment 0 reactions 1 assignee View on GitHub

Nobody has claimed this yet.

Assessment

This issue has not been assessed yet.

Description

bug ojs-engine
Bug description

Hi,

I have a quarto presentation with Altair plot and OJS.

For some reason, the Altair plots do not consistently show up on chromium-based browsers (I tested Microsoft Edge and Google Chrome). Weirdly, on Firefox, it works fine.

image

If I keep refreshing a bunch of times, eventually it works

image

I published the slides here

Here's the code for

---
title: "Altair + OJS -- Error"
format: revealjs
---

```{python}
import pandas as pd
import altair as alt
from vega_datasets import data
```

## Slide with altair plot

```{python}
cars = data.cars()

alt.Chart(cars)\
  .mark_point()\
  .encode(
      x = 'Horsepower:Q',
      y = 'Miles_per_Gallon:Q')
```

## OJS

```{ojs}
data = [{'x': 1, 'y': 1}, {'x': 2, 'y': 2}];

Plot.plot({
  marks: [
    Plot.dot(data, {x: "x", y: "y"})
  ]});
```

OS: Windows 11 (21H2)
Editor: RStudio (2022.07.1+554) and vscode -- I tried both
Quarto: 1.2.157

Checklist
  • Please include a minimal, fully reproducible example in a single .qmd file? Please provide the whole file rather than the snippet you believe is causing the issue.
  • Please format your issue so it is easier for us to read the bug report.
  • Please document the RStudio IDE version you're running (if applicable), by providing the value displayed in the "About RStudio" main menu dialog?
  • Please document the operating system you're running. If on Linux, please provide the specific distribution.
Dominant language
JavaScript
Stars
6k
Forks
458
Avg merge
1d 9h
Merged PRs (30d)
41

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from quarto-dev/quarto-cli

All issues in quarto-dev/quarto-cli

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.