{"id":25671,"date":"2022-02-25T16:12:36","date_gmt":"2022-02-25T16:12:36","guid":{"rendered":"https:\/\/ded9.com\/?p=25671"},"modified":"2026-02-18T13:04:28","modified_gmt":"2026-02-18T13:04:28","slug":"how-to-draw-a-diagram-of-a-network","status":"publish","type":"post","link":"https:\/\/ded9.com\/tr\/how-to-draw-a-diagram-of-a-network\/","title":{"rendered":"How to Draw a Diagram of a Network"},"content":{"rendered":"<p><span style=\"font-size: 12pt;\">Drawing Network Diagrams Helps You Get A Clear View Of All Devices And Their Connections. There Are Good Free Programs For This Purpose.<\/span><\/p>\n<p>This article will use the site www.Draw.io to build our network chart. Follow the steps below to draw a diagram.<\/p>\n<h2><span style=\"font-size: 18pt;\">Draw a diagram of a network<\/span><\/h2>\n<p>1. Go to www.draw.io.com in your browser. If you click Change Storage on the first page, you will select the location where the chart will be stored.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-25673\" src=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-59.jpeg\" alt=\"1. Go to www.draw.io.com\u00a0\u00a0\u00a0in your browser. If you click Change Storage on the first page, you will select the location where the chart will be stored.\" width=\"403\" height=\"412\" srcset=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-59.jpeg 403w, https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-59-293x300.jpeg 293w\" sizes=\"(max-width: 403px) 100vw, 403px\" \/><\/p>\n<p>If you have a <a href=\"https:\/\/en.wikipedia.org\/wiki\/Google_Drive\" target=\"_blank\" rel=\"noopener\">Google Drive<\/a> or OneDrive account, you can easily save your chart on these cloud servers.<\/p>\n<p>If you do not have an account with these services, select the Device option to save the chart to your computer&#8217;s hard drive when you are done.<\/p>\n<p>2. Select the Create New Diagram option.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-25674\" src=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-60.jpeg\" alt=\"Select the Create New Diagram option.\" width=\"591\" height=\"298\" srcset=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-60.jpeg 591w, https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-60-300x151.jpeg 300w\" sizes=\"(max-width: 591px) 100vw, 591px\" \/><\/p>\n<p>Select a name for the chart, then click the Create button on the page that appears.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-25675\" src=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-61.jpeg\" alt=\"Select a name for the chart, then click the Create button on the page that appears.\" width=\"593\" height=\"442\" srcset=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-61.jpeg 593w, https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-61-300x224.jpeg 300w\" sizes=\"(max-width: 593px) 100vw, 593px\" \/><\/p>\n<p>You should now see the following page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-25686 size-full\" src=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-62-1.jpeg\" alt=\"You should now see the following page.\" width=\"456\" height=\"262\" srcset=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-62-1.jpeg 456w, https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-62-1-300x172.jpeg 300w\" sizes=\"(max-width: 456px) 100vw, 456px\" \/><\/p>\n<p>3. To add shapes to the canvas, you can select a profile and place it on the canvas or use the drag-and-drop technique. When you place a body on the canvas, the right panel changes to show options for editing the profile.<\/p>\n<p>4. When placing a shape on the canvas, select the desired shape and start typing to add tags. After ordering the label, clicking the tab in the right panel lets you edit colors, fonts, background colors, and more.<br \/>\nTo make a connection, select the shape and use the four arrows around the profiles to connect them. By combining the shapes, blue dots appear on the connecting line.<\/p>\n<p><span style=\"font-size: 12pt;\">5. Select Ctrl + A and press the Delete key to remove shapes from the canvas.<\/span><\/p>\n<p>6. There is a More Shapes option at the bottom left of the screen. Clicking this option will open a window. In the Networking section, the window that appears offers options for accessing Cisco forms.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-25677\" src=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-63.jpeg\" alt=\"There is a More Shapes option at the bottom left of the screen. Clicking this option will open a window. In the Networking section, the window that appears offers options for accessing Cisco forms.\" width=\"594\" height=\"445\" srcset=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-63.jpeg 594w, https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-63-300x225.jpeg 300w\" sizes=\"(max-width: 594px) 100vw, 594px\" \/><\/p>\n<p>7. You can access Cisco icons when clicking on the Cisco option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-25678\" src=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-64.jpeg\" alt=\"You can access Cisco icons when clicking on the Cisco option.\" width=\"597\" height=\"275\" srcset=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-64.jpeg 597w, https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-64-300x138.jpeg 300w\" sizes=\"(max-width: 597px) 100vw, 597px\" \/><\/p>\n<p>8. Draw the following diagram using the symbols available to you. The image&#8217;s black lines represent the devices&#8217; logical connections, and the cloud represents the Internet. The colored boxes in this image also show different subnets.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-25687 size-full\" src=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-62-2.jpeg\" alt=\"Draw the following diagram using the symbols available to you. The image's black lines represent the devices' logical connections, and the cloud represents the Internet. The colored boxes in this image also show different subnets.\" width=\"595\" height=\"371\" srcset=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-62-2.jpeg 595w, https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-62-2-300x187.jpeg 300w\" sizes=\"(max-width: 595px) 100vw, 595px\" \/><\/p>\n<p>9. When done, the chart will be held in <a href=\"https:\/\/ded9.com\/learning-xml-file-in-r-programming-language\/\">XML<\/a> file format if you click save. To keep the file in image format, click Export and select PNG.<\/p>\n<p>Most network diagrams provide a broad picture of the network&#8217;s physical or logical topology. Charts help you add new switches, special routers, gateways, and firewalls.<\/p>\n<p>If you are a technician looking to find a fault with a wired connection on a local network, checking <strong>the network diagram<\/strong> can be very helpful.<\/p>\n<p>In such a case, you should see a network wiring diagram that provides a graphical view of the wired connections. Carefully identifying the exact connection problem with the wires connecting the various devices and the location of the cables should not be difficult. Note that some network schemas may not provide as much detail about connections.<\/p>\n<p>The following figure shows an example of a wired schema belonging to a small office network that uses a broadband cable to access the Internet.<\/p>\n<p>Graphs are not limited to drawing tangible and objective equipment. Graphs can show the location of devices inside frames and any row of shelves. You can use the diagrams to remove the rack and its internal gear.<\/p>\n<p>Drawing diagrams helps install a rack inside a building. These diagrams are also helpful for tracking and debugging equipment installed inside the frame. The Draw.io site provides the symbols needed to draw the rack and its internal gear. The following figure shows an example of a diagram for a simple frame.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-25688 size-full\" src=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-67-1.jpeg\" alt=\"Drawing diagrams helps install a rack inside a building. These diagrams are also helpful for tracking and debugging equipment installed inside the frame. The Draw.io site provides the symbols needed to draw the rack and its internal gear. The following figure shows an example of a diagram for a simple frame.\" width=\"325\" height=\"523\" srcset=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-67-1.jpeg 325w, https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-67-1-186x300.jpeg 186w\" sizes=\"(max-width: 325px) 100vw, 325px\" \/><\/p>\n<p><strong>Network charts<\/strong> provide a visual view of a network. However, charts may not cover all the information contained in the documentation.<\/p>\n<h2><span style=\"font-size: 18pt;\">Network diagrams<\/span><\/h2>\n<p>A knowledge base is a set of solutions and insights you have gained and documented during the implementation of a network or problem-solving. Another reliable form of writing network events is charted. The diagrams show how devices and connections communicate.<\/p>\n<p>These diagrams may include physical layout, logical topology, reserved IP addresses, names of significant network devices, and types of transmission media.<\/p>\n<p>The following figure shows a simple network diagram illustrating the physical topology of a network.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-25689 size-full\" src=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-68-1.jpeg\" alt=\"The following figure shows a simple network diagram illustrating the physical topology of a network.\" width=\"598\" height=\"311\" srcset=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-68-1.jpeg 598w, https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-68-1-300x156.jpeg 300w\" sizes=\"(max-width: 598px) 100vw, 598px\" \/><\/p>\n<p>A diagram simplifies troubleshooting and locating network devices. Technicians can use several programs to detect, place, and monitor active network devices. One of the simplest and most popular tools is Nmap. The following figure shows the Nmap tool.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-25683\" src=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-69.jpeg\" alt=\"A diagram simplifies troubleshooting and locating network devices. Technicians can use several programs to detect, place, and monitor active network devices. One of the simplest and most popular tools is Nmap. The following figure shows the Nmap tool.\" width=\"598\" height=\"257\" srcset=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-69.jpeg 598w, https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-69-300x129.jpeg 300w\" sizes=\"(max-width: 598px) 100vw, 598px\" \/><\/p>\n<p>Nmap is a Linux-based command-line tool developed and made available to other operating system experts.<\/p>\n<p>The illustrated version of this tool is Zenmao, which is used to detect devices on a network.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-25684\" src=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-70.jpeg\" alt=\"The illustrated version of this tool is Zenmao, which is used to detect devices on a network.\" width=\"598\" height=\"307\" srcset=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-70.jpeg 598w, https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-70-300x154.jpeg 300w\" sizes=\"(max-width: 598px) 100vw, 598px\" \/><\/p>\n<p>Network mapping is a fascinating topic that helps you minimize the complexity of today&#8217;s networks. Every network technician can understand the general concepts from a network map. You can draw diagrams or maps of network equipment on paper or use graphic software.<\/p>\n<p>Most people prefer specialized software for drawing network diagrams. Edraw, SmartDraw, Microsoft Visio, and Network Notepad are popular graphic software in this field. These programs provide icons for the connected devices.<\/p>\n<p>Cisco has long advocated the use of digital symbols for switches, routers, firewalls, and other devices. Today, these symbols are widely used in networking. The following figure shows a simple network diagram using standard icons that comply with Cisco guidelines.<\/p>\n<p>In the figure below, each device is labeled.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-25690 size-full\" src=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-71-1.jpeg\" alt=\"In the figure below, each device is labeled.\" width=\"590\" height=\"307\" srcset=\"https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-71-1.jpeg 590w, https:\/\/ded9.com\/wp-content\/uploads\/2022\/02\/word-image-71-1-300x156.jpeg 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/p>\n<ul>\n<li>Like a hockey ball with arrows coming and going, the shape symbolizes a router.<\/li>\n<li>A switch is shown with a small rectangular box surrounded by four arrows in different directions.<\/li>\n<li>A wireless access point is also a rectangular box with spiral lines.<\/li>\n<li>A brick wall represents a wall of fire.<\/li>\n<li>The Internet or unspecified parts of the network are also marked with a cloud symbol.<\/li>\n<\/ul>\n<p>Cisco has developed hundreds of symbols for network equipment so that technicians can easily draw a network diagram. In the table below, you will get acquainted with the most common symbols you will deal with during these tutorials. Visit www.network-topology.com\u00a0\u00a0\u00a0to download Cisco&#8217;s icons and prepare detailed reports, presentations, documents, and charts.<\/p>\n<h2>FAQ<\/h2>\n<div id=\"rank-math-rich-snippet-wrapper\"><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-1\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">What basic symbols are used in network diagrams?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Typical symbols represent routers, switches, firewalls, servers, workstations, and connection lines to show relationships.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-2\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Why should you draw a network diagram before planning or troubleshooting?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Because it helps you understand device locations, connections, and data flow \u2014 making network planning and troubleshooting easier.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-3\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">What tools can help you draw network diagrams effectively?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Use diagramming tools or software that offer network icons and templates to ensure clarity and standard notation.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Drawing Network Diagrams Helps You Get A Clear View Of All Devices And Their Connections. There Are Good Free Programs For This Purpose. This article will use the site www.Draw.io to build our network chart. Follow the steps below to draw a diagram. Draw a diagram of a network 1. Go to www.draw.io.com in your [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":25672,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[96],"tags":[3338],"class_list":["post-25671","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-network","tag-cisco"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ded9.com\/tr\/wp-json\/wp\/v2\/posts\/25671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ded9.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ded9.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ded9.com\/tr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ded9.com\/tr\/wp-json\/wp\/v2\/comments?post=25671"}],"version-history":[{"count":5,"href":"https:\/\/ded9.com\/tr\/wp-json\/wp\/v2\/posts\/25671\/revisions"}],"predecessor-version":[{"id":267038,"href":"https:\/\/ded9.com\/tr\/wp-json\/wp\/v2\/posts\/25671\/revisions\/267038"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ded9.com\/tr\/wp-json\/wp\/v2\/media\/25672"}],"wp:attachment":[{"href":"https:\/\/ded9.com\/tr\/wp-json\/wp\/v2\/media?parent=25671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ded9.com\/tr\/wp-json\/wp\/v2\/categories?post=25671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ded9.com\/tr\/wp-json\/wp\/v2\/tags?post=25671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}