Learn Diagrams (Draw.io) - Revision history

Arjun: added Category:Explore an application using HotCat

2022-10-19T05:03:33Z

added Category:Explore an application using HotCat

Arjun: /* Adding Notes and Images */

2022-10-18T04:56:06Z

Adding Notes and Images

Arjun: /* Adding Notes and Images */

2022-10-18T04:53:14Z

Adding Notes and Images

Arjun: /* Adding Notes and Images */

2022-10-18T04:51:56Z

Adding Notes and Images

Arjun: /* Freehand Drawing */

2022-10-18T04:47:11Z

Freehand Drawing

Arjun: /* Freehand Drawing */

2022-10-18T04:41:23Z

Freehand Drawing

Arjun: /* Adding more Shapes */

2022-10-18T04:39:20Z

Adding more Shapes

Arjun: /* Important elements in the application */

2022-10-18T04:37:46Z

Important elements in the application

Arjun: /* Creating new diagram */

2022-10-18T04:37:17Z

Creating new diagram

Arjun: /* Basic information */

2022-10-18T04:16:24Z

Basic information

← Older revision		Revision as of 05:03, 19 October 2022
Line 163:		Line 163:

	[https://app.diagrams.net/ Draw.io]		[https://app.diagrams.net/ Draw.io]
		+
		+	[[Category:Explore an application]]

@@ Line 117: / Line 117: @@
 </gallery>
-Note can be added in the worksheet to give a description to the node. Note can be resized according to your requirement. Once you add the note to the workspace you can move it wherever required.
+Note can be added in the worksheet to give a description to the node.
-<gallery mode="packed" heights=300>
+Note can be resized according to your requirement. Once you add the note to the workspace you can move it wherever required.
 File:Addingimage1.jpg|Adding the Image
 File:Addingimage3.jpg|Image added to the diagram
@@ Line 135: / Line 137: @@
 ====Selecting the paper size====
 * If your plan is to print the chart on a paper and use it for some purpose then better if you select the page size at the starting. There is an option in the diagram panel to change the default Paper size.
 * Click on the drop down menu present in Page size. You will get number of options that you can select for your requirement.

@@ Line 115: / Line 115: @@
 A note can be added near any node in draw. Note may give additional information regarding the node. <gallery mode="packed" heights="300">
 File:Adding notes.jpg|Notes added to the diagrams
 </gallery>
@@ Line 121: / Line 120: @@
 <gallery mode="packed" heights=300>
 File:Addingimage3.jpg|Image added to the diagram
 </gallery>

@@ Line 113: / Line 113: @@
 ====Adding Notes and Images====
-<gallery mode="packed" heights=300>
+A note can be added near any node in draw. Note may give additional information regarding the node. <gallery mode="packed" heights="300">
 File:Adding notes.jpg|Notes added to the diagrams
 File:Addingimage1.jpg|Adding the Image

@@ Line 106: / Line 106: @@
 ====Freehand Drawing====
-<gallery mode="packed" heights="300">
+In Draw, other than shapes you can also freely draw something by using the Freehand feature. Freehand feature may look like the below image:<gallery mode="packed" heights="300">
 File:UsingFreehandtool.jpg|Using Freehand option
 </gallery>
-If you want to draw something in a freehand you can do so in Draw. To do this, Click on "+" icon in the toolbar and choose "Freehand" option. Alternatively you can press 'x' on the keyboard as shortcut. You can choose the size of the brush and can freely move the cursor on the sheet.
+To do this, Click on "+" icon in the toolbar and choose "Freehand" option. Alternatively you can press 'x' on the keyboard as shortcut. You can choose the size of the brush and can freely move the cursor on the sheet.
 ====Adding Notes and Images====

@@ Line 98: / Line 98: @@
 ====Adding more Shapes====
-If you could not find the proper shape for your diagram then you can search and locate those as well.
+Even though most of the shapes are available on the shape panel if you could not find the proper shape for your diagram then you can search and locate those as well.
 <gallery mode="packed" heights=300>
 File:Searchingforshapes.jpg|Adding more shapes to Shapes toolbox

@@ Line 63: / Line 63: @@
 If you already have an idea of what needs to be done and what ways the things needs to be done then based on your requirement you can choose the template. The templates provided here not only gives you the structure of diagram but also gives more idea of how your final outcome may look like. If you are not having an idea of how your diagram should look like then it would be better to choose "Blank Diagram-->Create".
-====Important elements in the application====
+====Basic interface of application====
 The interface of Drawio looks like the below image:<gallery mode="packed" heights="400">
 File:Drawio interface.png|Diagram interface

@@ Line 61: / Line 61: @@
 ====Creating new diagram====
-If you already have an idea of what needs to be done and what ways the things needs to be done then based on your requirement you can choose the template. The templates provided here not only gives you the structure of diagram but also gives you more idea of how your final outcome may look like. If you are not having an idea of how your diagram should look like then it would be better to choose "Blank Diagram-->Create".
+If you already have an idea of what needs to be done and what ways the things needs to be done then based on your requirement you can choose the template. The templates provided here not only gives you the structure of diagram but also gives more idea of how your final outcome may look like. If you are not having an idea of how your diagram should look like then it would be better to choose "Blank Diagram-->Create".
 ====Important elements in the application====
-<gallery mode="packed" heights=400>
+The interface of Drawio looks like the below image:<gallery mode="packed" heights="400">
 File:Drawio interface.png|Diagram interface
 </gallery>
@@ Line 82: / Line 82: @@
 ====Adding a Shape to the workspace====
 Depending on your requirement you can insert shape to the workspace.
-* To insert a shape, you can type the shape name in the "Search Shapes" box or click on the appropriate tab if you are sure of. <br>
+* To insert a shape, you can type the shape name in the "Search Shapes" box or click on the appropriate tab if you are sure of.
 * There are General, Basic, Arrows, Entity Relations and many other tabs that allows you to drop the respective shapes to the workspace.
 <gallery mode="packed" heights=250>

@@ Line 22: / Line 22: @@
 |The application on mobiles and tablets
 |You can install [https://play.google.com/store/apps/details?id=com.lucidchart.android.chart&hl=en_IN&gl=US Lucidchart]
-You can also use the web based platform of Draw.io here [https://app.diagrams.net]
+You can also use the web based platform of Draw.io [https://app.diagrams.net here]
 |-
 |Development and community help