plotly / plotly/plotly.js

Broken text transitions for sunburst/treemap charts

Open
#5,547 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug P3
Dominant language
JavaScript
Stars
18.3k
Forks
2k
Avg merge
2d 12h
Merged PRs (30d)
28

Description

This issue is described in the Icicle Plot Issue but in the context of an Icicle plot.

Reproducible Example

Check out the Basic Sunburst Example from the docs: https://plotly.com/javascript/sunburst-charts/#basic-sunburst-chart

https://user-images.githubusercontent.com/10369095/110998679-2fa51300-834d-11eb-9d80-79ffcc6102f8.mov

Describing the Bugs

  • At the 3 sec mark, notice that Awan and a few other text labels disappears.
  • At the 9 sec mark, notice that Awan, Abel and Cain are already located at their target X and Y, and that the text scales into view.

The reason I'm grouping these text labels together is because I suspect they are related. There are other more Icicle specific bugs I've noticed in https://github.com/plotly/plotly.js/pull/5546#issuecomment-797026819.

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 by running the Basic Sunburst Example from the Plotly JavaScript documentation and compare the label transitions with the attached video. Read the linked Icicle Plot Issue for related transition behavior. Done means labels such as Awan, Abel, and Cain remain visible and transition to their target positions and scale without disappearing.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
data-visualization
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.