Could someone give me some feedback on my first 2 diagrams?

This page summarizes the projects mentioned and recommended in the original post on /r/azuredevops

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • c4-notation

    Technical resources for using the C4 model for visualizing software architecture.

  • Personally, I’m a big fan of the C4 model for diagrams (https://c4model.com). Doesn’t have the nice Azure icons (which is a shame) but a useful model for breaking down an app into hierarchical layers and views.

  • draw.io

    draw.io is a JavaScript, client-side editor for general diagramming.

  • On work, I use mostly tools like Draw.io and some colleges more Excalidraw (looks more fancy but less powerful). Those are easy tools to create a diagram with existing extensions for VScode. This helps to create an editable diagram which can be saved as an image. I like to use to save my draw.io file as a *.drawio.png file. So I can open it with draw.io to edit and when viewing the file from a browser, you see the PNG image. In this case, I never forget to export the latest state into my docs.

  • 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 logo
  • excalidraw

    Virtual whiteboard for sketching hand-drawn like diagrams

  • On work, I use mostly tools like Draw.io and some colleges more Excalidraw (looks more fancy but less powerful). Those are easy tools to create a diagram with existing extensions for VScode. This helps to create an editable diagram which can be saved as an image. I like to use to save my draw.io file as a *.drawio.png file. So I can open it with draw.io to edit and when viewing the file from a browser, you see the PNG image. In this case, I never forget to export the latest state into my docs.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts