influxdata / influxdata/giraffe

Giraffe Layers: Handle tooltips across layers more gracefully

Open
#391 0 comments 0 reactions 0 assignees View on GitHub
team/ui
Dominant language
TypeScript
Stars
189
Forks
33
Avg merge
3d 15h
Merged PRs (30d)
4

Description

### Background
Depends on #390

A picture is worth a thousand words. There are two graphs, one with two and one with three layers. Here is how tooltips are rendered in the layers. They overlap each other:

![Screen Shot 2020-11-17 at 10.10.58 AM.png](https://images.zenhubusercontent.com/5c33b08d24dda4712ef4ae10/c9908490-890e-42d3-8975-b5aae8df9e52)

![Screen Shot 2020-11-19 at 4.39.18 PM.png](https://images.zenhubusercontent.com/5c33b08d24dda4712ef4ae10/7a534061-6fbb-434b-8a5e-c00a527d8813)

### Acceptance Criteria:
- Make the data in the tooltips more visible, either by rendering multiple tooltips next to each other or combining all the layers' data into a single tooltip

Contributor guide

Open the contributing guide

Research direction

Start by reading the dependency issue #390 and reviewing the linked screenshots showing overlapping tooltips in two- and three-layer graphs. Trace the existing layer tooltip rendering, then ensure all layers' data is visible either in adjacent tooltips or one combined tooltip; verify both graph examples.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization, frontend
Issue type
Feature
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.