{"id":23029697,"url":"https://github.com/antononcube/wl-mermaidjs-paclet","last_synced_at":"2026-01-16T00:48:00.899Z","repository":{"id":154469140,"uuid":"632062206","full_name":"antononcube/WL-MermaidJS-paclet","owner":"antononcube","description":"Wolfram Language (aka Mathematica) paclet for obtaining Mermaid-JS images and graphics.","archived":false,"fork":false,"pushed_at":"2024-04-21T00:30:54.000Z","size":2990,"stargazers_count":3,"open_issues_count":1,"forks_count":2,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-02-08T11:13:09.133Z","etag":null,"topics":["mermaid-charting-language","mermaid-cli","mermaid-diagrams","mermaidjs","wolfram-language","wolfram-mathematica"],"latest_commit_sha":null,"homepage":"https://resources.wolframcloud.com/PacletRepository/resources/AntonAntonov/MermaidJS/","language":"Mathematica","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/antononcube.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-04-24T16:21:09.000Z","updated_at":"2024-02-06T16:03:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"ccba0758-cd80-4bc3-ace1-ba0edb1e8200","html_url":"https://github.com/antononcube/WL-MermaidJS-paclet","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/antononcube%2FWL-MermaidJS-paclet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/antononcube%2FWL-MermaidJS-paclet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/antononcube%2FWL-MermaidJS-paclet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/antononcube%2FWL-MermaidJS-paclet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/antononcube","download_url":"https://codeload.github.com/antononcube/WL-MermaidJS-paclet/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246886496,"owners_count":20849874,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["mermaid-charting-language","mermaid-cli","mermaid-diagrams","mermaidjs","wolfram-language","wolfram-mathematica"],"created_at":"2024-12-15T14:16:46.600Z","updated_at":"2026-01-16T00:48:00.865Z","avatar_url":"https://github.com/antononcube.png","language":"Mathematica","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MermaidJS WL paclet\n\nWolfram Language (aka Mathematica) paclet for obtaining Mermaid-JS images and graphics.\n\n- Mermaid lets you create diagrams and visualizations using text and code.\n\n- Mermaid has different types of diagrams: Flowchart, Sequence Diagram, Class Diagram, State Diagram, Entity Relationship Diagram, User Journey, Gantt, Pie Chart, Requirement Diagram, and others.\n\n- Mermaid-js is a JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.\n\n- `MermaidJS` and `MermaidInk` are very similar; the main difference is in which environment the mermaid-js specifications are converted into images.\n\n- `MermaidInk` uses the Web API mermaid.ink.\n\n- `MermaidJS` uses a local installation of mermaid-cli via the shell program mmdc.\n\nHere is an example:\n\n```mathematica\nMermaidInk[\"\nclassDiagram\n    Animal \u003c|-- Duck\n    Animal \u003c|-- Fish\n    Animal \u003c|-- Zebra\n    Animal : +int age\n    Animal : +String gender\n    Animal: +isMammal()\n    Animal: +mate()\n    class Duck{\n        +String beakColor\n        +swim()\n        +quack()\n    }\n    class Fish{\n        -int sizeInFeet\n        -canEat()\n    }\n    class Zebra{\n        +bool is_wild\n        +run()\n    }\n\"]\n```\n\n![](./Documentation/Diagrams/MermaidJS-Animals-class-diagram.png)\n\n----\n\n## Flowchart\n\nHere is a diagram that clarifies the execution of `MermaidInk`:\n\n```mermaid\ngraph TD\nUI[/User input/]\nMS{{Mermaid-ink server}}\nWL{{Wolfram Language}}\nWLnb\u003eNotebook]\nWLIC[[Input cell]]\nWLOC[[Output cell]]\nMI[MermaidInk]\nUI --\u003e WLIC -.- WLnb\nWLIC --\u003e MI -.- WL\nMI --\u003e |spec|MS\nMS --\u003e |image|MI\nMI --\u003e WLOC -.- WLnb\nWLnb -.- WL\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fantononcube%2Fwl-mermaidjs-paclet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fantononcube%2Fwl-mermaidjs-paclet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fantononcube%2Fwl-mermaidjs-paclet/lists"}