plotly / plotly/react-plotly.js

Trigger click on treemap tile

Open
#267 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

https://plotly.com/javascript/treemaps/

I have a treemap that has nested leaves.

  • root > category > protocol

When the treemap initializes, it starts by showing all the categories at the root, but I have a dropdown selector component outside of the chart that I want to be able to select a category through and it will have the ability to update the chart to simulate what would essentially be a mouse click on the category tile, which would zoom into that specific category and it's nested protocols?

Is there a simple way to indicate to plotly to pan to that category based on the category selected from a separate component?

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 with the linked Plotly treemap documentation and the react-plotly.js chart update behavior. Check how a treemap with root > category > protocol responds to external selection, then verify that choosing a category from the dropdown produces the same zoomed view as selecting its tile.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.