મફત Mermaid ડાયાગ્રામ એડિટર
લાઇવ પ્રિવ્યુ સાથે Mermaid સિન્ટેક્સમાં ફ્લોચાર્ટ, સિક્વન્સ ડાયાગ્રામ, ગેન્ટ ચાર્ટ અને વધુ લખો. SVG કે PNG તરીકે એક્સપોર્ટ કરો. સંપૂર્ણપણે તમારા બ્રાઉઝરમાં ચાલે છે.
ખસેડવા ખેંચો કે સ્ક્રોલ કરો. મોટું-નાનું કરવા પિંચ કરો, અથવા Ctrl + સ્ક્રોલ. પૂર્વાવલોકન ઊંચું કરવા નીચેની કિનારી ખેંચો.
💡 Mermaid સિન્ટેક્સમાં ડાયાગ્રામ લખો — ફ્લોચાર્ટ, સિક્વન્સ ડાયાગ્રામ, ગેન્ટ ચાર્ટ, ક્લાસ ડાયાગ્રામ અને વધુ — અને SVG કે PNG તરીકે એક્સપોર્ટ કરો. બધું તમારા બ્રાઉઝરમાં ચાલે છે: તમારો ડાયાગ્રામ ટેક્સ્ટ ક્યારેય અપલોડ થતો નથી, અને Mermaid રેન્ડરિંગ એન્જિન કોઈ થર્ડ-પાર્ટી CDN ને બદલે આ સાઇટ પરથી જ સર્વ થાય છે.
આ કેવી રીતે કાર્ય કરે છે
Mermaid તમને ડાયાગ્રામ ટેક્સ્ટ તરીકે લખવા દે છે અને તેમને આપોઆપ રેન્ડર કરાવે છે — version control માં ડાયાગ્રામ રાખવા માટે ઉત્તમ. આ એક live એડિટર છે જે તમે ટાઇપ કરો ત્યારે રેન્ડર થાય છે.
- 1Mermaid એન્જિન લોડ થાય છેMermaid લાઇબ્રેરી પહેલી વાર ટૂલ વાપરો ત્યારે LibraTool પરથી લોડ થાય છે, પછી તમારું બ્રાઉઝર તેને કેશ કરે છે.
- 2તમે ડાયાગ્રામ કોડ લખો છોફ્લોચાર્ટ, સિક્વન્સ ડાયાગ્રામ, Gantt ચાર્ટ, ક્લાસ ડાયાગ્રામ, પાઈ ચાર્ટ અને વધુ — Mermaid ના ટેક્સ્ટ સિન્ટેક્સ વાપરીને.
- 3તે લાઇવ રેન્ડર થાય છેતમે ટાઇપ કરો તેમ તમારો કોડ પાર્સ થઈને SVG માં રેન્ડર થાય છે, તમારા બ્રાઉઝરમાં, લાઇટ અને ડાર્ક થીમ સાથે.
- 4SVG અથવા PNG એક્સપોર્ટ કરોડોક્સ, સ્લાઇડ્સ, અથવા README માં મૂકવા માટે ડાયાગ્રામને સ્કેલેબલ SVG અથવા 2× PNG તરીકે ડાઉનલોડ કરો.
તમારો ડાયાગ્રામ કોડ — જે આંતરિક સિસ્ટમો વર્ણવી શકે છે — સંપૂર્ણપણે તમારા બ્રાઉઝરમાં રેન્ડર થાય છે અને ક્યારેય અપલોડ થતો નથી.
સંબંધિત સાધનો
Markdown એડિટર
રિયલ ટાઇમમાં Markdown લખો અને પ્રિવ્યુ કરો. હેડિંગ, બોલ્ડ, ઇટાલિક, કોડ બ્લોક્સ, ટેબલ અને લિસ્ટ સપોર્ટ કરે છે.
CSS ગ્રિડ જનરેટર
CSS ગ્રિડને દ્રશ્ય રીતે ડિઝાઇન કરો — ટ્રેક, યુનિટ અને ગેપ — અને જનરેટ થયેલ CSS અને HTML કૉપિ કરો.
ASCII ટ્રી જનરેટર
ઇન્ડેન્ટેડ લિસ્ટને READMEs અને ડોક્સ માટે સ્વચ્છ ફોલ્ડર ટ્રી (├── └──) માં ફેરવો. Unicode અથવા plain-ASCII આઉટપુટ. સંપૂર્ણપણે તમારા બ્રાઉઝરમાં ચાલે છે.