Software Alternatives, Accelerators & Startups

p5.js VS PlantUML

Compare p5.js VS PlantUML and see what are their differences

p5.js logo p5.js

JS library for creating graphic and interactive experiences

PlantUML logo PlantUML

PlantUML is an open-source tool that uses simple textual descriptions to draw UML diagrams.
  • p5.js Landing page
    Landing page //
    2023-07-22
  • PlantUML Landing page
    Landing page //
    2023-10-22

p5.js videos

Processing or p5.js? My opinions

More videos:

  • Review - Q&A #1: Side-Scroller in p5.js
  • Tutorial - 17.11: Sound Visualization: Frequency Analysis with FFT - p5.js Sound Tutorial

PlantUML videos

PlantUML - beautiful quick diagrams to explain your models

More videos:

  • Review - Folge16 - PlantUML und IntelliJ
  • Tutorial - PlantUML Gizmo Tutorial: Google Docs Add-on
  • Review - Mermaid vs PlantUML vs HackerDraw: Which One Is Best For You?
  • Review - Using PlantUML For Diagrams In A GitLab Wiki

Category Popularity

0-100% (relative to p5.js and PlantUML)
Javascript UI Libraries
100 100%
0% 0
Diagrams
0 0%
100% 100
Charting Libraries
100 100%
0% 0
Flowcharts
21 21%
79% 79

User comments

Share your experience with using p5.js and PlantUML. For example, how are they different and which one is better?
Log in or Post with

Reviews

These are some of the external sources and on-site user reviews we've used to compare p5.js and PlantUML

p5.js Reviews

20+ JavaScript libraries to draw your own diagrams (2022 edition)
A JS client-side library for creating graphics and interactive experiences, based on the core principles of Processing to make coding accessible to artists, designers and educators. Beyond drawing, this project provides offers web audio functionality, collision detection and even generation of graphical user interfaces from p5.js sketches.
8 Best Free and Open-Source Drawing Libraries in JavaScript
The p5.js library is a great option for people who are looking for a library that doesn't have a steep learning curve, but which can create very complicated systems if necessary. The get started with P5.js page on the official website has a functional example that draws circles wherever you move your mouse in only a few lines of code.

PlantUML Reviews

Top 7 diagrams as code tools for software architecture
PlantUML is a tool that allows you to write diagrams such as sequence, object, component, usecase, class diagrams and more.
5 great diagramming tools for enterprise and software architects
PlantUML is an open source tool and syntax that allows you to make sequence, use case, class, object, and other diagrams from code. It also supports non-UML diagrams like JSON and YAML. In addition, it enjoys support from ArchiMate, ERD, Business Process Modeling Notation (BPMN), and other common notation styles. Its simple, plain-text definitions make creating, sharing, and...
Source: www.redhat.com
Software Diagrams - Plant UML vs Mermaid
For C4 Models, Mermaid support is still experimental. This shows as you have little control over the way the diagram is rendered, and some parts are unreadable (i.e., arrows over nodes). PlantUML works as you would expect and has support for more advanced setup like sprites. Not even close on this one. Winner: PlantUML
9 Best UML Software For Mac & PC
PlantUML is another free open source sequence diagram software that uses text input to build UML charts. PlantUML requires using a specific PlantUML Language to construct sequence charts but once learned it’s very flexible.
Source: machow2.com
40 Open Source, Free and Top Unified Modeling Language (UML) Tools
PlantUML is a component that allows users to quickly write sequence diagrams, usecase diagrams, class diagrams, activity diagrams, component diagrams, state diagrams, deployment diagrams, object diagrams and wireframe graphical interfaces. Diagrams are defined using a simple and intuitive language. Images can be generated in PNG, SVG or LaTeX format and it is also possible...

Social recommendations and mentions

Based on our record, p5.js seems to be a lot more popular than PlantUML. While we know about 137 links to p5.js, we've tracked only 6 mentions of PlantUML. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

