ਮੁਫ਼ਤ Mermaid ਡਾਇਗ੍ਰਾਮ ਐਡੀਟਰ
Mermaid ਸਿੰਟੈਕਸ ਵਿੱਚ ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਨਾਲ ਫਲੋਚਾਰਟ, ਸੀਕੁਐਂਸ ਡਾਇਗ੍ਰਾਮ, ਗੈਂਟ ਚਾਰਟ ਅਤੇ ਹੋਰ ਲਿਖੋ। SVG ਜਾਂ PNG ਵਜੋਂ ਐਕਸਪੋਰਟ ਕਰੋ। ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ।
ਖਿਸਕਾਉਣ ਲਈ ਘਸੀਟੋ ਜਾਂ ਸਕ੍ਰੌਲ ਕਰੋ। ਜ਼ੂਮ ਲਈ ਚੁੰਡੀ ਭਰੋ, ਜਾਂ Ctrl + ਸਕ੍ਰੌਲ ਕਰੋ। ਝਲਕ ਨੂੰ ਉੱਚਾ ਕਰਨ ਲਈ ਹੇਠਲਾ ਕਿਨਾਰਾ ਘਸੀਟੋ।
💡 Mermaid ਸਿੰਟੈਕਸ ਵਿੱਚ ਡਾਇਗ੍ਰਾਮ ਲਿਖੋ — ਫਲੋਚਾਰਟ, ਸੀਕੁਐਂਸ ਡਾਇਗ੍ਰਾਮ, Gantt ਚਾਰਟ, ਕਲਾਸ ਡਾਇਗ੍ਰਾਮ ਅਤੇ ਹੋਰ — ਅਤੇ SVG ਜਾਂ PNG ਵਜੋਂ ਐਕਸਪੋਰਟ ਕਰੋ। ਸਭ ਕੁਝ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ: ਤੁਹਾਡਾ ਡਾਇਗ੍ਰਾਮ ਟੈਕਸਟ ਕਦੇ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ, ਅਤੇ Mermaid ਰੈਂਡਰਿੰਗ ਇੰਜਣ ਕਿਸੇ ਤੀਜੀ-ਧਿਰ CDN ਦੀ ਬਜਾਏ ਇਸ ਸਾਈਟ ਤੋਂ ਸਰਵ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
Mermaid ਤੁਹਾਨੂੰ ਡਾਇਗ੍ਰਾਮ ਟੈਕਸਟ ਵਜੋਂ ਲਿਖਣ ਅਤੇ ਆਪਣੇ ਆਪ ਰੈਂਡਰ ਕਰਵਾਉਣ ਦਿੰਦਾ ਹੈ — ਵਰਜਨ ਕੰਟਰੋਲ ਵਿੱਚ ਡਾਇਗ੍ਰਾਮ ਰੱਖਣ ਲਈ ਵਧੀਆ। ਇਹ ਇੱਕ ਲਾਈਵ ਐਡੀਟਰ ਹੈ ਜੋ ਤੁਹਾਡੇ ਟਾਈਪ ਕਰਦੇ ਹੀ ਰੈਂਡਰ ਹੁੰਦਾ ਹੈ।
- 1Mermaid ਇੰਜਣ ਲੋਡ ਹੁੰਦਾ ਹੈਜਦੋਂ ਤੁਸੀਂ ਪਹਿਲੀ ਵਾਰ ਟੂਲ ਵਰਤਦੇ ਹੋ ਤਾਂ Mermaid ਲਾਇਬ੍ਰੇਰੀ LibraTool ਤੋਂ ਲੋਡ ਹੁੰਦੀ ਹੈ, ਫਿਰ ਤੁਹਾਡਾ ਬ੍ਰਾਊਜ਼ਰ ਇਸਨੂੰ ਕੈਸ਼ ਕਰਦਾ ਹੈ।
- 2ਤੁਸੀਂ ਡਾਇਗ੍ਰਾਮ ਕੋਡ ਲਿਖਦੇ ਹੋਫਲੋਚਾਰਟ, ਸੀਕੁਐਂਸ ਡਾਇਗ੍ਰਾਮ, ਗੈਂਟ ਚਾਰਟ, ਕਲਾਸ ਡਾਇਗ੍ਰਾਮ, ਪਾਈ ਚਾਰਟ ਅਤੇ ਹੋਰ ਵੀ — Mermaid ਦੀ ਟੈਕਸਟ ਸਿੰਟੈਕਸ ਵਰਤਦੇ ਹੋਏ।
- 3ਇਹ ਲਾਈਵ ਰੈਂਡਰ ਹੁੰਦਾ ਹੈਤੁਹਾਡੇ ਟਾਈਪ ਕਰਦੇ ਹੀ ਤੁਹਾਡਾ ਕੋਡ ਪਾਰਸ ਹੁੰਦਾ ਹੈ ਅਤੇ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ SVG ਵਿੱਚ ਰੈਂਡਰ ਹੁੰਦਾ ਹੈ, ਲਾਈਟ ਅਤੇ ਡਾਰਕ ਥੀਮਾਂ ਨਾਲ।
- 4SVG ਜਾਂ PNG ਐਕਸਪੋਰਟ ਕਰੋਦਸਤਾਵੇਜ਼ਾਂ, ਸਲਾਈਡਾਂ, ਜਾਂ README ਵਿੱਚ ਪਾਉਣ ਲਈ ਡਾਇਗ੍ਰਾਮ ਨੂੰ ਸਕੇਲੇਬਲ SVG ਜਾਂ 2× PNG ਵਜੋਂ ਡਾਊਨਲੋਡ ਕਰੋ।
ਤੁਹਾਡਾ ਡਾਇਗ੍ਰਾਮ ਕੋਡ — ਜੋ ਅੰਦਰੂਨੀ ਸਿਸਟਮਾਂ ਦਾ ਵਰਣਨ ਕਰ ਸਕਦਾ ਹੈ — ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਰੈਂਡਰ ਹੁੰਦਾ ਹੈ ਅਤੇ ਕਦੇ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦਾ।
ਸੰਬੰਧਿਤ ਟੂਲ
Markdown ਐਡੀਟਰ
ਰੀਅਲ ਟਾਈਮ ਵਿੱਚ Markdown ਲਿਖੋ ਅਤੇ ਪ੍ਰੀਵਿਊ ਕਰੋ। ਸਿਰਲੇਖ, ਬੋਲਡ, ਇਟੈਲਿਕ, ਕੋਡ ਬਲਾਕ, ਟੇਬਲ, ਅਤੇ ਸੂਚੀਆਂ ਸਮਰਥਿਤ ਹਨ।
CSS ਗ੍ਰਿਡ ਜਨਰੇਟਰ
CSS ਗ੍ਰਿਡ ਨੂੰ ਵਿਜ਼ੂਅਲੀ ਡਿਜ਼ਾਈਨ ਕਰੋ — ਟ੍ਰੈਕ, ਯੂਨਿਟ ਅਤੇ ਗੈਪ — ਅਤੇ ਜਨਰੇਟ ਕੀਤਾ CSS ਤੇ HTML ਕਾਪੀ ਕਰੋ।
ASCII ਟ੍ਰੀ ਜਨਰੇਟਰ
ਇੰਡੈਂਟਡ ਸੂਚੀ ਨੂੰ README ਅਤੇ ਦਸਤਾਵੇਜ਼ਾਂ ਲਈ ਸਾਫ਼ ਫੋਲਡਰ ਟ੍ਰੀ (├── └──) ਵਿੱਚ ਬਦਲੋ। ਯੂਨੀਕੋਡ ਜਾਂ ਸਾਦਾ-ASCII ਆਉਟਪੁੱਟ। ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ।