Mermaid-diagrammen

Verander je ideeën in duidelijke, interactieve diagrammen met Langdock’s door AI aangedreven Mermaid-generatie. Of je nu stroomdiagrammen, procesdiagrammen of systeemarchitecturen nodig hebt, onze modellen maken precieze Mermaid-code die direct in een interactief kader wordt weergegeven.

Hoe Mermaid-generatie werkt

Wanneer je een diagram aanvraagt, analyseren Langdock’s AI-modellen je vereisten en genereren ze Mermaid-syntaxis die direct in je chat wordt weergegeven. Het proces is conversationeel en iteratief, waardoor je je diagram kunt verfijnen totdat het perfect overeenkomt met je visie.

1

Vraag je diagram aan

Beschrijf het diagram dat je wilt maken. Wees specifiek over het type (stroomdiagram, sequentiediagram, enz.) en voeg belangrijke elementen toe die je wilt visualiseren.

Voorbeeld: Maak een stroomdiagram dat het gebruikersauthenticatieproces toont

Hoe specifieker je verzoek, hoe beter het initiële resultaat. Voeg details toe zoals beslispunten, processtappen en relaties tussen elementen.

2

AI genereert Mermaid-code

Het model maakt Mermaid-syntaxis op basis van je beschrijving. Als je verzoek onduidelijk is, kan het model vervolgvragen stellen om nauwkeurigheid te garanderen.

Verschillende modellen kunnen je verzoek iets anders interpreteren, dus probeer gerust verschillende modellen als het eerste resultaat niet aan je verwachtingen voldoet.

3

Interactief diagram verschijnt

Zodra de Mermaid-code is gegenereerd, opent een nieuw kader in je chat waarin het gerenderde diagram met volledige interactiviteit wordt weergegeven.

Je ziet je diagram direct gerenderd met zoombediening en navigatieopties beschikbaar.

Interactie met je diagram

Het diagramkader biedt verschillende interactie-opties om je te helpen je visualisatie te onderzoeken en te bewerken.

Pictogrammen linksboven

  • Inzoomen: Vergroot specifieke delen van je diagram voor gedetailleerd onderzoek

  • Uitzoomen: Krijg een breder overzicht van complexe diagrammen

  • Herstel weergave: Keer terug naar het oorspronkelijke zoomniveau en positie

Gebruik zoombediening wanneer je met grote, complexe diagrammen werkt om je op specifieke secties te concentreren zonder de context te verliezen.

  • Klik en sleep: Verplaats je over grote diagrammen om verschillende secties te onderzoeken

  • Responsieve interactie: Het diagram reageert onmiddellijk op je bewegingen

Exporteer- en deelopties

De rechterbovenhoek van het kader bevat drie exportopties:

  • PNG-download Download een PNG-bestand van je diagram, perfect voor presentaties, documentatie of het delen met belanghebbenden.

  • Kopieer Mermaid-code Kopieer de ruwe Mermaid-syntaxis naar je klembord voor gebruik in andere tools, documentatiesystemen of versiebeheer.

  • Download .mermaid-bestand Sla het diagram op als een .mermaid bestand om te bewerken in gespecialiseerde tools of te integreren in ontwikkelworkflows.

Je diagram verfijnen

Als je diagram niet precies overeenkomt met je visie, kun je eenvoudig wijzigingen aanvragen via natuurlijke conversatie.

Veelvoorkomende verfijningsverzoeken

  • Kleurwijzigingen: “Maak de beslissingsknooppunten blauw en de processtappen groen”

  • Tekstaanpassingen: “Verander ‘User Login’ naar ‘Authentication Process’”

  • Structuurwijzigingen: “Voeg een stap voor wachtwoordvalidatie toe vóór het succespad”

  • Stijlupdates: “Gebruik afgeronde rechthoeken in plaats van scherpe hoeken”

  • Lay-outverbeteringen: “Rangschik de knooppunten verticaal in plaats van horizontaal”

1

Beschrijf je wijzigingen

Vertel het model precies wat je wilt aanpassen. Wees specifiek over kleuren, tekst, structuur of lay-outwijzigingen.

Voorbeeld: Verander de kleur van de foutafhandelingsvakken naar rood en voeg een retry-lus toe

2

Model genereert het diagram opnieuw

De AI verwerkt je feedback en maakt bijgewerkte Mermaid-code waarin je gevraagde wijzigingen zijn verwerkt.

3

Nieuw kader toont bijgewerkt diagram

Er verschijnt een nieuw diagramkader met je aanpassingen, klaar voor verdere interactie of export.

Het bijgewerkte diagram behoudt alle vorige elementen terwijl het je specifieke wijzigingen integreert.

Opmerking: complexe diagrammen met veel elementen kunnen even duren om te renderen. Het interactieve kader verschijnt zodra het diagram volledig is verwerkt.

Gerelateerd: Diepgaand onderzoek Acties in chat

Ctrl+I

Assistent

Antwoorden worden gegenereerd met AI en kunnen fouten bevatten.