Skip to content

Embed Diagrams

nayansonowal edited this page Dec 28, 2020 · 34 revisions

To embed diagrams in GitHub markdown, diagrams can be saved as editable .png or .svg images and referenced directly using img tags, eg. ![Alt](images/someimage.png) with draw.io for GitHub at https://www.draw.io/?mode=github. To read and write files in Wikis, the desktop version from https://get.draw.io must be used due to limitations of the GitHub REST API.

Here is an example vector image:

Inline-style: alt text [Digram](https://viewer.diagrams.net/?highlight=0000ff&edit=_blank&layers=1&nav=1&title=Azure%20Databricks%20Security#R7VvfV6M4FP5r%2BmgPEAL0UVtn5uzqjmfc2V2f5qQQ2qyU9IRUW%2F%2F6vaGhhQaVWYUyqi%2BQmwDxfvnur6QDNF6sPwuynF%2FyiCYDx4rWAzQZOA7yLQ8uSrLZSuDP30pmgkVbmb0XXLMHqoWWlq5YRLPKQMl5ItmyKgx5mtJQVmRECH5fHRbzpPrVJZlRQ3AdksSU%2Fs0iOS9mZ1n7ji%2BUzeb6037RsSDFYC3I5iTi9yUROh%2BgseBcbu8W6zFNlPYKvWyf%2B%2FRI725igqayyQPxb9%2Fi%2BPv8%2FOYrOQvF%2BDZOydUJQnpyclP8xzQCBegmF3LOZzwlyfleeib4Ko2oeq0Frf2YC86XILRB%2BC%2BVcqPRJCvJQTSXi0T3wozF5h%2F9fN64UY0hLpqTdblzstGtmKfyE1mwRAn%2BoiIiKdFi%2FS0UQNvUjFZWxlcipE%2Boo1hhRMyofEpteqDSVekLWvGfKV9QmDcMEDQhkt1VFxPRa3K2G7eHDW40cj%2BBotcrFP2Xw4itTmAsjExPYNTvvSPJSn%2FJgJVky62Vi9laYVfGY8lZKvM54bMBnoCEJGyWgiAEDVIBArbIzV1Z1bazl0%2FYYgYzT9hUzT8LCYXrhEgyFSy8zYbZ3ewpXO6okHT9pCJ170lQmEntF1zdvN%2FbWOQitZRy8bxkYRGyWtK%2FY%2Bj%2F9GElQAfWXgfQOA1DmqmbSwqcibLcJSl5aXBCbtXtZ5qaGIKOZBU5QTP2QKb5ALXyFdcyDU8djErRDHzUqe5YsCjKOW0ugZglyZgnXOTfRhGhQRyCPJOC39JSjxcGdBobduGlXP2JNeG7uLImTnBgrgrb9S1zTfhtLQm%2F0ZJ4FuCqtlOe0gNotKg50vdzJun1kuR28B6Cr%2F%2BBnDN6JeR2QG0K6tYAh2tws1sDzvb65BJf7hFt92Ue0WrqEnG%2FXKJlEPArRPCF7d2ZXm2SDxDf42k%2FQpkSdg34EpgGNY6pF9Ya1MgfTa3Xso2OV2UYRibDXKuOYU5bDCtm0C3D2mcKbsgUp2fBIzaYYg%2BvqbhjoXJXV4KlIVsSeI%2BXKO80FXA3U3fOEPqvJRcqBsy5BCBJuPudblrnFMrjHREenWJO4FUZZtcwDI269GGOafwMOI6UEPy4gAD3h1o09PWyAt%2BpGrlgNBxV%2FgxAkOcPvRpMAMxh0BYqT8eEcLn4qeD%2FbceGweggNPRNWu2KfRVaea05Lvy2QsMX1rxQ46KX2yuHh8xyyR%2F0%2Fv2FhjtHVaTNO%2BaUDeWo29jwKNlX%2B1Rxf83Y0HXflsV7YXm4MYxuv2As5l2yeN8zCAUc64xkNCoZO2sMyhIc3n5qxvtXJB%2Fy5xwQns3VUys5ByVCLCEZT99NxI8P7WaAayL%2BTqtWbq82co5OVLdp1cp1ekVU10zcNFF3BM1jE6DdoLpvUGQPdbyFK1kouqXTTF2%2BnZ2q6Z2OL94NZXfF%2F4Kzbl0drFvO4tEHZ2uo%2BCxncdAvzjoGZ8%2FTfE%2FOsZTHlI%2B6S4ulg4MtwnGyyiBJH9Y4X0EXbLUYOGOz73KVSAZP57ZCWQDrC8u%2FCN48XAnAIty8G6rb9uiQ6zWlA1zH9Z1nf%2F1F4hmLpFrzuaYAFJObsqm%2FIBtl%2B58tBH3sAkMPcg72Ek8wNmEP6mBvz8IfZaejvxbebxqVjXpl4bFZje1FUaIrOHC%2FDq3hXhUljn9orTmOqF849uqkxa%2BEY7%2BOWrjmvpYB7FvabXR8o3Buj4aeEWuguoNLjo%2FagiEwYPjYXnwCxIMswcZo6BoYdrzDWAQ%2BJQzN8xV1JZ5tSafdDK8upaPYdvPEzUgIzhzLsgpMK0mg%2BnulmP9w4%2F9kd5TpeFtYRbRUwlAV1QlLdXL%2BgV09dk4PsEMGdhMmwHNxeHkddh3UUH8B6GoS7a6BMw%2BxfWKJ%2Bv3XB2iPgObUHJLvGjUzZLnURwirIYtZKF1lLIWY76DCGvI0ZrP3c%2FbQHjWpddbua7RX6%2FRsQ%2F9d5HVrJvO0blvngtZNqWef06lGZykdbnomuLOUDpr7X47mfaUf4KLz%2FwA%3D) View the diagram in fullscreen: https://www.draw.io/?lightbox=1#Uhttps%3A%2F%2Fraw.githubusercontent.com%2Fwiki%2Fjgraph%2Fdraw.io%2Fimages%2Fschema.png

Use the diagram as a template: https://www.draw.io/?#Uhttps%3A%2F%2Fraw.githubusercontent.com%2Fwiki%2Fjgraph%2Fdraw.io%2Fimages%2Fschema.png

Edit the diagram: https://www.draw.io/#Hjgraph%2Fdrawio-diagrams%2Fmaster%2Fdiagrams%2Fschema.xml (normal repository entry used, login required)

Clone this wiki locally