p5.js mentions (137)

  • HyperCard Simulator
    If you're looking for digital interactives that are easy, you might like p5.js. https://p5js.org/ Flash went away faster than a replacement emerged. When Flash went away, it was very clear to me that if HTML5 at that time was the future and it's immediate replacement, we were screwed. If you're looking for something that could build next, Flutter seems to be carrying on the promise of one codebase to run on... - Source: Hacker News / 1 day ago
  • Battlesnake Challenge #2 - JavaScript
    JavaScript is everywhere. Not only is JavaScript on every layer of the tech stack (frontend/middleware/backend), but you can also find JavaScript in every software domain. No matter if you want to do command-line tools, creative coding, or machine learning, you can do it in JavaScript. Because JavaScript is so ubiquitous, as a developer it’s the best career choice you can make. - Source: dev.to / about 1 month ago
  • Processing Foundation 2024 Software Development Grant (pr05): 'New Beginnings' Open Call
    The Processing Foundation is thrilled to announce the open call for pr05 (pronounced “pros”), a new grant and mentorship initiative designed to support the professional growth of early to mid-career software developers through hands-on involvement in open-source projects. This is a unique opportunity to grow as a developer while making a tangible impact on software projects used by millions of creatives, artists,... - Source: dev.to / about 1 month ago
  • How to build an associative graph using React + p5
    I'm using the JavaScript graphics library p5 inside a react component, like so:. - Source: dev.to / about 2 months ago
  • Turbo Pascal Turns 40
    Processing (P5) had this: you can select any string of text in its IDE anl search for it in the docs, and if it's one of the built-in functions or constants it will open the associated static html page that came installed with the software, so no internet nor server required. And despite being offline you can still navigate the docs too. This feels a lost basic skill in static site generation these days. It was... - Source: Hacker News / 7 months ago
View more

PlantUML mentions (6)

  • Code Diagrams - 3 Tools to Try
    PlantUML, like Mermaid, is an open source tool that allows users to create diagrams from plain text descriptions. PlantUML is the original ‘diagrams as code’ platform. It has a deep feature set, can be integrated into just about any environment, and can be extended to fit just about any use case. For example, the most useful thing to me about PlantUML is its support for visualizing .JSON files. - Source: dev.to / 14 days ago
  • PlantUMLApp 3.0 - Let's play with AI Multi-Modality
    New version 3.0 of my PlantUML App for iPad is out with exciting update! 🤩 The new multi-modality feature now lets you transform hand-drawn diagrams into PlantUML scripts with just a pencil ✍🏻 or your fingers 👆. Take a look 👀 to this short on YouTube and download it from App Store to support me 👍🏻. - Source: dev.to / 3 months ago
  • What is your favorite tool for designing complex architecture, and why is it MS Paint?
    Someone at work showed me https://plantuml.com/ recently. If you want your diagrams as code . Version controlled etc.. I highly recommend it. Source: 7 months ago
  • Discovering the Power of PlantUML: Visualizing YAML, JSON, and More!
    Open-source tool that uses simple textual descriptions to draw beautiful UML diagrams. - Source: dev.to / 11 months ago
  • Pikchr: A PIC-like markup language for diagrams in technical documentation
    Seems like a considerable upgrade from PlanUML (https://plantuml.com/ - which is amazing, but sometimes you just can't seem to be able to align the stuff the way you want too). - Source: Hacker News / 11 months ago
View more

What are some alternatives?

When comparing p5.js and PlantUML, you can also consider the following products

Three.js - A JavaScript 3D library which makes WebGL simpler.

draw.io - Online diagramming application

Pixi.js - Fast lightweight 2D library that works across all devices

yEd - yEd is a free desktop application to quickly create, import, edit, and automatically arrange diagrams. It runs on Windows, Mac OS X, and Unix/Linux.

Processing - C++ and Java programming at the speed of thought.

LucidChart - LucidChart is the missing link in online productivity suites. LucidChart allows users to create, collaborate on, and publish attractive flowcharts and other diagrams from a web browser.