Skip to content
Cloudflare Docs

Diagrams

Definition

Section titled “Definition”

Images that depict a process, architecture, or some other form of technology.

Used in

Section titled “Used in”

All content types

Overview

Section titled “Overview”

Diagrams explain complex topics in a compelling way and help users visualize a specific solution, process, or interaction between products.

Template

Section titled “Template”
![Alt text](/link/to/image.svg "Caption to go under the image")

Example

Section titled “Example”
A simple flow diagram shows interactions between important elements of the design.
An example flow diagram

Additional information

Section titled “Additional information”

Always try to use SVG images for diagrams. Bitmap formats like PNG and JPEG do not scale well, and often users will zoom into diagrams to explore the details.

The alt (alternative) text on diagrams is used by screen readers and is read out as part of the surrounding content. Ensure the alt text is straightforward and fits in the context of the content.