influxdata / influxdata/giraffe

Show individual points in line graphs when possible

Open
#54 1 comment 0 reactions 0 assignees View on GitHub
epic/vis kind/feature request team/ui
Dominant language
TypeScript
Stars
189
Forks
33
Avg merge
3d 15h
Merged PRs (30d)
4

Description

Right now, we show the individual points on a line graph when during a hover:

![points](https://user-images.githubusercontent.com/638955/57874699-0acdcc00-77c6-11e9-91a9-93269d2a34e9.gif)

We should add an option to line graphs to show _all_ points that make up a line, not just the currently hovered points, whenever there is space.

This will help users who end up plotting lines with only a single point, as well as users who want to see their actual data set as part of an interpolated line.

- [ ] Points should only show when for every line in the line layer, each point in the line is at least `2 * pointRadius` away from all other points in the line
- [ ] Update the points to have a "hollowed out appearance":

Screen Shot 2019-05-16 at 10 38 09 AM

The hovered state of the point should put a dot in the center of the point.

Contributor guide

Open the contributing guide

Research direction

No files or tests are named. Start by locating the line-graph rendering and hover-point behavior, then trace how line-graph options are configured. Done means an option can show hollow points when the spacing rule holds for every line, with a centered dot on hover, while avoiding overlap.

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.