I don't know much about React, but I look at projects on github all the time and you nailed everything here. Demo right up front, well organized & well written docs, tests passing.<p>Fantastic job!
Great job - your timeline widget looks really neat. I look forward to seeing how it develops in future.<p>For your interest, there is a small group of hobbyist developers and small companies developing timeline products for the web.<p>As the developer of ChronoFlo Timeline Maker (<a href="https://www.chronoflotimeline.com" rel="nofollow">https://www.chronoflotimeline.com</a>), I welcome you to the timeline maker community!<p>Good luck with your project.
The accessibility of this leaves a lot to be desired:<p>- There are no landmarks.<p>- The keyboard navigation works poorly.<p>- There are no live regions to show changing content.<p>- The markup is a sea of divs and spans, so there is no structure to the content.<p>- There is no visible focus indicator.<p>Some of the advanced layouts do not work at all in Safari, accessible or otherwise.
I'll keep an eye on this for the responsive feature that's planned!<p>I recently implemented a timeline on the <a href="https://wavy.fm" rel="nofollow">https://wavy.fm</a> front page to communicate that the website is still in development. Trying to make it responsive with flexbox was an absolute nightmare, so I ended up using JS to render the component differently on mobile.
I expected `tree` to allow multiple side by side (but still synced) timelines. For instance in your examples there'd be one line for European ops, and another for Japanese. Any plans to add that?
I've wanted something like this for a while, but it's missing what to me is the most important feature: scaling the distance between entries based on the length of time between them.