16% of the global population has a disability, according to the World Health Organization. How can we build diagramming web apps to ensure accessibility for everyone? We dive into this important topic, exploring the current state of accessibility, enabling technologies, and the role of AI in creating more inclusive experiences.
How can you launch AI features that achieve high adoption among your customers? How do you test the hypothesis that AI can add value at all?
The combination of AI and no-code automation helps address these concerns and, more importantly, enables the launch of AI features tailored to how each customer uniquely uses your product.
This is a game-changer. Instead of developing a single-purpose AI feature, product leaders can unlock virtually unlimited AI-powered use cases within their products.
Discover various techniques for outlining complex SVG shapes, including unions of shapes. Learn how to balance advanced styling with performance, accuracy, and flexibility. This guide covers key methods and their pros and cons, with practical, code-based examples for building modern, responsive web applications.
JointJS, an open-source diagramming library based on SVG, has released version 4.0, which finally operates without any external dependencies. Eliminating jQuery, Lodash, and Backbone was (not that surprisingly) a wish of many developers. Now, they can create interactive diagramming applications with a leaner, more intuitive, and high-performing version of the JointJS library.
Here's what's new in v4.0:
• No external dependencies (jQuery, Backbone, Lodash)
• Extensive refactoring for improved performance
• BPMN export to/import from XML, enhancing collaboration across the BPMN tool suite (available in JointJS+)
• Plus, a lot more (read here: https://www.jointjs.com/blog/introducing-version-4)
Have you ever wondered how to create 3D objects in 2D space?
In our latest article, we describe one of the possible techniques and provide a step-by-step technical guide on how to create and manipulate isometric views with SVG. Learn how to use the capabilities of SVG to create parallel projections and master this fascinating are.
The goal of this article was to provide an educational resource and comparison for people learning about SVG and Canvas. Based on a few comments here and elsewhere, some people learned something, so we consider that a success.
I don't think you can deny that any article, demo, post, etc that appears on a company website is inherently some kind of self-promotion. It's the same for every company. The important thing for us is that the content can stand alone if it appears under another name, on another website. In that sense, we are happy with it, and think the content is reasonable and valid. We use SVG, and are satisfied with our tool of choice. There isn't any conspiracy here.
The article doesn't focus on using libraries, because we wanted it to be accessible to everyone, including beginners. If we want to write about a specific library, we would do so in a straightforward and forthright manner just like in the article you linked here. That article was born out of questions from our customers which is why it covers additional stuff like prices, support, open-source, etc. Again, nothing too strange about that. Both articles do have some crossover in terms of themes, but so does every comparison article about SVG and Canvas, so it's not surprising. There are only so many things to discuss.
There are of course arguments for and against SVG and Canvas. Yesterday, we posted a detailed comparison of these technologies and outlined why we think SVG is the better choice: https://www.jointjs.com/blog/svg-versus-canvas
As a frontend developer, you are often faced with the difficult decision of what technology to use in your next project.
The last thing you want is to choose a particular technology and later realize that you should have chosen another option for one reason or another.
In our latest article, we compare SVG and Canvas and give you a fresh perspective on this choice based on over 10 years of experience in web development.
After reading it, you will have a better idea of:
• The key principles of both rendering engines
• The differences between SVG and Canvas
• Accessibility of both technologies
• Performance comparisons illustrated by specific use cases
• Testing and how both technologies make developers' lives easier.
• Utilizing foreign object as a way to create HTML-rich elements
• The synergy of SVG and CSS
• The impact of both technologies on other business areas such as SEO or coordination between team members
The JSON format - as a widely used form of data storage and representation - lacks a simple and convenient view of complex data, forcing developers to use external tools for data visualization and thus more productive work.
At JointJS, we decided to regularly share code samples to help you create visual applications faster and with less effort, and one of them is a simple JSON visualizer.