DevOps Diagrams

One critical part of documenting and planning your products and services is understanding how and where they are deployed. This is critical not only for your DevOps organization, but helps everyone from engineering and product to sales enablement and security understand the the capabilities, limitations, and vulnerabilities of your services. Common use cases include:

  • Network diagrams showing subnets, ingress and egress points.
  • Deployment diagrams showing where all of your APIs and databases are deployed
  • Mapping our the routing and caching layers for your content delivery and request handling

Eraser's simple UI is easy to learn, and our keyboard shortcuts, icon library, advanced diagramming tools, and rich notepad make it an excellent tool for documenting your system deployment.

Architecture Diagram-as-Code

A solid architecture diagram (also called deployment or system diagram) is the bread and butter of your dev ops documentation. Using Eraser's easy-to-learn diagram-as-code feature and comprehensive icon library, you can create an architecture diagram in under a minute.

Open In Eraser
Cloud Vendor Icons

Eraser comes with a comprehensive built-in icon library that includes hundreds of cloud provider services, popular tech logos, and general purpose icons. Use them anywhere on the canvas to give your diagrams clarify and life.

Open In Eraser
Store alongside your config

We live in a world where infrastructure-as-code, configuration, and other deploy artifacts live in Git. Now your rich diagrams and documentation can too!  Our Github integration makes it easy to create in Eraser and store in git.

Open In Eraser
Discover other use cases
View all use cases
Whiteboard Interview
Eraser is the easiest way to conduct a remote whiteboarding interview. Just send a link to your counterpart and immediately get started.
Documentation
Eraser makes documentation enjoyable to create and consume
Use Cases
DevOps Diagrams
Diagrams

DevOps Diagrams

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

User Eraser to document where and how your systems are deployed and how they fit together

Open in Eraser
Use Cases
Use Eraser for your
Diagrams
Use Cases
Architecture Diagram-as-Code

A solid architecture diagram (also called deployment or system diagram) is the bread and butter of your dev ops documentation. Using Eraser's easy-to-learn diagram-as-code feature and comprehensive icon library, you can create an architecture diagram in under a minute.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Use Cases
Cloud Vendor Icons

Eraser comes with a comprehensive built-in icon library that includes hundreds of cloud provider services, popular tech logos, and general purpose icons. Use them anywhere on the canvas to give your diagrams clarify and life.

Use Cases
Store alongside your config

We live in a world where infrastructure-as-code, configuration, and other deploy artifacts live in Git. Now your rich diagrams and documentation can too!  Our Github integration makes it easy to create in Eraser and store in git.

DevOps Diagrams
Examples
Why Eraser is the best tool for
DevOps Diagrams

Diagram-as-code

Diagram-as-code is the perfect tool for moving at the speed of thought and visualizing your ideas instantly. Our syntax is optimized for easy learning.

Building blocks

With Eraser you don't need to hunt for icons. AWS, GCP, Azure, Kubernetes, and most tech logos are included.

GitHub integration

Eraser's Github integration supports two-way syncing with Github. Add diagrams to READMEs in Eraser while still maintaining your PR-based workflows and versioning.

Security

Trusted by Fortune 100 companies with their system design. SOC II Type 2 audit in progress.

Eraser AI

Meet your co-pilot for technical design. Generate diagrams and doc outlines with Eraser AI.

API

Integrate Eraser into your automated documentation and diagram generation pipeline.

Version History

Automatically saved and snapshots generated for our safety of mind.

Trusted by leading engineering teams globally

Dennis Dao
Distinguished Software Architect, MISSION+

What I love most is its Markdown note-taking feature, which allows you to include snapshots of diagrams directly in the canvas. Clicking on these snapshots takes you straight to the relevant diagram section.

Alex Kenley
Technical Director, Mott Mac

As a proof of concept, using Eraser I manually built out a VMWare validated design which is a fairly complex conceptual design for NSX-T Network Virtualization in an enterprise environment. ... I put this whole thing together in under an hour. Pretty wild.

What does larger scale software development look like?

Web Dev Cody
@WebDevCody

See you in the canvas

Unlock your team’s collaborative super powers.