JavaScript diagramming library powering exceptional UIs
Prague, Czechia
- Tweets 439
- Following 106
- Followers 554
- Likes 48
What's new?
🎨 New look for a more pleasant user experience
🔝 Slider to increase and decrease the duration of tasks
🔟 Editable field for precise task duration settings
⚙️ Better data to demonstrate real production process
1
12
📣 New Demo: Yamazumi 3D
For the past 40+ Wednesdays, we've always introduced a brand new demo. Today we took a step back and refreshed one of our favorite JointJS+ demos, Yamazumi 3D 📊
1
3
127
Explore this demo that shows how to use the Interact.js library to support panning and pinching gestures on touch devices, while keeping all other functionality intact 🤏
jointjs.com/demos/touch-gest…
60
📣 New Demo: Touch Gestures
Have you been wondering how to implement touch gestures such as pan and pinch in your JointJS application? ✋
1
1
105
Today's demo highlights the use of a tooltip plugin that offers users a detailed view of elements upon hovering. This approach elegantly provides more information only when needed 👌
jointjs.com/demos/element-pa…
73
So, how can you balance both objectives: keeping users informed while maintaining a clean design?
1
2
84
📣 New Demo: Element Palette Tooltips
Element Palette has limited real estate. Therefore, you might wish to keep it compact and free of unnecessary information. Yet, your users may still want detailed insights into the elements 🤷♂️
1
99
Take a look at today's demo, click on the map icon to show (and hide) the minimap and move elements around on the paper to observe how smoothly the minimap adapts to changes ➡️ jointjs.com/demos/collapsibl…
#DemoWednesday
89
📣 New Demo: Collapsible Minimap
Minimap is a valuable tool to better navigate the diagram, but takes up more space than needed when not in use. The ability to collapse and expand the minimap is the subject of this demo and a practice used by many modern diagramming tools 👌
1
2
155
To explore the source code of this demo application, visit our GitHub repository 👉github.com/clientIO/joint/tr…
#DemoWednesday
59
The result? An organic link style and behavior, achieved by gradually reducing the pressure from the beginning to the end of each link.
Go back to the days of studying biology or explore the integration of JointJS and the Perfect-freehand library 👉 jointjs.com/demos/tree-of-li…
1
75
📣 New Demo: Tree of Life
Explore the evolutionary relationships between different organisms with our latest demo! 🧬
For all techies out there, please note that the demo combines JointJS links with the Perfect-freehand library used to draw pressure-sensitive freehand lines.
1
2
126
📣 New Demo: Clipboard API Integration
Explore integration with the Clipboard API for copying and pasting diagram data between different applications 👇
jointjs.com/demos/clipboard-…
2
118
On the other hand, the paper can also be expanded into an unlimited space without specific confines. These two approaches, their transition, and a demonstration featuring diverse grid types are all elucidated in today's demo linked above. (4/4)
60
The paper can be configured as a single sheet or as multiple sheets placed adjacently, complete with dashed lines indicating page breaks between them. This configuration is useful when the print function is utilized, with each sheet mimicking an actual physical page. (3/4)
1
67
In JointJS, there's flexibility in defining the paper's dimensions, allowing both arbitrary specification and dynamic adjustments. For instance, adjustments can be made after a shape is positioned beyond its original boundaries. (2/4)
1
12
📣 New Demo: Infinite Paper vs. Sheets
Today's demo shows two approaches to setting paper size: infinite paper versus sheets with explicit borders ➡️ jointjs.com/blog/demo-wednes… (1/4)
1
1
110
Favorites are also saved to local storage, which means your preferences are permanent - you can freely use previously saved shapes even if you refresh the browser or open the demo app later 👌
57
Take a look at our latest demo, which introduces a clever feature that automatically stores used shapes in the "Shapes In Use" group. As well, it allows you to add any shape to your favorites and easily reuse it.
jointjs.com/demos/stencil-fa…
1
60