jgraph/drawio-diagrams

repository·dev·Indexed 22 days ago

https://github.com/jgraph/drawio-diagrams

A collection of XML and SVG diagrams to be used as examples, templates, or assets within the diagrams.net (draw.io) application. Includes examples for flowcharts, entity relationship diagrams, sequence diagrams, and internationalized fonts.

Tokens
607
Snippets
3
Records
3
Agent score
28%

What's inside drawio-diagrams

  1. Use a diagram as a template in diagrams.net

    dev

    To use a diagram from this repository as a starting template rather than just opening it, you can use the create parameter in the diagrams.net URL instead of the url parameter.

    Method 1: URL Parameter

    Replace the url parameter in the diagrams.net URL with create. For example, to use schema.xml as a template:

    https://app.diagrams.net/?create=https%3A%2F%2Fraw.githubusercontent.com%2Fjgraph%2Fdrawio-diagrams%2Fdev%2Fdiagrams%2Fschema.xml

    Method 2: Create Dialog

    1. Open diagrams.net.
    2. Use the create dialog.
    3. Click "From Template URL".
    4. Enter the raw URL of the diagram (e.g., https://raw.githubusercontent.com/jgraph/drawio-diagrams/dev/diagrams/schema.xml).
    https://app.diagrams.net/?create=https%3A%2F%2Fraw.githubusercontent.com%2Fjgraph%2Fdrawio-diagrams%2Fdev%2Fdiagrams%2Fschema.xml
  2. Open diagrams from the drawio-diagrams repository

    dev

    You can open specific diagrams from this repository directly in diagrams.net by using the File > Open from > URL menu. Enter a URL pointing to a raw file in the repository, such as:

    https://raw.githubusercontent.com/jgraph/drawio-diagrams/dev/diagrams/schema.xml

    Available diagram examples include:

    • Bulb: Flowchart Example
    • I18n: Internationalized Fonts
    • Link: Link to use as Template
    • SVG File: Using .svg Extension
    • SVG Image: Using .svg Image
    • Schema: Entity Relationship Diagram
    • Sequence: Sequence Diagram
    • Tooltips: Diagram with Tooltips (requires Tooltips Plugin)
    https://raw.githubusercontent.com/jgraph/drawio-diagrams/dev/diagrams/schema.xml
  3. Construct a direct URL to a diagram for diagrams.net

    dev

    To construct a URL that opens a specific file from this repository in diagrams.net, follow these steps:

    1. Identify the file in the repository: https://raw.githubusercontent.com/jgraph/drawio-diagrams/dev/diagrams/%filename%.
    2. Replace %filename% with your desired file name.
    3. URL-encode the resulting file URL.
    4. Append the encoded URL to https://app.diagrams.net/#U.

    Example for schema.xml:

    1. Base: https://raw.githubusercontent.com/jgraph/drawio-diagrams/dev/diagrams/schema.xml
    2. Encoded: https%3A%2F%2Fraw.githubusercontent.com%2Fjgraph%2Fdrawio-diagrams%2Fdev%2Fdiagrams%2Fschema.xml
    3. Final: https://app.diagrams.net/#Uhttps%3A%2F%2Fraw.githubusercontent.com%2Fjgraph%2Fdrawio-diagrams%2Fdev%2Fdiagrams%2Fschema.xml
    https://app.diagrams.net/#Uhttps%3A%2F%2Fraw.githubusercontent.com%2Fjgraph%2Fdrawio-diagrams%2Fdev%2Fdiagrams%2Fschema.xml