uber/react-vis

RadarChart - add straight "spider" lines (similar to CircularGridLines)

Open

#1,009 opened on Oct 15, 2018

View on GitHub
 (4 comments) (0 reactions) (0 assignees)JavaScript (868 forks)batch import
enhancementhelp wanted

Repository metrics

Stars
 (8,615 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Right now, it's possible to create a "spider" chart by using RadarChart and adding invalid data. See the "Radar Chart with Tooltips" showcase for an example:

In this example, the chart uses 6 dummy data entries to draw the 6 polygons before adding the real polygon. This is a little clunky.

It would be nice to have something like CircularGridLines (maybe StraightCircularGridLines?) to optionally add to the RadarChart. Consider the following example: a radar chart has 5 domains, each have a range of 0-5. The data you want to represent has a perfect 5 in all 5 domains. The CircularGridLines would make it look like the data is lacking - not a perfect 5/5/5 - due to the space between the polygon's straight lines and the rounded grid lines. Straight lines would more accurately depict the data.

Contributor guide

Research direction
Implement a new component similar to CircularGridLines that draws straight grid lines (spider lines) in a RadarChart. Look at the existing CircularGridLines implementation for reference, and understand how RadarChart renders its axes and grids. The component should accept props for number of levels, style, and possibly domain ranges.
Tech stack
javascriptreact
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Reactreact vis
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50