network_drawer 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 62b2a058777853b011aa999b5bbfaff1f5aea5e9
+  data.tar.gz: ca9f5bdc9aaa639146504074fa6b2d769ecf9656
+SHA512:
+  metadata.gz: e6368873678680cf9cb5c72f6c666e7f453fe992ce3c8659b9b7fab18eedff3157f7e01ac41c8cbe5d41dca0338e241f101217efd42e2a7258c503013a6eb600
+  data.tar.gz: 8a6ede793ae512557266d3e48591e77fe55609962c686dd71bff6c07e2cee18eff3a664491225ca47ab952d6bb4bbfe9d4b3cd1246dc598c28b02eecf2a4036d

data/.gitignore

@@ -0,0 +1,15 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/vendor/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in network_drawer.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 Hiroshi Ota
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,130 @@
+# NetworkDrawer
+
+A network diagram drawer with json.
+
+## Installation
+
+Ensure you can use [Graphviz](http://www.graphviz.org/), before installing network_drawer,
+
+You can install Graphviz as follow
+```
+# Mac OS X with brew
+brew install graphviz
+
+# CentOS
+yum -y install graphviz
+
+# Ubuntu
+apt-get install graphviz
+```
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'network_drawer'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install network_drawer
+
+## Usage
+
+You can draw a network diagram:
+
+    $ bundle exec network_drawer draw examples/simple.json
+
+You can draw a network diagram with specified style and png format:
+
+    $ bundle exec network_drawer draw examples/simple.json -s examples/simple_style.json
+
+You can draw a network diagram with specified style and png format:
+
+    $ bundle exec network_drawer draw examples/simple.json -f png
+
+Then You will get a network diagram.
+
+[sample diagram(SVG)](examples/simple.svg)
+
+![sample diagram(PNG)](examples/simple.png)
+
+## How to describe
+
+You can describe diagram with JSON.
+
+### Network diagram
+
+You can describe diagram as follows:
+
+
+```json
+{
+    "layers": {
+        "Web": {
+            "nodes": [
+                {
+                    "WebLB": {
+                        "ports": ["80/tcp", "443/tcp"],
+                        "type": "LB",
+                        "url": "https://github.com/otahi/network_drawer/"
+                    }
+                },
+                { "Web001": { "ports": ["80/tcp"] } },
+                { "Web002": { "ports": ["80/tcp"] } }
+            ]
+        },
+        "App": {
+            "nodes": [
+                { "AppLB":  { "ports": ["80/tcp", "25/tcp"], "type": "LB" } },
+                { "App001": { "ports": ["80/tcp", "25/tcp"] } },
+                { "App002": { "ports": ["80/tcp", "25/tcp"] } }
+            ]
+        }
+    },
+    "nodes": [
+        { "Browser": {}, "type": "Client" },
+        { "Mail Server": {}, "type": "Client" }
+    ],
+    "connections": [
+        { "from": "Browser", "to": "WebLB:80/tcp", "type": "HTTP" },
+        { "from": "Browser", "to": "WebLB:443/tcp" },
+        { "from": "Mail Server", "to": "AppLB:25/tcp" , "type": "SMTP" },
+        { "from": "WebLB", "to": "Web001:80/tcp", "type": "HTTP"  },
+        { "from": "WebLB", "to": "Web002:80/tcp", "type": "HTTP" },
+        { "from": "Web001", "to": "AppLB:80/tcp", "type": "HTTP" },
+        { "from": "Web002", "to": "AppLB:80/tcp", "type": "HTTP" },
+        { "from": "AppLB", "to": "App001:25/tcp", "type": "SMTP"  },
+        { "from": "AppLB", "to": "App001:80/tcp", "type": "HTTP"  },
+        { "from": "AppLB", "to": "App002:25/tcp", "type": "SMTP"  },
+        { "from": "AppLB", "to": "App002:80/tcp", "type": "HTTP"  }
+    ]
+}
+
+```
+
+### Style
+
+You can specify your style for nodes or edges with [Graphviz attributes](http://www.graphviz.org/content/attrs).
+
+```json
+{
+    "types": {
+        "LB": { "style": "rounded,filled,dotted", "fillcolor": "azure" },
+        "HTTP": { "color": "blue" },
+        "SMTP": { "color": "green" }
+    }
+}
+```
+
+
+## Contributing
+
+1. Fork it ( https://github.com/otahi/network_drawer/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

@@ -0,0 +1,18 @@
+require 'bundler/gem_tasks'
+
+task default: :update
+
+task :update do
+  env = {
+    'BUNDLE_GEMFILE' => nil,
+    'GEM_HOME' => nil
+  }
+
+  %w(png svg).each do |f|
+    command =  'bundle exec bin/network_drawer '
+    command << 'draw examples/simple.json '
+    command << "-s examples/simple_style.json -f #{f}"
+
+    system(env, command)
+  end
+end

data/bin/network_drawer

@@ -0,0 +1,5 @@
+#!/usr/bin/env ruby
+
+require 'network_drawer'
+
+NetworkDrawer::Cli.start(ARGV)

data/examples/simple.dot

@@ -0,0 +1,53 @@
+digraph simple {
+  subgraph cluster1 {
+    label="Web";
+    fontname="Helvetica";
+    3[fontname="Helvetica",shape="box",label=<<table border='0'><tr border='1'><td border='1' port="p80tcp">80/tcp</td><td border='1' port="p443tcp">443/tcp</td></tr><tr border='1'><td border='1' colspan="2">WebLB</td></tr></table>>,tooltip="WebLB",URL="https://github.com/otahi/network_drawer/",style="rounded,filled,dotted",fillcolor="azure"];
+  }
+  subgraph cluster1 {
+    label="Web";
+    fontname="Helvetica";
+    4[fontname="Helvetica",shape="box",label=<<table border='0'><tr border='1'><td border='1' port="p80tcp">80/tcp</td></tr><tr border='1'><td border='1' colspan="1">Web001</td></tr></table>>,tooltip="Web001",URL=""];
+  }
+  subgraph cluster1 {
+    label="Web";
+    fontname="Helvetica";
+    5[fontname="Helvetica",shape="box",label=<<table border='0'><tr border='1'><td border='1' port="p80tcp">80/tcp</td></tr><tr border='1'><td border='1' colspan="1">Web002</td></tr></table>>,tooltip="Web002",URL=""];
+  }
+  subgraph cluster3 {
+    label="App";
+    fontname="Helvetica";
+    6[fontname="Helvetica",shape="box",label=<<table border='0'><tr border='1'><td border='1' port="p80tcp">80/tcp</td><td border='1' port="p25tcp">25/tcp</td></tr><tr border='1'><td border='1' colspan="2">AppLB</td></tr></table>>,tooltip="AppLB",URL="",style="rounded,filled,dotted",fillcolor="azure"];
+  }
+  subgraph cluster3 {
+    label="App";
+    fontname="Helvetica";
+    7[fontname="Helvetica",shape="box",label=<<table border='0'><tr border='1'><td border='1' port="p80tcp">80/tcp</td><td border='1' port="p25tcp">25/tcp</td></tr><tr border='1'><td border='1' colspan="2">App001</td></tr></table>>,tooltip="App001",URL=""];
+  }
+  subgraph cluster3 {
+    label="App";
+    fontname="Helvetica";
+    8[fontname="Helvetica",shape="box",label=<<table border='0'><tr border='1'><td border='1' port="p80tcp">80/tcp</td><td border='1' port="p25tcp">25/tcp</td></tr><tr border='1'><td border='1' colspan="2">App002</td></tr></table>>,tooltip="App002",URL=""];
+  }
+  rankdir="TB";
+  fontname="Helvetica";
+  1[fontname="Helvetica",shape="box",label=<<table border='0'><tr border='1'><td>Browser</td></tr></table>>,tooltip="Browser",URL=""];
+  2[fontname="Helvetica",shape="box",label=<<table border='0'><tr border='1'><td>Mail Server</td></tr></table>>,tooltip="Mail Server",URL=""];
+  3;
+  6;
+  4;
+  5;
+  7;
+  8;
+  1 -> 3:p80tcp[color="blue"];
+  1 -> 3:p443tcp;
+  2 -> 6:p25tcp[color="green"];
+  3 -> 4:p80tcp[color="blue"];
+  3 -> 5:p80tcp[color="blue"];
+  4 -> 6:p80tcp[color="blue"];
+  5 -> 6:p80tcp[color="blue"];
+  6 -> 7:p25tcp[color="green"];
+  6 -> 7:p80tcp[color="blue"];
+  6 -> 8:p25tcp[color="green"];
+  6 -> 8:p80tcp[color="blue"];
+}

data/examples/simple.json

@@ -0,0 +1,41 @@
+{
+    "layers": {
+        "Web": {
+            "nodes": [
+                {
+                    "WebLB": {
+                        "ports": ["80/tcp", "443/tcp"],
+                        "type": "LB",
+                        "url": "https://github.com/otahi/network_drawer/"
+                    }
+                },
+                { "Web001": { "ports": ["80/tcp"] } },
+                { "Web002": { "ports": ["80/tcp"] } }
+            ]
+        },
+        "App": {
+            "nodes": [
+                { "AppLB":  { "ports": ["80/tcp", "25/tcp"], "type": "LB" } },
+                { "App001": { "ports": ["80/tcp", "25/tcp"] } },
+                { "App002": { "ports": ["80/tcp", "25/tcp"] } }
+            ]
+        }
+    },
+    "nodes": [
+        { "Browser": {}, "type": "Client" },
+        { "Mail Server": {}, "type": "Client" }
+    ],
+    "connections": [
+        { "from": "Browser", "to": "WebLB:80/tcp", "type": "HTTP" },
+        { "from": "Browser", "to": "WebLB:443/tcp" },
+        { "from": "Mail Server", "to": "AppLB:25/tcp" , "type": "SMTP" },
+        { "from": "WebLB", "to": "Web001:80/tcp", "type": "HTTP"  },
+        { "from": "WebLB", "to": "Web002:80/tcp", "type": "HTTP" },
+        { "from": "Web001", "to": "AppLB:80/tcp", "type": "HTTP" },
+        { "from": "Web002", "to": "AppLB:80/tcp", "type": "HTTP" },
+        { "from": "AppLB", "to": "App001:25/tcp", "type": "SMTP"  },
+        { "from": "AppLB", "to": "App001:80/tcp", "type": "HTTP"  },
+        { "from": "AppLB", "to": "App002:25/tcp", "type": "SMTP"  },
+        { "from": "AppLB", "to": "App002:80/tcp", "type": "HTTP"  }
+    ]
+}

data/examples/simple.svg

@@ -0,0 +1,166 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.34.0 (20140129.0153)
+ -->
+<!-- Title: simple Pages: 1 -->
+<svg width="336pt" height="460pt"
+ viewBox="0.00 0.00 336.00 460.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 456)">
+<title>simple</title>
+<polygon fill="white" stroke="white" points="-4,4 -4,-456 332,-456 332,4 -4,4"/>
+<g id="clust1" class="cluster"><title>cluster1</title>
+<polygon fill="none" stroke="black" points="105,-212 105,-408 295,-408 295,-212 105,-212"/>
+<text text-anchor="middle" x="200" y="-390" font-family="Helvetica,sans-Serif" font-size="14.00">Web</text>
+</g>
+<g id="clust2" class="cluster"><title>cluster3</title>
+<polygon fill="none" stroke="black" points="63,-8 63,-204 320,-204 320,-8 63,-8"/>
+<text text-anchor="middle" x="191.5" y="-186" font-family="Helvetica,sans-Serif" font-size="14.00">App</text>
+</g>
+<!-- 3 -->
+<g id="node1" class="node"><title>3</title>
+<g id="a_node1"><a xlink:href="https://github.com/otahi/network_drawer/" xlink:title="WebLB">
+<path fill="azure" stroke="black" stroke-dasharray="1,5" d="M247,-375.5C247,-375.5 153,-375.5 153,-375.5 147,-375.5 141,-369.5 141,-363.5 141,-363.5 141,-328.5 141,-328.5 141,-322.5 147,-316.5 153,-316.5 153,-316.5 247,-316.5 247,-316.5 253,-316.5 259,-322.5 259,-328.5 259,-328.5 259,-363.5 259,-363.5 259,-369.5 253,-375.5 247,-375.5"/>
+<polygon fill="none" stroke="black" points="151,-346 151,-369 196,-369 196,-346 151,-346"/>
+<text text-anchor="start" x="154.431" y="-351.9" font-family="Helvetica,sans-Serif" font-size="14.00">80/tcp</text>
+<polygon fill="none" stroke="black" points="198,-346 198,-369 249,-369 249,-346 198,-346"/>
+<text text-anchor="start" x="200.538" y="-351.9" font-family="Helvetica,sans-Serif" font-size="14.00">443/tcp</text>
+<polygon fill="none" stroke="black" points="151,-322 151,-344 249,-344 249,-322 151,-322"/>
+<text text-anchor="start" x="177.168" y="-327" font-family="Helvetica,sans-Serif" font-size="14.00">WebLB</text>
+</a>
+</g>
+</g>
+<!-- 4 -->
+<g id="node2" class="node"><title>4</title>
+<g id="a_node2"><a xlink:title="Web001">
+<polygon fill="none" stroke="black" points="191,-279.5 113,-279.5 113,-220.5 191,-220.5 191,-279.5"/>
+<polygon fill="none" stroke="black" points="123,-250 123,-273 181,-273 181,-250 123,-250"/>
+<text text-anchor="start" x="132.931" y="-255.9" font-family="Helvetica,sans-Serif" font-size="14.00">80/tcp</text>
+<polygon fill="none" stroke="black" points="123,-226 123,-248 181,-248 181,-226 123,-226"/>
+<text text-anchor="start" x="126.051" y="-231" font-family="Helvetica,sans-Serif" font-size="14.00">Web001</text>
+</a>
+</g>
+</g>
+<!-- 3&#45;&gt;4 -->
+<g id="edge4" class="edge"><title>3&#45;&gt;4:p80tcp</title>
+<path fill="none" stroke="blue" d="M199.141,-316.436C198.045,-299.18 195.572,-278.608 190.026,-268.401"/>
+<polygon fill="blue" stroke="blue" points="192,-265.499 182,-262 187.636,-270.972 192,-265.499"/>
+</g>
+<!-- 5 -->
+<g id="node3" class="node"><title>5</title>
+<g id="a_node3"><a xlink:title="Web002">
+<polygon fill="none" stroke="black" points="287,-279.5 209,-279.5 209,-220.5 287,-220.5 287,-279.5"/>
+<polygon fill="none" stroke="black" points="219,-250 219,-273 277,-273 277,-250 219,-250"/>
+<text text-anchor="start" x="228.931" y="-255.9" font-family="Helvetica,sans-Serif" font-size="14.00">80/tcp</text>
+<polygon fill="none" stroke="black" points="219,-226 219,-248 277,-248 277,-226 219,-226"/>
+<text text-anchor="start" x="222.051" y="-231" font-family="Helvetica,sans-Serif" font-size="14.00">Web002</text>
+</a>
+</g>
+</g>
+<!-- 3&#45;&gt;5 -->
+<g id="edge5" class="edge"><title>3&#45;&gt;5:p80tcp</title>
+<path fill="none" stroke="blue" d="M200.859,-316.436C201.955,-299.18 204.428,-278.608 209.974,-268.401"/>
+<polygon fill="blue" stroke="blue" points="212.364,-270.972 218,-262 208,-265.499 212.364,-270.972"/>
+</g>
+<!-- 6 -->
+<g id="node4" class="node"><title>6</title>
+<g id="a_node4"><a xlink:title="AppLB">
+<path fill="azure" stroke="black" stroke-dasharray="1,5" d="M218.25,-171.5C218.25,-171.5 131.75,-171.5 131.75,-171.5 125.75,-171.5 119.75,-165.5 119.75,-159.5 119.75,-159.5 119.75,-124.5 119.75,-124.5 119.75,-118.5 125.75,-112.5 131.75,-112.5 131.75,-112.5 218.25,-112.5 218.25,-112.5 224.25,-112.5 230.25,-118.5 230.25,-124.5 230.25,-124.5 230.25,-159.5 230.25,-159.5 230.25,-165.5 224.25,-171.5 218.25,-171.5"/>
+<polygon fill="none" stroke="black" points="130,-142 130,-165 175,-165 175,-142 130,-142"/>
+<text text-anchor="start" x="133.431" y="-147.9" font-family="Helvetica,sans-Serif" font-size="14.00">80/tcp</text>
+<polygon fill="none" stroke="black" points="177,-142 177,-165 221,-165 221,-142 177,-142"/>
+<text text-anchor="start" x="179.931" y="-147.9" font-family="Helvetica,sans-Serif" font-size="14.00">25/tcp</text>
+<polygon fill="none" stroke="black" points="130,-118 130,-140 221,-140 221,-118 130,-118"/>
+<text text-anchor="start" x="154.483" y="-123" font-family="Helvetica,sans-Serif" font-size="14.00">AppLB</text>
+</a>
+</g>
+</g>
+<!-- 4&#45;&gt;6 -->
+<g id="edge6" class="edge"><title>4&#45;&gt;6:p80tcp</title>
+<path fill="none" stroke="blue" d="M152,-220.191C152,-207.217 152,-191.442 152,-176.321"/>
+<polygon fill="blue" stroke="blue" points="155.5,-176 152,-166 148.5,-176 155.5,-176"/>
+</g>
+<!-- 5&#45;&gt;6 -->
+<g id="edge7" class="edge"><title>5&#45;&gt;6:p80tcp</title>
+<path fill="none" stroke="blue" d="M212.526,-220.441C192.443,-204.036 169.215,-184.601 158.292,-173.792"/>
+<polygon fill="blue" stroke="blue" points="161.006,-171.581 152,-166 155.559,-175.979 161.006,-171.581"/>
+</g>
+<!-- 7 -->
+<g id="node5" class="node"><title>7</title>
+<g id="a_node5"><a xlink:title="App001">
+<polygon fill="none" stroke="black" points="182.25,-75.5 71.75,-75.5 71.75,-16.5 182.25,-16.5 182.25,-75.5"/>
+<polygon fill="none" stroke="black" points="82,-46 82,-69 127,-69 127,-46 82,-46"/>
+<text text-anchor="start" x="85.4312" y="-51.9" font-family="Helvetica,sans-Serif" font-size="14.00">80/tcp</text>
+<polygon fill="none" stroke="black" points="129,-46 129,-69 173,-69 173,-46 129,-46"/>
+<text text-anchor="start" x="131.931" y="-51.9" font-family="Helvetica,sans-Serif" font-size="14.00">25/tcp</text>
+<polygon fill="none" stroke="black" points="82,-22 82,-44 173,-44 173,-22 82,-22"/>
+<text text-anchor="start" x="103.366" y="-27" font-family="Helvetica,sans-Serif" font-size="14.00">App001</text>
+</a>
+</g>
+</g>
+<!-- 6&#45;&gt;7 -->
+<g id="edge8" class="edge"><title>6&#45;&gt;7:p25tcp</title>
+<path fill="none" stroke="green" d="M160.623,-112.37C156.71,-102.677 153.148,-91.4558 151.693,-80.2467"/>
+<polygon fill="green" stroke="green" points="155.167,-79.7409 151,-70 148.183,-80.2135 155.167,-79.7409"/>
+</g>
+<!-- 6&#45;&gt;7 -->
+<g id="edge9" class="edge"><title>6&#45;&gt;7:p80tcp</title>
+<path fill="none" stroke="blue" d="M126.856,-112.424C116.765,-103.478 108.243,-92.5876 105.197,-79.976"/>
+<polygon fill="blue" stroke="blue" points="108.667,-79.5118 104,-70 101.716,-80.3458 108.667,-79.5118"/>
+</g>
+<!-- 8 -->
+<g id="node6" class="node"><title>8</title>
+<g id="a_node6"><a xlink:title="App002">
+<polygon fill="none" stroke="black" points="311.25,-75.5 200.75,-75.5 200.75,-16.5 311.25,-16.5 311.25,-75.5"/>
+<polygon fill="none" stroke="black" points="211,-46 211,-69 256,-69 256,-46 211,-46"/>
+<text text-anchor="start" x="214.431" y="-51.9" font-family="Helvetica,sans-Serif" font-size="14.00">80/tcp</text>
+<polygon fill="none" stroke="black" points="258,-46 258,-69 302,-69 302,-46 258,-46"/>
+<text text-anchor="start" x="260.931" y="-51.9" font-family="Helvetica,sans-Serif" font-size="14.00">25/tcp</text>
+<polygon fill="none" stroke="black" points="211,-22 211,-44 302,-44 302,-22 211,-22"/>
+<text text-anchor="start" x="232.366" y="-27" font-family="Helvetica,sans-Serif" font-size="14.00">App002</text>
+</a>
+</g>
+</g>
+<!-- 6&#45;&gt;8 -->
+<g id="edge10" class="edge"><title>6&#45;&gt;8:p25tcp</title>
+<path fill="none" stroke="green" d="M230.267,-125.47C252.302,-116.05 273.686,-101.572 278.832,-80.0328"/>
+<polygon fill="green" stroke="green" points="282.32,-80.3376 280,-70 275.367,-79.5283 282.32,-80.3376"/>
+</g>
+<!-- 6&#45;&gt;8 -->
+<g id="edge11" class="edge"><title>6&#45;&gt;8:p80tcp</title>
+<path fill="none" stroke="blue" d="M181.385,-112.436C186.051,-94.4294 192.996,-72.8124 201.291,-63.1294"/>
+<polygon fill="blue" stroke="blue" points="203.16,-66.0907 210,-58 199.607,-60.059 203.16,-66.0907"/>
+</g>
+<!-- 1 -->
+<g id="node7" class="node"><title>1</title>
+<g id="a_node7"><a xlink:title="Browser">
+<polygon fill="none" stroke="black" points="237,-452 161,-452 161,-416 237,-416 237,-452"/>
+<text text-anchor="start" x="173.328" y="-427.9" font-family="Helvetica,sans-Serif" font-size="14.00">Browser</text>
+</a>
+</g>
+</g>
+<!-- 1&#45;&gt;3 -->
+<g id="edge1" class="edge"><title>1&#45;&gt;3:p80tcp</title>
+<path fill="none" stroke="blue" d="M187.672,-415.857C182.088,-406.095 176.087,-393.216 173.879,-380.063"/>
+<polygon fill="blue" stroke="blue" points="177.357,-379.657 173,-370 170.384,-380.267 177.357,-379.657"/>
+</g>
+<!-- 1&#45;&gt;3 -->
+<g id="edge2" class="edge"><title>1&#45;&gt;3:p443tcp</title>
+<path fill="none" stroke="black" d="M209.893,-415.8C215.261,-406.018 221.032,-393.129 223.155,-380.02"/>
+<polygon fill="black" stroke="black" points="226.647,-380.259 224,-370 219.672,-379.67 226.647,-380.259"/>
+</g>
+<!-- 2 -->
+<g id="node8" class="node"><title>2</title>
+<g id="a_node8"><a xlink:title="Mail Server">
+<polygon fill="none" stroke="black" points="94.25,-268 -0.25,-268 -0.25,-232 94.25,-232 94.25,-268"/>
+<text text-anchor="start" x="12.1035" y="-243.9" font-family="Helvetica,sans-Serif" font-size="14.00">Mail Server</text>
+</a>
+</g>
+</g>
+<!-- 2&#45;&gt;6 -->
+<g id="edge3" class="edge"><title>2&#45;&gt;6:p25tcp</title>
+<path fill="none" stroke="green" d="M70.1237,-231.94C79.4894,-225.355 90.5446,-217.983 101,-212 139.498,-189.969 190.301,-210.355 198.004,-175.979"/>
+<polygon fill="green" stroke="green" points="201.489,-176.298 199,-166 194.524,-175.603 201.489,-176.298"/>
+</g>
+</g>
+</svg>

data/examples/simple_style.json

@@ -0,0 +1,7 @@
+{
+    "types": {
+        "LB": { "style": "rounded,filled,dotted", "fillcolor": "azure" },
+        "HTTP": { "color": "blue" },
+        "SMTP": { "color": "green" }
+    }
+}

data/lib/network_drawer.rb

@@ -0,0 +1,5 @@
+require 'network_drawer/version'
+require 'network_drawer/cli'
+require 'network_drawer/diagram'
+require 'network_drawer/source'
+require 'network_drawer/style'

data/lib/network_drawer/cli.rb

@@ -0,0 +1,21 @@
+require 'network_drawer'
+require 'thor'
+
+module NetworkDrawer
+  # Cli for NetworkDrawer
+  class Cli < Thor
+    desc 'draw SOURCE', 'draw network diagram with SOURCE file'
+    option(:style, aliases: :s,
+                   banner: 'STYLE_FILE_IN_JSON')
+    option(:format, aliases: :f,
+                    banner: 'OUTPUT_FILE_FORMAT such as svg, png',
+                    default: :svg)
+    def draw(source_file)
+      src = Source.read(source_file)
+      op = { style: Style.read(options[:style]) }
+      op.merge!(format: options[:format])
+      dest_file = source_file.gsub(File.extname(source_file), '')
+      Diagram.draw(src, dest_file, op)
+    end
+  end
+end

data/lib/network_drawer/diagram.rb

@@ -0,0 +1,144 @@
+require 'gviz'
+
+module NetworkDrawer
+  # Replesent of source file
+  class Diagram
+    TOP_LAYER = :networkdrawertop
+    DEFAULT_OPTIONS = {}
+    DEFAULT_STYLE = { fontname: 'Helvetica' }
+    DEFAULT_NODE_STYLE = { fontname: 'Helvetica', shape: 'box' }
+    DEFAULT_LINE_STYLE = {}
+
+    def self.draw(source, dest_file, options = {})
+      dia = new(source, dest_file, options)
+      dia.draw
+    end
+
+    def initialize(source, dest_file, options = {})
+      @source = source
+      @dest_file = dest_file
+      @options = DEFAULT_OPTIONS.merge(options)
+      @title = @options[:title] ? @options[:title] :
+        File.basename(@dest_file, '.*')
+      @nodes = {}
+      @layers = {}
+      @style = options[:style]
+      @gv = Gviz.new(@title)
+    end
+
+    def draw
+      @gv.global(rankdir: 'TB')
+      @gv.global(DEFAULT_STYLE)
+      create_nodes
+      create_connections
+
+      @gv.save @dest_file, @options[:format]
+    end
+
+    private
+
+    def create_nodes
+      built_nodes = build_nodes(TOP_LAYER => @source)
+      built_nodes[TOP_LAYER].each_value do |t|
+        @gv.global DEFAULT_STYLE
+        node_style = { label: t[:label], tooltip: t[:name], URL: t[:url] }
+        node_style =
+          override_style(:node, node_style, t[:type])
+        @gv.node(t[:id], node_style)
+      end
+
+      built_nodes[:layers].each_pair do |n, l|
+        layer_name = n
+        id = "#{@layers.size + 1}".to_sym
+        @layers.merge!(layer_name => id)
+        l.each_value do |v|
+          node_style = { label: v[:label], tooltip: v[:name], URL: v[:url] }
+          node_style =
+            override_style(:node, node_style, v[:type])
+          @gv.subgraph "cluster#{id}" do
+            global label: layer_name
+            global DEFAULT_STYLE
+            node(v[:id], node_style)
+          end
+        end
+      end
+    end
+
+    def build_nodes(layer)
+      layer_name = layer.keys.first
+      nodes = layer[layer_name][:nodes]
+      built_nodes = {}
+      nodes.each_with_index do |s, i|
+        id = "#{@nodes.size + 1}".to_sym
+        name = s.keys.first
+        ports = s[name][:ports] ? s[name][:ports] : []
+        url = s[name][:url] ? s[name][:url] : nil
+        label = build_node_label(name: name, ports: ports)
+        type = s[name][:type] ? s[name][:type].to_sym : nil
+        node = {
+          id: id, name: name, label: label,
+          ports: ports, type: type, url: url
+        }
+        built_nodes.merge!(name => node)
+        @nodes.merge!(name => node)
+      end if nodes
+
+      layers = layer[layer_name][:layers]
+      built_layers = {}
+      layers.each_pair do |k, v|
+        built_layers.merge!(build_nodes(k => v))
+      end if layers
+      built_nodes = { layer_name => built_nodes, layers: built_layers }
+    end
+
+    def build_node_label(opt = {})
+      if opt[:ports].empty?
+        label = "<tr border='1'><td>#{opt[:name]}</td></tr>"
+      else
+        label = "<tr border='1'>"
+        opt[:ports].each_with_index do |p, j|
+          label << "<td border='1' port=\"p#{p.gsub('/', '')}\">#{p}</td>"
+        end
+        label << '</tr>'
+        label << "<tr border='1'><td border='1' colspan=\"#{opt[:ports].size}\">#{opt[:name]}</td></tr>"
+      end
+      "<table border='0'>#{label}</table>"
+    end
+
+    def create_connections
+      return if @source[:connections].nil?
+      seq = 0
+      @source[:connections].each do |c|
+        from_name, from_port  = c[:from].to_s.split(':')
+        to_name, to_port = c[:to].to_s.split(':')
+        from_id = @nodes[from_name.to_sym][:id]
+        to_id = @nodes[to_name.to_sym][:id]
+
+        from = from_port ? "#{from_id}:p#{from_port}" : from_id
+        to = to_port ? "#{to_id}:p#{to_port}" : to_id
+        line_style = override_style(:line, {}, :"#{c[:type]}")
+
+        @gv.edge "#{from}_#{to}_#{seq}".gsub('/', '').to_sym, line_style
+        seq += 1
+      end
+    end
+
+    def override_style(type, origin, style_type)
+
+      default =
+        case type
+        when :line
+          DEFAULT_LINE_STYLE
+        when :node
+          DEFAULT_NODE_STYLE
+        else
+          DEFAULT_STYLE
+        end
+      origin = {} unless origin
+      return default.merge(origin) unless style_type
+      style = @style[:types][style_type] if @style[:types]
+      style ||= {}
+      default.merge(origin).merge(style)
+    end
+  end
+end

data/lib/network_drawer/source.rb

@@ -0,0 +1,10 @@
+require 'json'
+
+module NetworkDrawer
+  # Replesent of source file
+  class Source
+    def self.read(file_name, type = :json)
+      JSON.parse(File.read(file_name), symbolize_names: true)
+    end
+  end
+end

data/lib/network_drawer/style.rb

@@ -0,0 +1,14 @@
+require 'json'
+
+module NetworkDrawer
+  # Replesent of style file
+  class Style
+    def self.read(file_name, type = :json)
+      if file_name
+        JSON.parse(File.read(file_name), symbolize_names: true)
+      else
+        {}
+      end
+    end
+  end
+end

data/lib/network_drawer/version.rb

@@ -0,0 +1,3 @@
+module NetworkDrawer
+  VERSION = '0.1.0'
+end

data/network_drawer.gemspec

@@ -0,0 +1,27 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'network_drawer/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'network_drawer'
+  spec.version       = NetworkDrawer::VERSION
+  spec.authors       = ['Hiroshi Ota']
+  spec.email         = ['otahi.pub@gmail.com']
+  spec.summary       = 'Network diagram drawer with json'
+  spec.description   = 'Network diagram drawer with json'
+  spec.homepage      = 'https://github.com/otahi/network_drawer'
+  spec.license       = 'MIT'
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ['lib']
+
+  spec.add_dependency 'gviz', '~> 0.3.4'
+
+  spec.add_development_dependency 'bundler', '~> 1.7'
+  spec.add_development_dependency 'rake', '~> 10.0'
+  spec.add_development_dependency 'rubocop', '0.24.1'
+  spec.add_development_dependency 'coveralls', '~> 0.7'
+  spec.add_development_dependency 'byebug', '~> 3.4.0'
+end

metadata

@@ -0,0 +1,147 @@
+--- !ruby/object:Gem::Specification
+name: network_drawer
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Hiroshi Ota
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-02-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: gviz
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.3.4
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.3.4
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rubocop
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.24.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.24.1
+- !ruby/object:Gem::Dependency
+  name: coveralls
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.7'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.7'
+- !ruby/object:Gem::Dependency
+  name: byebug
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.4.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.4.0
+description: Network diagram drawer with json
+email:
+- otahi.pub@gmail.com
+executables:
+- network_drawer
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/network_drawer
+- examples/simple.dot
+- examples/simple.json
+- examples/simple.png
+- examples/simple.svg
+- examples/simple_style.json
+- lib/network_drawer.rb
+- lib/network_drawer/cli.rb
+- lib/network_drawer/diagram.rb
+- lib/network_drawer/source.rb
+- lib/network_drawer/style.rb
+- lib/network_drawer/version.rb
+- network_drawer.gemspec
+homepage: https://github.com/otahi/network_drawer
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Network diagram drawer with json
+test_files: []