> For the complete documentation index, see [llms.txt](https://nodanomics.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nodanomics.gitbook.io/docs/documentation/getting-started/user-interface/diagram-editor.md).

# Diagram Editor

<figure><img src="https://3575185254-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fib30WaNePUQBBFJBULTa%2Fuploads%2Fwgw4VPeqf4P0g2GqlqyC%2Fimage.png?alt=media&amp;token=ecffc779-d09a-4868-8b9f-d2ff62e66aa3" alt=""><figcaption><p>Image 1. Screenshot of the Diagram Editor screen.</p></figcaption></figure>

The Diagram Editor consists of a main canvas, where you can place, move, delete, edit and connect nodes together to code the project, using the Nodanomics Node-based Visual Programming Language.&#x20;

It is the main workbench of the Nodanomics Software.&#x20;
