derhuerst/svg-radar-chart

Captions on a path and oriented

Open

#11 opened on Jan 20, 2018

View on GitHub
 (2 comments) (0 reactions) (0 assignees)JavaScript (13 forks)github user discovery
enhancementhelp wanted

Repository metrics

Stars
 (93 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

This is a desirable feature and relatively simple to achieve but I'm not that versed in node.js yet. The captions would look best if they would be in the angle and rotated so the letters are always upside down. Repeating the same image as in other issue for a demonstration (apologizing for that):

ref-radar-opt

Now this is quite good yet even better would to have the captions on the path. For that invisible circle segments (arcs) would need to be added to a chart and used as xlink:href attributes for captions (so they align with the arc). Best example for a coding help is here:

http://bl.ocks.org/nbremer/b603c3e0f7a74794da87

If this would be added to svg-radar-chart, together with alternate colors and possibly a parameter to have linear or logarithmic scales of column values (and scales to adapt as well) it would make svg-radar-chart fully complete and still small in size and versatile.

Contributor guide

Research direction
Study the existing radar chart SVG structure and implement text on path for captions along arcs. Use the reference example for text along a path.
Tech stack
javascript
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.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
JavaScriptSVG
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60