Python Diagram Generator

Generate visual diagrams from your Python code. Create class diagrams, flowcharts, sequence diagrams, and more.

Expand to Full Screen
Guest usage: 3 / 3 Sign up to get more credits

The Large Language Model (i.e. AI) to use for code generation.
Cost: 1 credit
Drop files or folders here or click to select. If you want to upload to the sandbox environment, please enable the Code Execution in the "Advanced Tools" below before uploading.
Select the type of diagram you want to generate from your code, or let the AI choose the most appropriate one.

Characters: 0
Optional: Specify any preferences for the diagram style, layout, or specific elements to focus on. Optional
Advanced Tools ▼


Learn more.


Learn more.

Browse public code generations for inspiration, or contact us if you have any questions.

Fetching previous code, please wait...

`; // 3. Hide the old-code editor container at first document.getElementById("oldCodeEditorContainer").style.display = "none"; editorVisible = false; // If you're tracking the toggle in a global or outer variable // 4. Retrieve the new & old codes let newCode = getCodeBlocks(accumulatedMarkdown); // 5. remove first line & last line (```python and ```) newCode = newCode.replace(/^```[\s\S]*?\n/, "").replace(/\n```$/, ""); let oldCode = localStorage.getItem(`text-${path}`); cachedNewCode = newCode; cachedOldCode = oldCode; if(!oldCode) { // Just show a no-code message and return codeDiffContainer.innerHTML = "

No previous code found.

"; cachedOldCode = "No previous code found."; } // 6. Render the diff renderDiff(cachedOldCode, cachedNewCode); // 7. update oldCodeEditor with the old code const oldCodeEditor = document.getElementById("oldCodeEditor"); oldCodeEditor.value = oldCode; }