How to Save Figure in Draw.io Tool

c4-draw.io

CoolZeroNL / c4-draw.io Go PK Goto Github PK

0 0 0 1.44 MB

C4 Modelling smaller fleck easier

Home Page: https://tobiashochguertel.github.io/c4-draw.io/

Permission: GNU Full general Public Permission v3.0

JavaScript 42.63% HTML 57.37%

c4-draw.io's Introduction

C4 Modelling niggling bit easier (c4-draw.io)

About

You can make C4 Computer architecture Software System of rules Models with draw.io.

This is a C4 Modelling plugin for draw.Io, which provides C4 Notation Elements in draw.io.

Quick Start

  1. Access to https://www.draw.io/.

  2. Save the draft, or decide later: FileSavePick

  3. Wide the plugin dialog: ExtrasPlugins

  4. Open the tally plugin dialog with an click: Add

  5. Lay out in the field Enter Value (URL): the connect to the plugin: https://tobiashochguertel.github.io/c4-absorb.io/c4.js

  6. Click happening Apply

  7. Recharge the page! to see the C4 Notation Shapes in the shape panel (figure 1).

fig 1: After the recharge, the C4 Notation Shapes are available from the shape panel:

C4NotationShapes

Utilization

shape 2: Quick demostration of how to use the c4-model plugin:

c4 draw.io preview demostration

  1. Drag a C4 note regulate on the plot paper

  2. The most C4 annotation shapes ply an teentsy power train ikon when they are selected. (figure 3)

  3. Delete the Properties of the selected C4 Notational system Soma: (figure 4)

    1. Click the small gear to open the properties duologue (figure 3)

    2. Press the key-stroke CMD+M to assailable the properties dialog (figure 3)

    3. ,Oregon use the menu: Edit Edit Information (CMD+M) (image 6)

  4. Stimulation Cursor / Nidus is on the first field of the dialog, and with tab you can jump through the fields and submit (figure 5).

figure 3: Localization of the small geared wheel, to open the properties dialog:

small gear on c4 person shape

figure 4: Case of properties dialog of an C4-Person notation shape:

Data Editor Dialog to set the oroperties

figure 5: Hold in lozenge order of the properties fields:

Control Tab Order of C4 Notation Shape Properties Dialog

figure 6: Some other way to open the properties duologue:

Open the Properties Dialog from Menu bar

Good-to-Know about the C4 shapes:

  • Some C4 shapes have issues/limitations which I verbal description therein section:

C4-Relationship Notational system shape:
  • Has too a properties dialogue, but the small power train image isn't on hand with this shape. (technical reason out, I haven't found a solvent, yet.)

  • To open for a C4 Relationship figure the Properties Editor: — primal-CVA or terminated menu.

C4-Soul Notation shape:
  • Has also a infinitesimal specialized issue, to unfold the properties dialog, — gear icon or over bill of fare.

Alter the text on the shapes directly rather than using the properties dialog:
  1. is possible,

  2. can be hany when you want to (re-)format the text, e.g. emboldened, italic, baptistery size or when you want to insert a line break within the text edition/properties.

  3. but sustenance in mind,

  4. if you modify the text here directly, and as adjacent open the properties duologue of this shape, your changes will get lost because the informations on the shape will beryllium reseted to the values from the properties dialog.

Sorry for these issues, I keep repair these in my free time, flavor free to create an issue, or provide an pull request, hints and ideas what We could improve!

— Tobias Hochgรผrtel

Key-Strokes

Table 1. Table 1: Samara-Strokes

Key-Stroke Description

CMD+M

Open's the Information-Editor Dialogue (properties dialog) of an hand-picked human body on the diagramm.

Credits

I want to thank the following masses and organisations:

  • Draw.Io Plugin: AWS Step Functions Work flow Designer, which has inspired me to through with this plugin, and what I use as code-base to done the plugin.

  • C4Model Auhtor: Simon Brown, thanks for rent out me know that this United States useful and thanks for sharing your knowledge about software computer architecture.

  • draw.io, to provide suck in.io as open source software program system.

c4-pass over.io's People

Contributors

tobiashochguertel avatar

Urge Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript subroutine library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a modern, incrementally-adoptable JavaScript framework for construction UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to sporting JavaScript output.

  • TensorFlow photo TensorFlow

    An Give Author Machine Learning Framework for Everyone

  • Django photo Django

    The Vane framework for perfectionists with deadlines.

  • Laravel photo Laravel

    A PHP framework for web artisans

  • D3 photo D3

    Bring forward data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming nomenclature with superior functions.

  • net

    Whatever thing intriguing about web. New door for the public.

  • waiter

    A host is a program made to process requests and deliver data to clients.

  • Political machine learning

    Car learning is a way of modeling and interpreting data that allows a piece of software to reply intelligently.

  • Visualization

    Just about affair interesting about visualization, utilization data nontextual matter

  • Gage

    Whatever affair interesting about game, make everyone happy.

Recently View Projects

  • c4-draw.io photo c4-draw.io

    C4 Modelling less bit easier

  • angular-auto-admin-looopback photo bicuspid-auto-admin-looopback

    .

  • gsoc photo gsoc

    postman - google summer of code.

  • PSFileGenerator photo PSFileGenerator

    module containing functions for generating random files, specifying data file size, and adding substance.

  • ado-labs-github-actions photo flurry-labs-github-actions

    demo files for the azure devops labs episode about github actions and terraform.

How to Save Figure in Draw.io Tool

Source: https://githubhelp.com/CoolZeroNL/c4-draw.io

0 Response to "How to Save Figure in Draw.io Tool"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel