Dynamic Axis Scaling in Animated Charts #3596
Answered
by
curran
philippulus
asked this question in
Q&A
-
Hi community, I am looking for creating animated charts with dynamically scaling axis, changing X and Y values and moving symbols like in this example. DynamicChart.mp4Looking at this bar chart race example I get the impression it was made with d3js. Is this correct? |
Beta Was this translation helpful? Give feedback.
Answered by
curran
Nov 2, 2022
Replies: 1 comment
-
Here's a snippet that does dynamic ticks based on a specified density (ticks per pixel): axisLeft(yScale).ticks(yTickDensity * (height - margin.bottom - margin.top)) Here's an old piece on bl.ocks.org that does this: https://bl.ocks.org/curran/6f97aa94357cae4611c54a80c11f6128 |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
Fil
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Here's a snippet that does dynamic ticks based on a specified density (ticks per pixel):
Here's an old piece on bl.ocks.org that does this: https://bl.ocks.org/curran/6f97aa94357cae4611c54a80c11f6128