JavaScript diagramming library powering exceptional UIs
Prague, Czechia
Joined February 2011
- Tweets479
- Following114
- Followers681
- Likes65
Paste SQL → get a live, editable database diagram. Edit the diagram → the SQL updates too. 🔁
Our new Data Modeling app template for JointJS+ for React: jointjs.com/demos/data-model…
Here's a fun puzzle challenge for you. 🧩
Try to beat my score in the Shikaku puzzle game built with JointJS. I solved it in 54 seconds. Can you do better? Let me know your score in the comments below. 🙂
JointJS Shikaku puzzle: jointjs.com/demos/shikaku
Have you already seen our new Data Modeling app template? 🔥
It's a perfect starting point for any data-driven UI, and below is a quick overview of some key features, from undo/redo to accessibility and smooth diagram performance. 🚀
#JointJS #diagramming #datamodeling
You can find the detailed data modeling app template walkthrough on our blog: jointjs.com/blog/how-to-buil…
We're excited to share our new in-depth guide on building modern data modeling tools with JointJS+ for React!
In this guide, we’ll walk you through the architecture, key design decisions, and practical techniques behind our open-source Data Modeling app template.
Whether you're creating visual SQL editors, custom database tools, ERD editors, or lineage tools, you'll find actionable insights, code samples, and best practices for building data modeling apps. 🚀
(Links to both the blog post and the video are below. 👇)
ALT JointJS Data Modeling App Template
Using JointJS in React no longer means you need useRefs, useEffects, and a bunch of clunky code to connect everything.
Here's what changes with JointJS for React, with before-and-after code examples for every common pattern. 👇
#diagramming #JointJSforReact
ALT JointJS for React — JointJS now works natively with React.
You no longer have to manually sync graph state with React, and you can gradually transition your app to JointJS for React.
ALT Change the graph from anywhere. Any component under GraphProvider gets a typed graph API. Pass your existing dia.Graph in and move one component at a time.
Check the full hands-on guide to see how much easier it is to work with JointJS for React: jointjs.com/blog/jointjs-for…
A hands-on guide outlining how much easier it is to integrate JointJS with React with a new native JointJS for React integration.
We created an in-depth guide that explains everything you need to know about JointJS performance. 🔥
Key takeaways:
🚀 Render fewer DOM elements
📐 Don't measure the DOM
🔎 Use dia.SearchGraph + QuadTree for spatial queries
Read the full guide: jointjs.com/blog/10-practica…
ALT 3 key to fast, production-grade JointJS diagrams
ALT Render fewer DOM elements
ALT Don't measure the DOM
ALT Use SearchGraph + QuadTree for spatial queries
Performance in diagramming apps matters, especially if you're building production-grade apps. 🚀
That's precisely why we created an in-depth guide on getting the most out of JointJS, covering performance optimization techniques, from setting up a solid baseline config to advanced techniques like LOD.
#JointJS #performance #diagramming
jointjs.com/blog/10-practica…
JointJS retweeted
The Appmixer and JointJS team, all in one place. 🤍
We have been fully remote since day one. It works great, and we get to hire talented people from all around the world.
But boy, it feels nice when we all meet in person!
Thank you, everyone, for four beautiful days together in a South Bohemian cottage, sharing ideas and simply having fun.
(Missing a few colleagues from the photo: Anna, who joined us a day later, and Samuel, Ian, Camilo and Ram, who couldn't make it this year. See you all at the Christmas party!)
Did you know that JointJS for React works well with any React framework? 🚀
There's a gotcha in Next.js, so we created a short guide explaining everything you need to know to set up JointJS for React in your Next.js application. 👇
jointjs.com/blog/how-to-use-…
#jointjs #nextjs
Oskar Gutowski created a fantastic, in-depth comparison of JointJS for React and React Flow on the @NeotericEU blog. 🙏
The overview goes into details of both libraries, from similarities to building a pipeline editor in both (with code examples), along with an overview of performance, layout algorithms, undo/redo, accessibility, and other features.
If you're wondering which library is right for you, or if you're evaluating diagramming libraries, give it a read.
neoteric.eu/blog/jointjs-vs-…
JointJS was featured in G2's "6 Best Data Visualization Libraries" for 2026, and it earned the highest G2 rating of the group at 4.7 out of 5.
The report captures what we hear from developers all the time. When your product lives or dies on its diagramming interface, JointJS gets you from a working demo to a real application fast, with the API depth and rendering performance to back complex, production scale builds.
Grateful to every team building with JointJS. Full breakdown here: learn.g2.com/best-data-visua…
