observablehq / observablehq/notebook-kit

Spinners for reactive loading of cells

Open
#106 0 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
371
Forks
27
Avg merge
3h 52m
Merged PRs (30d)
1

Description

It would be great if the static sites generated by notebooks build could show spinners for cells that are still loading. I've seen this behaviour with observable framework sites, and it's quite useful if I want to share a report with someone, they open it and can immediately see that something's still coming. Right now, for example if I have markdown-cells interweaved by plots, like typical for a report, while I have the code cells who do the loading and wrangling somewhere below in an appendix, the text paragraphs get displayed, and there is no way to tell that there are objects between markdown paragraphs until they've fully loaded.

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.

Research direction

Start at the notebooks build entry point and trace how static sites render cells and their loading state. Confirm how reactive loading is represented before deciding where the spinner belongs. Done means an opened report visibly indicates cells that are still loading, including when markdown appears before plots or other loaded objects.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.