KontexBIDiagram StudioExplore the interactive demos

A working space for connected thinking

Give your ideas
a little structure.

Map your data. Explore an idea. Explain a system. Find the diagram that helps you tell your story, then make it your own.

Find your starting point Create a document Open JSON
One document. Many perspectives.

A taste of Diagram Editor, in your browser.
Explore an example, then build a shared picture of your own.

Three ways to make things clearer

Learn what the parts mean, or jump straight in.

Your document

Preparing your workspace…

Loading…

DiagramAbout this diagram ↗

Starting the diagram engine…

Choose a sample to begin.Drag boxes · drag background to pan

Start something of your own

Create a document

Choose one or more ways to explore

You can combine these in one document. C4 starts with four connected architecture views; you can add more diagrams as you explore.

Another perspective

Add a diagram

C4 detail views use the first suitable system or container in this document. Missing parents are created for you.

Architecture element

Add an element

Make the connection

Connect two boxes