c4-draw.io VS vscode-drawio

Compare c4-draw.io vs vscode-drawio and see what are their differences.

c4-draw.io

Draw.io template/diagram containing C4 Model shapes. Drawio Diagrams.net (by kaminzo)

vscode-drawio

This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code. (by hediet)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
c4-draw.io vscode-drawio
1 5
146 8,976
- -
3.7 4.2
2 months ago 4 months ago
TypeScript
- GNU General Public License v3.0 only
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

c4-draw.io

Posts with mentions or reviews of c4-draw.io. We have used some of these posts to build our list of alternatives and similar projects.
  • The four Cā€™s of software architecture
    1 project | dev.to | 1 Feb 2021
    The C4 model has definitely convinced us and we will use it again ā€” if it fits. In one of our projects, a colleague was able to familiarize himself with the architecture we had changed without much effort after taking parental leave. We like using the standardized and lightweight model to design architectures efficiently and to document them in a way that is understandable for all target groups. A big advantage is the integration of the C4 model with arc42, ArchiMate and other tools. We have used draw.io with an extension so far and have been satisfied with it.

vscode-drawio

Posts with mentions or reviews of vscode-drawio. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-10-14.
  • Gitlab VSCode Extension Now Supports Locally-Hosted AI Completion with FauxPilot
    7 projects | news.ycombinator.com | 14 Oct 2022
    Open VSX allows anyone to upload an extension there with the same name and description from the VSCode marketplace, but silently change code or make new releases, maybe introducing misfeatures or malicious code. Users typically don't notice because they think they are installing "the same" extension from the VSCode marketplace.

    https://github.com/hediet/vscode-drawio/issues/141

    > Hi ;)

    > I never published a version v999.0! It seems like you are using the unofficial open vsx marketplace (where, apparently, anyone can upload anything). You can find an issue here in this repository about it.

    > Unfortunately, someone uploaded the extension in that version which blocks any further updates with that name.

    > For now I believe in Microsofts vision. I don't think a secondary marketplace is good for the community - It just causes confusions like this.

    > If you setup a github action that automatically publishes this extension to open vsx, please open a PR! ;)

    The established practice of having random individuals set up ad-hoc mirrors of VSCode extensions is a serious security issue.

    If Open VSX wants to mirror VSCode extensions, that's okay - but they should do so with an automated process that mirrors ALL extensions and do not allow for people to silently change the code of an extension.

    If someone want to copy the code of an existing VSCode extension, change some things and upload it to Open VSX, that's okay too, but please fork it and clearly indicate in the description that the extension is a fork, linking to the source code of the original extension.

  • VSCode extensions that you need [Webdevs]šŸš€šŸ”§
    18 projects | dev.to | 15 Sep 2021
    7. Draw.io integration
  • Ask HN: What diagrams do you use in software development?
    12 projects | news.ycombinator.com | 26 Apr 2021
    You can find it here: https://marketplace.visualstudio.com/items?itemName=hediet.v...

    Like draw.io, it is open source! (https://github.com/hediet/vscode-drawio)

  • Visual tooling/extensions to navigate your codebase in vscode
    1 project | /r/vscode | 9 Apr 2021
    See: https://github.com/hediet/vscode-drawio/issues/169#issuecomment-723645139
  • Draw.io and Terraform = Brainboard, Graphical Way to Do Terraform
    1 project | /r/sysadmin | 19 Jan 2021

What are some alternatives?

When comparing c4-draw.io and vscode-drawio you can also consider the following projects:

diagrams - :art: Diagram as Code for prototyping cloud system architectures

mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

grafana-flowcharting - Flowcharting, plugin for Grafana to create complexe visio's draws style like technical architectures, floorplan, diagrams, hierarchical schema based on draw.io

C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures

excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams

drawio-notion-embed - A super simple project that lets you embed draw.io diagrams directly into Notion.

Modelio - Modelio is a modeling solution offering a wide range of functionalities based on the main standards of enterprise architecture, software development and systems engineering.

c4model-visio-stencil - Visio stencil with C4 Model shapes

vscode-emacs-mcx - Awesome Emacs Keymap - VSCode emacs keybinding with multi cursor support

java - Structurizr for Java

vscode-indent-rainbow - Extension which shows indentation with a faint rainbow colored background to make them more readable