[Bug]: HTML repr does not display well in notebooks hosted on GitHub
Open
Nobody has claimed this yet.
bug
topic-html-repr
- Dominant language
- Python
- Stars
- 4.2k
- Forks
- 1.4k
- Avg merge
- 2d 15h
- Merged PRs (30d)
- 14
Description
What happened?
We see both the raw text and a malformed version of the HTML (without CSS formatting).
Example (https://github.com/microsoft/PlanetaryComputerExamples/blob/main/quickstarts/reading-zarr-data.ipynb):

What did you expect to happen?
Either:
- Ideally, we only see the HTML repr, with CSS formatting applied.
- Or, if that isn't possible, we should figure out how to only show the raw text.
nbviewer gets this right:

Minimal Complete Verifiable Example
No response
Relevant log output
No response
Anything else we need to know?
No response
Environment
NA
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by comparing the linked GitHub-hosted notebook with its nbviewer rendering, focusing on the HTML representation output shown in the example. Done means the notebook displays only the correctly CSS-formatted HTML, or only the raw text if GitHub rendering cannot support the formatted representation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- jupyter-notebook, python
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100