plotly / plotly/react-plotly.js

Treemap blank spaces in between React Plotly treemap

Open
#343 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
1.1k
Forks
138
Avg merge
3d 2h
Merged PRs (30d)
4

Description

Hello, I have been dealing with an issue while building a React Plotly treemap, when i use squarify as tiling whichi want to use for sizing of tiles based on KPI value, i get a lot of blank spaces inside categories. This is not the case with Python Plotly treemap where the sizing dynamically changes and fills the whole parent container automatically based on differencein values.
Suggest a way how can i deal with this in React
Screenshot 2024-10-07 181209

Contributor guide

No contributing guide indexed for this repository

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 reproducing the React Plotly treemap using squarify and the KPI-based tile values described in the issue, then compare its layout with the Python Plotly result. The screenshot is the only supplied reproduction detail; done means determining whether the blank spaces are specific to the React wrapper or plotly.js and documenting a confirmed fix or upstream issue.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.