plotly / plotly/plotly.js

enhance Plotly Parallel Coordinates Plot with Hover Data Functionality

Open
#7,016 2 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

I have implemented a Plotly parallel coordinates plot in a Dash app. The implementation process was straightforward which I appreciated. However, it appears that this type of plot currently does not support hover data functionality.

In applications where each observation (i.e., line) possesses a unique string identifier or label, which would not have its own separate axis, the absence of hover data becomes a significant limitation. Hover data can be used to quickly identify and distinguish between different observations.

For example, the Bureau of Reclamation's public web tool employs parallel coordinates plots to compare the multiobjective performance of various policies. As the user mouses over each line, the tool displays the policy's ID along with its corresponding values for the different axes.

I have attached a screen recording from the Bureau of Reclamation's web tool to illustrate this feature, which I think would be a great addition to Plotly's parallel coordiantes plots.

https://github.com/plotly/plotly.js/assets/127535108/f4ee26ab-8626-4558-ab66-45b3d72e411a

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

The issue does not name a file, test, or entry point. Start by locating the parallel coordinates implementation and its hover behavior, then determine how an observation identifier could be supplied and displayed; done means parallel-coordinate lines can show that identifier alongside their axis values on hover.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
data-visualization
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.