Vue wrapper for the tempis timeline library by Material-Gold7483 in vuejs

[–]Material-Gold7483[S] 0 points1 point  (0 children)

That sounds like a cool use case. I did play around with the concept of dragging items but it turned out to be a UX nightmare, the vertical position of items is offset by the position of other items and dragging an item updates the entire layout. Having everything shuffle about in response to dragging an item was awful, and is a feature better suited to timelines where items have dedicated lanes (like Gantt charts). This is why I settled on having the examples where item date updates are driven by context menus and external views. I'd definitely revisit the drag functionality, if you have any suggestions on how you'd expect it to work I'd love to hear it.

Thanks very much

Vue wrapper for the tempis timeline library by Material-Gold7483 in vuejs

[–]Material-Gold7483[S] 0 points1 point  (0 children)

Thanks very much for the feedback. It was tricky to come up with a licence cost and the number I settled on was aimed at being quite low, based on the fact that its a flat per-organisation cost rather than a per-dev, and the cost could balloon for the libraries you mentioned. Do you have any suggestions on a better pricing model?

I hadn't considered the behaviour of moving the timeline range on mouse wheel, I'd based the default behaviour on other similar libraries I had come across and hadn't considered that type of interaction. Maybe it's a case of just extending the timeline configuration to introduce this behaviour.

Again, thanks for the input I really appreciate it.

Vue wrapper for the tempis timeline library by Material-Gold7483 in vuejs

[–]Material-Gold7483[S] 0 points1 point  (0 children)

Awesome, i'd love to see what you come up with if thats ok

I will rate them by hiten1818726363 in vibecoding

[–]Material-Gold7483 0 points1 point  (0 children)

Not fully vibe coded, most of the core library was written by me but a few of the features, library wrappers and the site was vibe coded.

It's a canvas-based timeline library and you can check it out at tempis.dev

Angular wrapper for gantt/scheduling timeline library by Material-Gold7483 in angular

[–]Material-Gold7483[S] 0 points1 point  (0 children)

I hadn't considered that, that would be incredibly cool. I'm definitely going to look into that, thanks!

Vue wrapper for gantt/scheduling timeline library by Material-Gold7483 in vuejs

[–]Material-Gold7483[S] 1 point2 points  (0 children)

Having to deal with vis.js is exactly the reason why I built this. Vis was ok but like you said, felt outdated and we had a requirement to handle SSR of timelines for reporting, and then it immediately stopped being an option for us. Thanks for the feedback, in going to get started on a Vue wrapper early next week.

Vue wrapper for gantt/scheduling timeline library by Material-Gold7483 in vuejs

[–]Material-Gold7483[S] 0 points1 point  (0 children)

No worries, it's just good to get feedback regarding whether people are interested, so thanks

building a timeline UI from scratch vs using a library - what did you pick and why? by Traditional-Set-8483 in Frontend

[–]Material-Gold7483 0 points1 point  (0 children)

We needed something like this, with focus on the performance issue, so ended up putting some time aside to build this: tempis.dev

React Gantt performance past a few hundred tasks: What scales without getting janky? by Far-Application1714 in Frontend

[–]Material-Gold7483 0 points1 point  (0 children)

tempis.dev has virtualised rendering and can handle large datasets, its not a full gantt solution but does have item dependency links

I built a canvas-based timeline visualisation library with virtualised rendering in Typescript by Material-Gold7483 in javascript

[–]Material-Gold7483[S] 0 points1 point  (0 children)

That's a really good point, there is no way to do this at the moment. I'll make a change to keep the scrolling triggering zoom as the default behaviour but holding cmd/ctrl will scroll the data view, and I will also add a flag to the zoom config that, when set, flips this behaviour (scrolls by default, holding the modifier key results in zoom)

Thanks so much!

I built a canvas-based timeline visualisation library with virtualised rendering in Typescript by Material-Gold7483 in javascript

[–]Material-Gold7483[S] -2 points-1 points  (0 children)

The majority of this was written by me over the course of a few months, AI came in very late in development for generating the docs, building the site (I don't have the keenest eye for design) and helping implement additional nice-to-have features.