Axis labels
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 35/100
- Issue type
- Feature
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- d3, typescript
- Domain
- data-visualization, frontend
Research direction
Start with the Axis component and compare its current behavior with Observable Plot's axis marks and the linked Nivo examples. Implement the remaining checklist items: arrows with an opt-out, configurable labelOffset, and a label slot, while preserving the described rotation and placement behavior. Done means all unchecked requirements are supported by the Axis API.
Written by the indexing model from the issue text.
Description
Add <Axis label="..."> to easily support adding labels
- Easily rotate (for y axises)but not always (better readability)
- Automatically rotates based on position (
<Axis placement="left|right" labelPlacement="middle">)
- Automatically rotates based on position (
- Support
start,middle,endplacement (labelPlacement) - Automatically add arrows (unicode: ↑ →) for non-band scales, with option to disable (
labelArrow) - Support changing the
labelOffset- Currently based on chart padding (similar to Observable Plot)
- Add
labelslot for greater control (markup, etc)
Observable Plot axis marks is a good reference
- Dominant language
- TypeScript
- Stars
- 1.3k
- Forks
- 41
- Avg merge
- 2d 8h
- Merged PRs (30d)
- 14
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from techniq/layerchart
-
Difficulty 4/5 3-5 days Newbie friendliness 45/100
techniq/layerchart#919 ·
-
tab freezes when an awaited value feeding a chart changes (async svelte + kit remote functions) Open
Difficulty 5/5 Over a week Newbie friendliness 35/100
techniq/layerchart#895 · 4 comments ·
-
Difficulty 5/5 Over a week Newbie friendliness 38/100
techniq/layerchart#876 · 3 reactions ·
-
Difficulty 5/5 Over a week Newbie friendliness 35/100
techniq/layerchart#852 · 1 comment ·
-
Difficulty 4/5 3-5 days Newbie friendliness 48/100
techniq/layerchart#830 · 1 comment ·
All issues in techniq/layerchart
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
Eynzof/Hermes-CN-Desktop#610 ·
-
bug clawsweeper:linked-pr-open clawsweeper:needs-live-repro clawsweeper:no-new-fix-pr impact:message-loss issue-rating: 🐚 platinum hermit P2 regression
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
-
enhancement
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
-
calcite-components needs triage refactor
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
Esri/calcite-design-system#15203 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 90/100
danielmiessler/LifeOS#2218 ·