> ## Documentation Index
> Fetch the complete documentation index at: https://iso-topology.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Made with iso-topology

> Real diagrams, with source files you can use as starting points.

Every diagram below comes from a scene in the repository. Open its source to
inspect the layout, shapes, colors, and connections, then adapt it to your system.

## Microservices

A D2 graph with automatic layout: a useful starting point for a service overview.

<Frame>
  <img src="https://mintcdn.com/iso-topology/ywHSDcQ4FDbNBRcz/assets/microservice.png?fit=max&auto=format&n=ywHSDcQ4FDbNBRcz&q=85&s=cf9024187ad37570c86d9cb49019cbca" alt="Isometric microservices diagram with a user, gateway, services, and database" width="923" height="567" data-path="assets/microservice.png" />
</Frame>

[Open the D2 source](https://github.com/MishaBear94/iso-topology/blob/main/samples/topology/microservice/input.d2)

## Data fabric

YAML composition with layout driven by the connections between components.

<Frame>
  <img src="https://mintcdn.com/iso-topology/ZZqJgqRARsQlkMb3/assets/data-fabric.png?fit=max&auto=format&n=ZZqJgqRARsQlkMb3&q=85&s=6bd05181b84daf6d0d0f527dd680f946" alt="A data platform with connected ingestion, processing, and storage components" width="1409" height="667" data-path="assets/data-fabric.png" />
</Frame>

[Open the YAML source](https://github.com/MishaBear94/iso-topology/blob/main/samples/topology/data-fabric/input.yaml)

## RAG pipeline

Separate ingestion and retrieval paths, with recognizable infrastructure icons.

<Frame>
  <img src="https://mintcdn.com/iso-topology/ywHSDcQ4FDbNBRcz/assets/rag-pipeline.png?fit=max&auto=format&n=ywHSDcQ4FDbNBRcz&q=85&s=eb149dfb216dc028442a05a9745c688c" alt="A retrieval augmented generation architecture with ingestion and query paths" width="1074" height="747" data-path="assets/rag-pipeline.png" />
</Frame>

[Open the YAML source](https://github.com/MishaBear94/iso-topology/blob/main/samples/topology/rag-pipeline/input.yaml)

## Developer tooling

A dark scene showing a CI/CD pipeline and its supporting services.

<Frame>
  <img src="https://mintcdn.com/iso-topology/ZZqJgqRARsQlkMb3/assets/devtool-pipeline.png?fit=max&auto=format&n=ZZqJgqRARsQlkMb3&q=85&s=3cd7809da9bb6d4349aefa5ba0302987" alt="A developer tool pipeline illustrated with glowing components on a dark background" width="1251" height="885" data-path="assets/devtool-pipeline.png" />
</Frame>

[Open the YAML source](https://github.com/MishaBear94/iso-topology/blob/main/samples/topology/devtool-pipeline/input.yaml)

## Layered platform

An exploded view of a platform, using height and stacking to expose its layers.

<Frame>
  <img src="https://mintcdn.com/iso-topology/ywHSDcQ4FDbNBRcz/assets/platform-board.png?fit=max&auto=format&n=ywHSDcQ4FDbNBRcz&q=85&s=cf11be47d065072e711a3ff893f9208d" alt="An exploded isometric platform showing multiple separated layers" width="1366" height="1176" data-path="assets/platform-board.png" />
</Frame>

[Open the YAML source](https://github.com/MishaBear94/iso-topology/blob/main/samples/topology/platform-board/input.yaml)

## Make one your own

Clone the repository, choose a source file, and render it locally:

```bash theme={null}
git clone https://github.com/MishaBear94/iso-topology
cd iso-topology
go run ./cmd/isotopo render samples/topology/microservice/input.d2 ./out
```

The images on this page are illustrative snapshots. Rendering with a newer
version can change placement and routing as the engine improves.

<CardGroup cols={2}>
  <Card title="All sample sources" icon="code" href="/agent/SAMPLES">
    Browse the full index, including individual shapes and regression scenes.
  </Card>

  <Card title="Scene design guide" icon="pen-ruler" href="/guides/scene-design">
    Choose a layout, visual hierarchy, and color system for your architecture.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.