search

walterra / d3-milestones

A d3 based timeline visualization.
https://walterra.github.io/d3-milestones
Other
144 stars 27 forks source link

Timeline does not use a standard time distribution #77

Open reyemtm opened 5 months ago

reyemtm commented 5 months ago

Awesome Project! I have used this project in a recent update to my resume - https://www.getbounds.com/resume-timeline. One thing I noticed is that I had to adjust the timestamps on the bottom timeline to match up with the top timeline. I did not look into the code to see why this was - I just wanted to get something published. Maybe this is by design and it is not supposed to have standard time placement - meaning equal spaces between years, not sure.

walterra commented 5 months ago

Thanks for the nice feedback!

I guess this is the case in your example because it's two separately initialized timelines, in that case they are not automatically aligned, they don't know of each other. The "category" feature allows to automatically split timelines, then they should be aligned. Here's some examples:

https://walterra.github.io/d3-milestones/?path=/story/d3-milestones--lord-of-the-rings https://walterra.github.io/d3-milestones/?path=/story/d3-milestones--os-category-labels

Maybe that feature doesn't work with your variant that has just text in one timelines and images in the other. Let me know if you have more questions!

reyemtm commented 5 months ago

I was just curious if it’s possible to use dates - say 2021-02-01- and then, if two timelines span the same date range - have the two line up - and have the distance between the years be equal. I’ll check out those examples and see what I can glean from there.

On Mar 25, 2024, at 10:28 AM, Walter Rafelsberger @.***> wrote:

Thanks for the nice feedback!

I guess this is the case in your example because it's two separately initialized timelines, in that case they are not automatically aligned, they don't know of each other. The "category" feature allows to automatically split timelines, then they should be aligned. Here's some examples:

https://walterra.github.io/d3-milestones/?path=/story/d3-milestones--lord-of-the-rings https://walterra.github.io/d3-milestones/?path=/story/d3-milestones--os-category-labels

Maybe that feature doesn't work with your variant that has just text in one timelines and images in the other. Let me know if you have more questions!

— Reply to this email directly, view it on GitHub https://github.com/walterra/d3-milestones/issues/77#issuecomment-2018132159, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABQ2HUNUUBHU5YWMXVMXYZDY2AYALAVCNFSM6AAAAABFHCPO7WVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDAMJYGEZTEMJVHE. You are receiving this because you authored the thread.