സൗജന്യ Mermaid ഡയഗ്രം എഡിറ്റർ
ലൈവ് പ്രിവ്യൂവോടെ Mermaid സിന്റാക്സിൽ ഫ്ലോചാർട്ടുകൾ, സീക്വൻസ് ഡയഗ്രമുകൾ, ഗാന്റ് ചാർട്ടുകൾ എന്നിവ എഴുതുക. SVG അല്ലെങ്കിൽ PNG ആയി എക്സ്പോർട്ട് ചെയ്യുക. പൂർണമായും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു.
നീക്കാൻ വലിക്കുകയോ സ്ക്രോൾ ചെയ്യുകയോ ചെയ്യുക. സൂം ചെയ്യാൻ പിഞ്ച് ചെയ്യുക, അല്ലെങ്കിൽ Ctrl + സ്ക്രോൾ. പ്രിവ്യൂ ഉയരം കൂട്ടാൻ താഴത്തെ അറ്റം വലിക്കുക.
💡 Mermaid സിന്റാക്സിൽ ഡയഗ്രമുകൾ എഴുതുക — ഫ്ലോചാർട്ടുകൾ, സീക്വൻസ് ഡയഗ്രമുകൾ, ഗാന്റ് ചാർട്ടുകൾ, ക്ലാസ് ഡയഗ്രമുകൾ, മറ്റും — SVG അല്ലെങ്കിൽ PNG ആയി എക്സ്പോർട്ട് ചെയ്യുക. എല്ലാം നിങ്ങളുടെ ബ്രൗസറിലാണ് പ്രവർത്തിക്കുന്നത്: നിങ്ങളുടെ ഡയഗ്രം ടെക്സ്റ്റ് ഒരിക്കലും അപ്ലോഡ് ചെയ്യില്ല, Mermaid റെൻഡറിംഗ് എഞ്ചിൻ മൂന്നാം കക്ഷി CDN-ന് പകരം ഈ സൈറ്റിൽ നിന്നാണ് നൽകുന്നത്.
ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു
Mermaid നിങ്ങളെ ഡയഗ്രമുകൾ ടെക്സ്റ്റായി എഴുതാനും അവ സ്വയമേവ റെൻഡർ ചെയ്യപ്പെടാനും അനുവദിക്കുന്നു — ഡയഗ്രമുകൾ വേർഷൻ കൺട്രോളിൽ സൂക്ഷിക്കാൻ മികച്ചത്. ഇത് നിങ്ങൾ ടൈപ്പ് ചെയ്യുമ്പോൾ തന്നെ റെൻഡർ ചെയ്യുന്ന ഒരു ലൈവ് എഡിറ്ററാണ്.
- 1Mermaid എഞ്ചിൻ ലോഡ് ചെയ്യുന്നുനിങ്ങൾ ആദ്യമായി ടൂൾ ഉപയോഗിക്കുമ്പോൾ Mermaid ലൈബ്രറി LibraTool-ൽ നിന്ന് ലോഡ് ചെയ്യുന്നു, പിന്നീട് നിങ്ങളുടെ ബ്രൗസർ അത് കാഷെ ചെയ്യുന്നു.
- 2നിങ്ങൾ ഡയഗ്രം കോഡ് എഴുതുന്നുഫ്ലോചാർട്ടുകൾ, സീക്വൻസ് ഡയഗ്രമുകൾ, ഗാന്റ് ചാർട്ടുകൾ, ക്ലാസ് ഡയഗ്രമുകൾ, പൈ ചാർട്ടുകൾ എന്നിവയും അതിലേറെയും — Mermaid-ന്റെ ടെക്സ്റ്റ് സിന്റാക്സ് ഉപയോഗിച്ച്.
- 3ഇത് ലൈവ് ആയി റെൻഡർ ചെയ്യുന്നുനിങ്ങൾ ടൈപ്പ് ചെയ്യുമ്പോൾ നിങ്ങളുടെ കോഡ് പാഴ്സ് ചെയ്ത് ഒരു SVG ആയി നിങ്ങളുടെ ബ്രൗസറിൽ റെൻഡർ ചെയ്യപ്പെടുന്നു, ലൈറ്റ്, ഡാർക്ക് തീമുകളോടെ.
- 4SVG അല്ലെങ്കിൽ PNG എക്സ്പോർട്ട് ചെയ്യുകഡയഗ്രം സ്കെയിലബിൾ SVG ആയോ 2× PNG ആയോ ഡൗൺലോഡ് ചെയ്ത് ഡോക്സിലോ സ്ലൈഡുകളിലോ README-യിലോ ഇടുക.
ആന്തരിക സിസ്റ്റങ്ങളെ വിവരിക്കാവുന്ന നിങ്ങളുടെ ഡയഗ്രം കോഡ് പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിൽ റെൻഡർ ചെയ്യപ്പെടുന്നു, ഒരിക്കലും അപ്ലോഡ് ചെയ്യില്ല.
അനുബന്ധ ടൂളുകൾ
Markdown എഡിറ്റർ
റിയൽ ടൈമിൽ Markdown എഴുതുകയും പ്രിവ്യൂ ചെയ്യുകയും ചെയ്യുക. ഹെഡിംഗുകൾ, ബോൾഡ്, ഇറ്റാലിക്, കോഡ് ബ്ലോക്കുകൾ, ടേബിളുകൾ, ലിസ്റ്റുകൾ എന്നിവ പിന്തുണയ്ക്കുന്നു.
CSS ഗ്രിഡ് ജനറേറ്റർ
CSS ഗ്രിഡ് ദൃശ്യപരമായി ഡിസൈൻ ചെയ്യുക — ട്രാക്കുകൾ, യൂണിറ്റുകൾ, ഗ്യാപ്പുകൾ — തുടർന്ന് ജനറേറ്റ് ചെയ്ത CSS-ഉം HTML-ഉം കോപ്പി ചെയ്യുക.
ASCII ട്രീ ജനറേറ്റർ
ഇൻഡന്റ് ചെയ്ത ലിസ്റ്റിനെ README-കൾക്കും ഡോക്സിനുമായി വൃത്തിയുള്ള ഫോൾഡർ ട്രീയാക്കി (├── └──) മാറ്റുക. യൂണികോഡ് അല്ലെങ്കിൽ പ്ലെയിൻ-ASCII ഔട്ട്പുട്ട്. പൂർണമായും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു.