Dependency Diagrams

Understanding dependencies is critical for aligning priorities and technical vision. When everyone has only a rough picture in their head, critical relationships can slip and emerge later as roadblocks. A simple diagram, embedded into a project plan or architecture doc, can forge a shared understanding.

Use Eraser to:

  • Map project dependencies for roadmap planning
  • Visualize which modules, services, or features need others to function

Eraser's simple UI, keyboard shortcuts, icon library, advanced diagramming tools, and rich note editor make it the best tool for documenting dependencies.

Discoverable feature dependencies

Feature dependency diagrams help you visualize how your product and services interconnect. These are useful on their own, but even better in tandem with rich architecture and service diagrams. Our file linking features make it easy to explicitly reference relevant docs. And our search will let you find all mentions of a feature, even in diagrams!

Open In Eraser
Project dependencies

Just starting out on a project? Map out your dependencies in minutes with clear diagrams. Starting with a simple format, you can layer on indicators for team ownership and component status. Eraser's TODO lists and at-mentions are a perfect addition.

Open In Eraser
Diagram-as-code

Using Eraser's diagram-as-code functionality, you can turn our straightforward syntax directly into a diagram without needing to worry about moving shapes around. This is perfect to quickly generate and iterate on a diagram while brainstorming or putting together an initial proposal.

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
Dependency Diagrams
Diagrams

Dependency 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.

Use Eraser to: map project dependencies for roadmap planning and visualize which modules, services, or features need others to function

Open in Eraser
Use Cases
Use Eraser for your
Diagrams
Use Cases
Discoverable feature dependencies

Feature dependency diagrams help you visualize how your product and services interconnect. These are useful on their own, but even better in tandem with rich architecture and service diagrams. Our file linking features make it easy to explicitly reference relevant docs. And our search will let you find all mentions of a feature, even in 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.

Use Cases
Project dependencies

Just starting out on a project? Map out your dependencies in minutes with clear diagrams. Starting with a simple format, you can layer on indicators for team ownership and component status. Eraser's TODO lists and at-mentions are a perfect addition.

Use Cases
Diagram-as-code

Using Eraser's diagram-as-code functionality, you can turn our straightforward syntax directly into a diagram without needing to worry about moving shapes around. This is perfect to quickly generate and iterate on a diagram while brainstorming or putting together an initial proposal.

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

Docs + Canvas

Eraser's unique embeds let you drop diagrams directly into your documents.

Source of truth

Use diagrams created in Eraser as source of truth for answering security questionnaires and documentation.

Ease of use

Create an entire diagram without your hands ever leaving the keyboard. Our simple styling options allow you to iterate quickly and polish when you're done.

Security

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

Export

Flexible exports to PDF, PNG, SVG, markdown.

GitHub sync

Create a PR to GitHub directly from Eraser docs and diagrams.

API

Integrate Eraser into your automated documentation and diagram generation pipeline.

Trusted by leading architecture 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.