MCPcopy Index your code
hub / github.com/bhaskatripathi/Text2Diagram

github.com/bhaskatripathi/Text2Diagram @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
41 symbols 117 edges 28 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Text2Diagram

Text2Diagram: Create schematic architecture diagrams, UML, flowcharts, Gnatt charts, mind maps, Sequence diagrams, User Journey and many more with natural language.

Demo

Click here : https://text2diagram.vercel.app

Sample Usage

Here are some sample natural language texts that you can try for different types of diagrams: - Draw a Flowchart for hill climbing algorithm - Draw an ER diagram for a customer order system - Draw a user journey for an online shopping experience - Draw a sequence diagram to represent the interaction between multiple components in a software application - Draw a requirement diagram to represent a software system's functional and non-functional requirements - Create a Gitgraph diagram to represent the branching and merging of code changes for a software project - Create a mind map to represent the key concepts and ideas for a research paper - Create a timeline chart to map out the stages and deadlines for a project plan Image description

How to generate Enterprise diagrams ?

Click here: Prompts

Some Sample Charts

GnaatChart: A Gnaat chart example. GnaatChart

Sequence Diagram for online food ordering: A sequence diagram for an online food ordering system. Sequence Diagram for online food ordering

ER Diagram: An Entity-Relationship diagram example. ER Diagram

GitGraph: A GitGraph representing a project's git history. GitGraph

Note

Please give a star if you like the project.

Star History

Star History Chart

Enterprise Diagrams:

I am also working to Automate the process of creating diagram driven Business processes by writing a homegrown Transformer model for generating these diagrams with D2 scripts : https://github.com/bhaskatripathi/D2_playgorund_Examples

Extension points exported contracts — how you extend this code

Message (Interface)
(no doc)
types/type.ts
NavItem (Interface)
(no doc)
types/nav.ts
MermaidProps (Interface)
(no doc)
components/Mermaids.tsx
Props (Interface)
(no doc)
components/ChatInput.tsx
Props (Interface)
(no doc)
components/CodeBlock.tsx
MainNavProps (Interface)
(no doc)
components/MainNav.tsx
ChatMessageProps (Interface)
(no doc)
components/ChatMessage.tsx
TextareaProps (Interface)
(no doc)
components/ui/textarea.tsx

Core symbols most depended-on inside this repo

cn
called by 13
lib/utils.ts
OpenAIStream
called by 2
lib/utils.ts
parseCodeFromMessage
called by 2
lib/utils.ts
copyToClipboard
called by 1
components/Mermaids.tsx
drawChart
called by 1
components/Mermaids.tsx
copyToClipboard
called by 1
components/CodeBlock.tsx
serializeCode
called by 1
lib/utils.ts
Mermaid
called by 0
components/Mermaids.tsx

Shape

Function 29
Interface 12

Languages

TypeScript100%

Modules by API surface

components/Mermaids.tsx7 symbols
lib/utils.ts6 symbols
components/CodeBlock.tsx4 symbols
components/APIKeyInput.tsx4 symbols
components/ChatInput.tsx3 symbols
types/type.ts2 symbols
components/MainNav.tsx2 symbols
components/ChatMessage.tsx2 symbols
app/page.tsx2 symbols
types/nav.ts1 symbols
pages/api/chat.ts1 symbols
config/site.ts1 symbols

For agents

$ claude mcp add Text2Diagram \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact