Lokkat Icon
75er-Bingo

Paul Teutul

Bei der Planung meines aktuellen Projekts fiel mir auf, dass es ganz nett wäre, ein UML-Tool nutzen zu können, mit dem man ganz einfach seine UML-Diagramme als Text schreiben kann und dass es sogar doppelt so nett wäre, wenn man das Ganze dann auch noch in Markdown einbauen könnte. Und siehe da: das geht :D

uml diagram

Und es ist wirklich easy: die Grafik oben habe ich einfach von meinem Server rendern lassen, indem ich folgende Anweisungen im Markdown-Dokument hinterlassen habe:

 <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBjb250ZW50U3R5bGVUeXBlPSJ0ZXh0L2NzcyIgaGVpZ2h0PSIyOTZweCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgc3R5bGU9IndpZHRoOjM0N3B4O2hlaWdodDoyOTZweDtiYWNrZ3JvdW5kOiNGRkZGRkY7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNDcgMjk2IiB3aWR0aD0iMzQ3cHgiIHpvb21BbmRQYW49Im1hZ25pZnkiPjxkZWZzLz48Zz48bGluZSBzdHlsZT0ic3Ryb2tlOiMxODE4MTg7c3Ryb2tlLXdpZHRoOjAuNTtzdHJva2UtZGFzaGFycmF5OjUuMCw1LjA7IiB4MT0iNDkiIHgyPSI0OSIgeTE9IjM2LjQwNjMiIHkyPSIyNjEuMDQ2OSIvPjxsaW5lIHN0eWxlPSJzdHJva2U6IzE4MTgxODtzdHJva2Utd2lkdGg6MC41O3N0cm9rZS1kYXNoYXJyYXk6NS4wLDUuMDsiIHgxPSIyODkiIHgyPSIyODkiIHkxPSIzNi40MDYzIiB5Mj0iMjYxLjA0NjkiLz48cmVjdCBmaWxsPSIjRTJFMkYwIiBoZWlnaHQ9IjMwLjQwNjMiIHJ4PSIyLjUiIHJ5PSIyLjUiIHN0eWxlPSJzdHJva2U6IzE4MTgxODtzdHJva2Utd2lkdGg6MC41OyIgd2lkdGg9Ijg4IiB4PSI1IiB5PSI1Ii8+PHRleHQgZmlsbD0iIzAwMDAwMCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTQiIGxlbmd0aEFkanVzdD0ic3BhY2luZyIgdGV4dExlbmd0aD0iNzQiIHg9IjEyIiB5PSIyNC45ODgzIj5QYXVsIFRldXR1bDwvdGV4dD48cmVjdCBmaWxsPSIjRTJFMkYwIiBoZWlnaHQ9IjMwLjQwNjMiIHJ4PSIyLjUiIHJ5PSIyLjUiIHN0eWxlPSJzdHJva2U6IzE4MTgxODtzdHJva2Utd2lkdGg6MC41OyIgd2lkdGg9Ijg4IiB4PSI1IiB5PSIyNjAuMDQ2OSIvPjx0ZXh0IGZpbGw9IiMwMDAwMDAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBsZW5ndGhBZGp1c3Q9InNwYWNpbmciIHRleHRMZW5ndGg9Ijc0IiB4PSIxMiIgeT0iMjgwLjAzNTIiPlBhdWwgVGV1dHVsPC90ZXh0PjxyZWN0IGZpbGw9IiNFMkUyRjAiIGhlaWdodD0iMzAuNDA2MyIgcng9IjIuNSIgcnk9IjIuNSIgc3R5bGU9InN0cm9rZTojMTgxODE4O3N0cm9rZS13aWR0aDowLjU7IiB3aWR0aD0iMTA0IiB4PSIyMzciIHk9IjUiLz48dGV4dCBmaWxsPSIjMDAwMDAwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNCIgbGVuZ3RoQWRqdXN0PSJzcGFjaW5nIiB0ZXh0TGVuZ3RoPSI5MCIgeD0iMjQ0IiB5PSIyNC45ODgzIj5QYXVsIFRldXR1bCBKcjwvdGV4dD48cmVjdCBmaWxsPSIjRTJFMkYwIiBoZWlnaHQ9IjMwLjQwNjMiIHJ4PSIyLjUiIHJ5PSIyLjUiIHN0eWxlPSJzdHJva2U6IzE4MTgxODtzdHJva2Utd2lkdGg6MC41OyIgd2lkdGg9IjEwNCIgeD0iMjM3IiB5PSIyNjAuMDQ2OSIvPjx0ZXh0IGZpbGw9IiMwMDAwMDAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBsZW5ndGhBZGp1c3Q9InNwYWNpbmciIHRleHRMZW5ndGg9IjkwIiB4PSIyNDQiIHk9IjI4MC4wMzUyIj5QYXVsIFRldXR1bCBKcjwvdGV4dD48cG9seWdvbiBmaWxsPSIjMTgxODE4IiBwb2ludHM9IjI3Nyw2My42NDA2LDI4Nyw2Ny42NDA2LDI3Nyw3MS42NDA2LDI4MSw2Ny42NDA2IiBzdHlsZT0ic3Ryb2tlOiMxODE4MTg7c3Ryb2tlLXdpZHRoOjEuMDsiLz48bGluZSBzdHlsZT0ic3Ryb2tlOiMxODE4MTg7c3Ryb2tlLXdpZHRoOjEuMDsiIHgxPSI0OSIgeDI9IjI4MyIgeTE9IjY3LjY0MDYiIHkyPSI2Ny42NDA2Ii8+PHRleHQgZmlsbD0iIzAwMDAwMCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGxlbmd0aEFkanVzdD0ic3BhY2luZyIgdGV4dExlbmd0aD0iMTE1IiB4PSI1NiIgeT0iNjIuNDY2OCI+Y2FsbHMgc29uIGludG8gb2ZmaWNlPC90ZXh0Pjxwb2x5Z29uIGZpbGw9IiMxODE4MTgiIHBvaW50cz0iNjAsOTIuODc1LDUwLDk2Ljg3NSw2MCwxMDAuODc1LDU2LDk2Ljg3NSIgc3R5bGU9InN0cm9rZTojMTgxODE4O3N0cm9rZS13aWR0aDoxLjA7Ii8+PGxpbmUgc3R5bGU9InN0cm9rZTojMTgxODE4O3N0cm9rZS13aWR0aDoxLjA7IiB4MT0iNTQiIHgyPSIyODgiIHkxPSI5Ni44NzUiIHkyPSI5Ni44NzUiLz48dGV4dCBmaWxsPSIjMDAwMDAwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgbGVuZ3RoQWRqdXN0PSJzcGFjaW5nIiB0ZXh0TGVuZ3RoPSIxNzIiIHg9IjY2IiB5PSI5MS43MDEyIj5tb3ZlcyBoaXMgbGF6eSBhc3MgaW50byBvZmZpY2U8L3RleHQ+PHBvbHlnb24gZmlsbD0iIzE4MTgxOCIgcG9pbnRzPSIyNzcsMTIyLjEwOTQsMjg3LDEyNi4xMDk0LDI3NywxMzAuMTA5NCwyODEsMTI2LjEwOTQiIHN0eWxlPSJzdHJva2U6IzE4MTgxODtzdHJva2Utd2lkdGg6MS4wOyIvPjxsaW5lIHN0eWxlPSJzdHJva2U6IzE4MTgxODtzdHJva2Utd2lkdGg6MS4wOyIgeDE9IjQ5IiB4Mj0iMjgzIiB5MT0iMTI2LjEwOTQiIHkyPSIxMjYuMTA5NCIvPjx0ZXh0IGZpbGw9IiMwMDAwMDAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBsZW5ndGhBZGp1c3Q9InNwYWNpbmciIHRleHRMZW5ndGg9IjIxNiIgeD0iNTYiIHk9IjEyMC45MzU1Ij50ZWxscyBoaXMgc29uIGhlJ3Mgc2ljayBvZiBoaXMgdGFyZGluZXNzPC90ZXh0Pjxwb2x5Z29uIGZpbGw9IiMxODE4MTgiIHBvaW50cz0iNjAsMTUxLjM0MzgsNTAsMTU1LjM0MzgsNjAsMTU5LjM0MzgsNTYsMTU1LjM0MzgiIHN0eWxlPSJzdHJva2U6IzE4MTgxODtzdHJva2Utd2lkdGg6MS4wOyIvPjxsaW5lIHN0eWxlPSJzdHJva2U6IzE4MTgxODtzdHJva2Utd2lkdGg6MS4wOyIgeDE9IjU0IiB4Mj0iMjg4IiB5MT0iMTU1LjM0MzgiIHkyPSIxNTUuMzQzOCIvPjx0ZXh0IGZpbGw9IiMwMDAwMDAiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBsZW5ndGhBZGp1c3Q9InNwYWNpbmciIHRleHRMZW5ndGg9IjEwNiIgeD0iNjYiIHk9IjE1MC4xNjk5Ij5zdGFydHMgZnJlYWtpbmcgb3V0PC90ZXh0Pjxwb2x5Z29uIGZpbGw9IiMxODE4MTgiIHBvaW50cz0iMjc3LDE4MC41NzgxLDI4NywxODQuNTc4MSwyNzcsMTg4LjU3ODEsMjgxLDE4NC41NzgxIiBzdHlsZT0ic3Ryb2tlOiMxODE4MTg7c3Ryb2tlLXdpZHRoOjEuMDsiLz48bGluZSBzdHlsZT0ic3Ryb2tlOiMxODE4MTg7c3Ryb2tlLXdpZHRoOjEuMDsiIHgxPSI0OSIgeDI9IjI4MyIgeTE9IjE4NC41NzgxIiB5Mj0iMTg0LjU3ODEiLz48dGV4dCBmaWxsPSIjMDAwMDAwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgbGVuZ3RoQWRqdXN0PSJzcGFjaW5nIiB0ZXh0TGVuZ3RoPSIxMjkiIHg9IjU2IiB5PSIxNzkuNDA0MyI+ZnJlYWtzIG91dCBldmVuIGhhcmRlcjwvdGV4dD48cG9seWdvbiBmaWxsPSIjMTgxODE4IiBwb2ludHM9IjYwLDIwOS44MTI1LDUwLDIxMy44MTI1LDYwLDIxNy44MTI1LDU2LDIxMy44MTI1IiBzdHlsZT0ic3Ryb2tlOiMxODE4MTg7c3Ryb2tlLXdpZHRoOjEuMDsiLz48bGluZSBzdHlsZT0ic3Ryb2tlOiMxODE4MTg7c3Ryb2tlLXdpZHRoOjEuMDsiIHgxPSI1NCIgeDI9IjI4OCIgeTE9IjIxMy44MTI1IiB5Mj0iMjEzLjgxMjUiLz48dGV4dCBmaWxsPSIjMDAwMDAwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgbGVuZ3RoQWRqdXN0PSJzcGFjaW5nIiB0ZXh0TGVuZ3RoPSI4MSIgeD0iNjYiIHk9IjIwOC42Mzg3Ij50aHJvd3MgYSBjaGFpcjwvdGV4dD48cG9seWdvbiBmaWxsPSIjMTgxODE4IiBwb2ludHM9IjI3NywyMzkuMDQ2OSwyODcsMjQzLjA0NjksMjc3LDI0Ny4wNDY5LDI4MSwyNDMuMDQ2OSIgc3R5bGU9InN0cm9rZTojMTgxODE4O3N0cm9rZS13aWR0aDoxLjA7Ii8+PGxpbmUgc3R5bGU9InN0cm9rZTojMTgxODE4O3N0cm9rZS13aWR0aDoxLjA7IiB4MT0iNDkiIHgyPSIyODMiIHkxPSIyNDMuMDQ2OSIgeTI9IjI0My4wNDY5Ii8+PHRleHQgZmlsbD0iIzAwMDAwMCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGxlbmd0aEFkanVzdD0ic3BhY2luZyIgdGV4dExlbmd0aD0iNzEiIHg9IjU2IiB5PSIyMzcuODczIj5maXJlcyBoaXMgc29uPC90ZXh0PjwhLS1TUkM9W1pPeW4zaThtMzRMdEpsN0xYT2FCQzcwMDlXT2tPME1OTTBzOTUzajVTRmVjN1AxRzFTZmNNTnhfRm1DT0JiRzJoYm9pWDA2N3FfUzZ2cG1TdUlXNFhRTzhZUFFHbmI0U3h4MHp0VjBMVmdJUDVMdUtXVHVsYUVnX2I1eUFuYXNYZkpHRHBfaXdZOWpnb2hlcW9aVTloRGZoZlBLbW5QWVA5ZWJ0ZjZBekFZa1paRzNGTjZMZ0QtVlVPbEN2RkhLNHZxYm9Ud1RhX2hvXzAwMDBdLS0+PC9nPjwvc3ZnPg==" style="max-width:100%" width="100%" class="uml" alt="uml diagram" title="How to fire your son" />

Also ich würde mal fast sagen: einfacher geht's kaum!

Schreib einen Kommentar:
Name (optional):
E-Mail (optional):
Kommentar (Pflicht):
Ich stimme zu.