[example] diagram1 January 1970examplemermaid-js/mermaid ExamplesFlowchartTextOneTwoHardRoundDecisionResult 1Result 2Sequence diagramAliceJohnBobloop[Healthcheck]Rational thoughts!Hello John, how are you?Fight against hypochondriaGreat!How about you?Jolly good!AliceJohnBobGantt chart2014-01-062014-01-062014-01-072014-01-072014-01-082014-01-082014-01-092014-01-092014-01-10Completed Active Parallel 1 Parallel 2 Parallel 3 Parallel 4 SectionClass diagramCoolWhere am I?«Interface»Class01int chimpint gorillasize()AveryLongClassClass09C2C3Class07Object[] elementDataequals()«service»Class10int idsize()State diagramStillMovingCrashPie chart79%18%3%DogsCatsRatsUser Journey diagramMy working dayCatMeGo to workGo to workMeMake teaMake teaMeGo upstairsGo upstairsMeCatDo workDo workGo homeGo homeMeGo downstairsGo downstairsMeSit downSit downMy working dayC4 diagram<<person>>Banking Customer AA customer of the bank, with personal bank accounts.<<person>>Banking Customer B<<external_person>>Banking Customer C<<system>>Internet Banking SystemAllows customers to view information about their bank accounts, and make payments.<<person>>Banking Customer DA customer of the bank, with personal bank accounts.<<external_system_db>>Mainframe Banking SystemStores all of the core banking information about customers, accounts, transactions, etc.<<external_system>>E-mail systemThe internal Microsoft Exchange e-mail system.<<system_db>>Banking System D DatabaseA system of the bank, with personal bank accounts.<<system>>Banking System A<<system>>Banking System BA system of the bank, with personal bank accounts.BankBoundary2[ENTERPRISE]<<system_queue>>Banking System F QueueA system of the bank, with personal bank accounts.<<external_system_queue>>Banking System G QueueA system of the bank, with personal bank accounts.BankBoundary3[boundary]BankBoundary[ENTERPRISE]UsesUsesSends e-mails[SMTP]Sends e-mails toSystem Context diagram for Internet Banking System