Vertical timeline

[almende]

Vertical timeline

[josdejong]

Yes, vis.js is component based which makes it easier to implement vertical versions of the axis, itemset, groupset, etc.

[ux-engineer]

Nice 👍 Have you been planning in-built mobile features? Like touch gestures. And on the idea of a vertical timeline, those event details boxes could just rotate 90 degrees?

[josdejong]

Yes, the Graph already has mobile support (using hammer.js), we are going to implement that in the Timeline too.

As for the vertical positioning: that is not a matter of just rotating 90 degrees. You have to position and size the divs of each item differently, swap everything related to horizontal positioning with vertical positioning.

[ux-engineer]

Great. Yes I can see how it's not that simple - that was more of a feature inquery/request :) How you been thinking of implementing that natively?

[josdejong]

You mean implement touch events without using a library like hammer.js? You don't want to do that. Move events are easy, but pinching, long press, double press, etc. gets more complicated. Especially if you want to support all different types of devices, which all work differently. It's really great to leave the details to a great library like hammer.js.

Edit: o sorry i guess you meant the vertical positioning.

[ux-engineer]

I meant for the vertical timeline done (mostly) by just rotating the event info boxes!

[josdejong]

Yes would be great to have support for a vertical timeline, but first we want to implement more basic features like making items editable.

[ux-engineer]

Ok that sounds right. What kind of on-going and future project milestones and time estimates do you have planned?

[josdejong]

First milestone is to get about the same functionality we had in the Timelines predecessor, most importantly making the items editable, and a bunch of smaller functions. Then, integrate support for line chart in the Timeline (formerly a separate visualization). We also want implement clustering and support to handle large amounts of items.

We don't have a time estimate, we currently have a shortage of man power so development is going relatively slow. It strongly depends whether we can find extra colleagues and how much help we get from the community.

[ux-engineer]

It's good to know about your current situation. Your plugin will most likely play a fundamental part in the next version of our web application which comes under planning and development in the following months. We might be able to sponsor this project then. Let's be in touch later on!

[josdejong]

Thanks.

[gwelr]

Hello, searching for vertical vis.js timeline brought me here. According to the discussion above, everything is ready to have vertical time with vis.js. Now I'm looking for examples or code snippet or direction to build such timeline. Any tips? Is that really possible?

[AlexDM0]

In general, no. It's not trivial to just make a vertical timeline without a big change to the components. There is no specific starting point or code snippet for this.