✨ use 'nice' axis ticks for linear scales / TAS-795 #4404
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
Quick links (staging server):
Login:
SVG tester:Number of differences (default views): 774 (9d24b2) ❌ Edited: 2025-01-13 10:06:21 UTC |
sophiamersmann
force-pushed
the
nice-axis-ticks
branch
2 times, most recently
from
5dc4d1c to
0a553e6
Compare
sophiamersmann
changed the title
sophiamersmann
force-pushed
the
nice-axis-ticks
branch
5 times, most recently
from
3d2b603 to
d6d2059
Compare
sophiamersmann
changed the title
sophiamersmann
force-pushed
the
nice-axis-ticks
branch
5 times, most recently
from
65ed9a4 to
1c67721
Compare
🚧 remember nice ticks fine-tune
sophiamersmann
force-pushed
the
nice-axis-ticks
branch
2 times, most recently
from
2bd61fc to
be61693
Compare
sophiamersmann
force-pushed
the
nice-axis-ticks
branch
from
95887fb to
1b2911e
Compare
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Resolves #3978
See 3790bad 😅
Relying on d3's nice implementation sometimes leads to suboptimal results because d3 adds grid lines too eagerly (some examples below). That's why I ended up writing a custom 'nice' function for Grapher. It only adds an additional grid line if any data value exceeds the highest grid line by more than 25%.
Examples of d3.nice where grid lines are placed to eagerly
If any data value is just above a grid line, then showing an additional grid line 'squishes' the rest of the chart.