Optimize with CodeFlower Graphs

Network graphs are powerful visualizations of relationships within datasets. Nodes represent entities, and edges show connections between them. Applications range from social networks and infrastructure mapping to biological systems and cybersecurity analysis. Understanding network graph properties like centrality and clustering reveals valuable insights. Analyzing network graphs helps identify key players, vulnerabilities, and community structures. Tools and algorithms exist for creating, visualizing, and analyzing these graphs, providing crucial data-driven insights across many fields. From identifying influential figures to optimizing infrastructure, network graphs offer a versatile approach to complex data representation.


Economist GGPlot Excel Paul Tol Black And White Solarized Stata Tableau Wall Street CanvasXpress
library(canvasXpress)
nodes=read.table("https://www.canvasxpress.org/data/r/cX-uptime-nodes.txt", header=TRUE, sep="\t", quote="", fill=TRUE, check.names=FALSE, stringsAsFactors=FALSE)
edges=read.table("https://www.canvasxpress.org/data/r/cX-uptime-edges.txt", header=TRUE, sep="\t", quote="", fill=TRUE, check.names=FALSE, stringsAsFactors=FALSE)
canvasXpress(
nodeData=nodes,
edgeData=edges,
edgeColor="rgb(158,202,225)",
graphType="Network",
networkConvergenceThreshold=0.001,
useBarnesHutSimulation=TRUE
)
from canvasxpress.canvas import CanvasXpress
from canvasxpress.plot import show_in_browser

if __name__ == "__main__":
  # Define the chart with its data and configuration
  chart: CanvasXpress = CanvasXpress(
    render_to = "network33",
    data = {
      "edges": [
        {
          "id1": "Id0",
          "id2": "Id1"
        },
        {
          "id1": "Id1",
          "id2": "Id2"
        },
        {
          "id1": "Id2",
          "id2": "Id3"
        },
        {
          "id1": "Id3",
          "id2": "Id4"
        },
        {
          "id1": "Id4",
          "id2": "Id5"
        },
        {
          "id1": "Id4",
          "id2": "Id6"
        },
        {
          "id1": "Id4",
          "id2": "Id7"
        },
        {
          "id1": "Id3",
          "id2": "Id8"
        },
        {
          "id1": "Id8",
          "id2": "Id9"
        },
        {
          "id1": "Id8",
          "id2": "Id10"
        },
        {
          "id1": "Id8",
          "id2": "Id11"
        },
        {
          "id1": "Id8",
          "id2": "Id12"
        },
        {
          "id1": "Id8",
          "id2": "Id13"
        },
        {
          "id1": "Id8",
          "id2": "Id14"
        },
        {
          "id1": "Id8",
          "id2": "Id15"
        },
        {
          "id1": "Id15",
          "id2": "Id16"
        },
        {
          "id1": "Id15",
          "id2": "Id17"
        },
        {
          "id1": "Id8",
          "id2": "Id18"
        },
        {
          "id1": "Id8",
          "id2": "Id19"
        },
        {
          "id1": "Id8",
          "id2": "Id20"
        },
        {
          "id1": "Id8",
          "id2": "Id21"
        },
        {
          "id1": "Id8",
          "id2": "Id22"
        },
        {
          "id1": "Id8",
          "id2": "Id23"
        },
        {
          "id1": "Id8",
          "id2": "Id24"
        },
        {
          "id1": "Id2",
          "id2": "Id25"
        },
        {
          "id1": "Id1",
          "id2": "Id26"
        },
        {
          "id1": "Id26",
          "id2": "Id27"
        },
        {
          "id1": "Id27",
          "id2": "Id28"
        },
        {
          "id1": "Id27",
          "id2": "Id29"
        },
        {
          "id1": "Id27",
          "id2": "Id30"
        },
        {
          "id1": "Id26",
          "id2": "Id31"
        },
        {
          "id1": "Id0",
          "id2": "Id32"
        },
        {
          "id1": "Id32",
          "id2": "Id33"
        },
        {
          "id1": "Id32",
          "id2": "Id34"
        },
        {
          "id1": "Id32",
          "id2": "Id35"
        },
        {
          "id1": "Id32",
          "id2": "Id36"
        },
        {
          "id1": "Id36",
          "id2": "Id37"
        },
        {
          "id1": "Id36",
          "id2": "Id38"
        },
        {
          "id1": "Id36",
          "id2": "Id39"
        },
        {
          "id1": "Id36",
          "id2": "Id40"
        },
        {
          "id1": "Id36",
          "id2": "Id41"
        },
        {
          "id1": "Id32",
          "id2": "Id42"
        },
        {
          "id1": "Id32",
          "id2": "Id43"
        },
        {
          "id1": "Id32",
          "id2": "Id44"
        },
        {
          "id1": "Id0",
          "id2": "Id45"
        },
        {
          "id1": "Id45",
          "id2": "Id46"
        },
        {
          "id1": "Id45",
          "id2": "Id47"
        },
        {
          "id1": "Id45",
          "id2": "Id48"
        },
        {
          "id1": "Id48",
          "id2": "Id49"
        },
        {
          "id1": "Id45",
          "id2": "Id50"
        },
        {
          "id1": "Id45",
          "id2": "Id51"
        },
        {
          "id1": "Id45",
          "id2": "Id52"
        },
        {
          "id1": "Id45",
          "id2": "Id53"
        },
        {
          "id1": "Id45",
          "id2": "Id54"
        },
        {
          "id1": "Id45",
          "id2": "Id55"
        },
        {
          "id1": "Id45",
          "id2": "Id56"
        },
        {
          "id1": "Id45",
          "id2": "Id57"
        },
        {
          "id1": "Id45",
          "id2": "Id58"
        },
        {
          "id1": "Id45",
          "id2": "Id59"
        },
        {
          "id1": "Id0",
          "id2": "Id60"
        },
        {
          "id1": "Id60",
          "id2": "Id61"
        },
        {
          "id1": "Id61",
          "id2": "Id62"
        },
        {
          "id1": "Id0",
          "id2": "Id63"
        },
        {
          "id1": "Id63",
          "id2": "Id64"
        },
        {
          "id1": "Id63",
          "id2": "Id65"
        },
        {
          "id1": "Id63",
          "id2": "Id66"
        },
        {
          "id1": "Id63",
          "id2": "Id67"
        },
        {
          "id1": "Id63",
          "id2": "Id68"
        },
        {
          "id1": "Id0",
          "id2": "Id69"
        },
        {
          "id1": "Id69",
          "id2": "Id70"
        },
        {
          "id1": "Id70",
          "id2": "Id71"
        },
        {
          "id1": "Id69",
          "id2": "Id72"
        },
        {
          "id1": "Id72",
          "id2": "Id73"
        },
        {
          "id1": "Id0",
          "id2": "Id74"
        },
        {
          "id1": "Id0",
          "id2": "Id75"
        },
        {
          "id1": "Id75",
          "id2": "Id76"
        },
        {
          "id1": "Id75",
          "id2": "Id77"
        },
        {
          "id1": "Id0",
          "id2": "Id78"
        },
        {
          "id1": "Id0",
          "id2": "Id79"
        },
        {
          "id1": "Id0",
          "id2": "Id80"
        }
      ],
      "nodes": [
        {
          "color": "rgb(247,118,109)",
          "height": "14.0",
          "id": "Id0",
          "name": "root",
          "width": "14.0"
        },
        {
          "color": "rgb(247,128,109)",
          "height": "14.0",
          "id": "Id1",
          "name": "app",
          "width": "14.0"
        },
        {
          "color": "rgb(247,139,109)",
          "height": "14.0",
          "id": "Id2",
          "name": "dashboard",
          "width": "14.0"
        },
        {
          "color": "rgb(247,148,109)",
          "height": "14.0",
          "id": "Id3",
          "name": "public",
          "width": "14.0"
        },
        {
          "color": "rgb(247,160,109)",
          "height": "14.0",
          "id": "Id4",
          "name": "stylesheets",
          "width": "14.0"
        },
        {
          "color": "rgb(247,169,109)",
          "height": "80.2",
          "id": "Id5",
          "language": "CSS",
          "name": "bootstrap.css",
          "width": "80.2"
        },
        {
          "color": "rgb(247,180,109)",
          "height": "36.6",
          "id": "Id6",
          "language": "CSS",
          "name": "style.css",
          "width": "36.6"
        },
        {
          "color": "rgb(247,189,109)",
          "height": "8.7",
          "id": "Id7",
          "language": "CSS",
          "name": "jquery.tagsinput.css",
          "width": "8.7"
        },
        {
          "color": "rgb(247,201,109)",
          "height": "14.0",
          "id": "Id8",
          "name": "javascripts",
          "width": "14.0"
        },
        {
          "color": "rgb(247,210,109)",
          "height": "30.1",
          "id": "Id9",
          "language": "Javascript",
          "name": "dateNavigation.js",
          "width": "30.1"
        },
        {
          "color": "rgb(247,219,109)",
          "height": "23.4",
          "id": "Id10",
          "language": "Javascript",
          "name": "dateInterval.js",
          "width": "23.4"
        },
        {
          "color": "rgb(247,231,109)",
          "height": "20.0",
          "id": "Id11",
          "language": "Javascript",
          "name": "bootstrap-affix.js",
          "width": "20.0"
        },
        {
          "color": "rgb(247,240,109)",
          "height": "19.4",
          "id": "Id12",
          "language": "Javascript",
          "name": "bootstrap-button.js",
          "width": "19.4"
        },
        {
          "color": "rgb(242,247,109)",
          "height": "18.7",
          "id": "Id13",
          "language": "Javascript",
          "name": "uptimeBar.js",
          "width": "18.7"
        },
        {
          "color": "rgb(233,247,109)",
          "height": "15.8",
          "id": "Id14",
          "language": "Javascript",
          "name": "checkState.js",
          "width": "15.8"
        },
        {
          "color": "rgb(222,247,109)",
          "height": "14.0",
          "id": "Id15",
          "name": "flashcanvas",
          "width": "14.0"
        },
        {
          "color": "rgb(212,247,109)",
          "height": "14.9",
          "id": "Id16",
          "language": "Javascript",
          "name": "canvas2png.js",
          "width": "14.9"
        },
        {
          "color": "rgb(201,247,109)",
          "height": "13.5",
          "id": "Id17",
          "language": "Javascript",
          "name": "flashcanvas.js",
          "width": "13.5"
        },
        {
          "color": "rgb(192,247,109)",
          "height": "14.7",
          "id": "Id18",
          "language": "Javascript",
          "name": "statNavigation.js",
          "width": "14.7"
        },
        {
          "color": "rgb(183,247,109)",
          "height": "6.2",
          "id": "Id19",
          "language": "Javascript",
          "name": "flotr2.min.js",
          "width": "6.2"
        },
        {
          "color": "rgb(171,247,109)",
          "height": "6.2",
          "id": "Id20",
          "language": "Javascript",
          "name": "jquery.min.js",
          "width": "6.2"
        },
        {
          "color": "rgb(162,247,109)",
          "height": "4.0",
          "id": "Id21",
          "language": "Javascript",
          "name": "jquery.tablesorter.min.js",
          "width": "4.0"
        },
        {
          "color": "rgb(150,247,109)",
          "height": "4.0",
          "id": "Id22",
          "language": "Javascript",
          "name": "moment.min.js",
          "width": "4.0"
        },
        {
          "color": "rgb(141,247,109)",
          "height": "4.0",
          "id": "Id23",
          "language": "Javascript",
          "name": "ejs.min.js",
          "width": "4.0"
        },
        {
          "color": "rgb(130,247,109)",
          "height": "4.0",
          "id": "Id24",
          "language": "Javascript",
          "name": "jquery.tagsinput.min.js",
          "width": "4.0"
        },
        {
          "color": "rgb(121,247,109)",
          "height": "27.7",
          "id": "Id25",
          "language": "Javascript",
          "name": "app.js",
          "width": "27.7"
        },
        {
          "color": "rgb(109,247,109)",
          "height": "14.0",
          "id": "Id26",
          "name": "api",
          "width": "14.0"
        },
        {
          "color": "rgb(109,247,118)",
          "height": "14.0",
          "id": "Id27",
          "name": "routes",
          "width": "14.0"
        },
        {
          "color": "rgb(109,247,128)",
          "height": "24.7",
          "id": "Id28",
          "language": "Javascript",
          "name": "check.js",
          "width": "24.7"
        },
        {
          "color": "rgb(109,247,139)",
          "height": "21.6",
          "id": "Id29",
          "language": "Javascript",
          "name": "ping.js",
          "width": "21.6"
        },
        {
          "color": "rgb(109,247,148)",
          "height": "21.1",
          "id": "Id30",
          "language": "Javascript",
          "name": "tag.js",
          "width": "21.1"
        },
        {
          "color": "rgb(109,247,160)",
          "height": "20.4",
          "id": "Id31",
          "language": "Javascript",
          "name": "app.js",
          "width": "20.4"
        },
        {
          "color": "rgb(109,247,169)",
          "height": "14.0",
          "id": "Id32",
          "name": "lib",
          "width": "14.0"
        },
        {
          "color": "rgb(109,247,180)",
          "height": "47.1",
          "id": "Id33",
          "language": "Javascript",
          "name": "qosAggregator.js",
          "width": "47.1"
        },
        {
          "color": "rgb(109,247,189)",
          "height": "29.2",
          "id": "Id34",
          "language": "Javascript",
          "name": "intervalBuilder.js",
          "width": "29.2"
        },
        {
          "color": "rgb(109,247,201)",
          "height": "26.1",
          "id": "Id35",
          "language": "Javascript",
          "name": "monitor.js",
          "width": "26.1"
        },
        {
          "color": "rgb(109,247,210)",
          "height": "14.0",
          "id": "Id36",
          "name": "pollers",
          "width": "14.0"
        },
        {
          "color": "rgb(109,247,219)",
          "height": "23.2",
          "id": "Id37",
          "language": "Javascript",
          "name": "https.js",
          "width": "23.2"
        },
        {
          "color": "rgb(109,247,231)",
          "height": "23.1",
          "id": "Id38",
          "language": "Javascript",
          "name": "http.js",
          "width": "23.1"
        },
        {
          "color": "rgb(109,247,240)",
          "height": "19.6",
          "id": "Id39",
          "language": "Javascript",
          "name": "icmp.js",
          "width": "19.6"
        },
        {
          "color": "rgb(109,242,247)",
          "height": "18.7",
          "id": "Id40",
          "language": "Javascript",
          "name": "udp.js",
          "width": "18.7"
        },
        {
          "color": "rgb(109,233,247)",
          "height": "16.2",
          "id": "Id41",
          "language": "Javascript",
          "name": "base.js",
          "width": "16.2"
        },
        {
          "color": "rgb(109,222,247)",
          "height": "20.7",
          "id": "Id42",
          "language": "Javascript",
          "name": "proxy.js",
          "width": "20.7"
        },
        {
          "color": "rgb(109,212,247)",
          "height": "17.5",
          "id": "Id43",
          "language": "Javascript",
          "name": "analyzer.js",
          "width": "17.5"
        },
        {
          "color": "rgb(109,201,247)",
          "height": "11.8",
          "id": "Id44",
          "language": "Javascript",
          "name": "timer.js",
          "width": "11.8"
        },
        {
          "color": "rgb(109,192,247)",
          "height": "14.0",
          "id": "Id45",
          "name": "models",
          "width": "14.0"
        },
        {
          "color": "rgb(109,183,247)",
          "height": "39.8",
          "id": "Id46",
          "language": "Javascript",
          "name": "check.js",
          "width": "39.8"
        },
        {
          "color": "rgb(109,171,247)",
          "height": "31.6",
          "id": "Id47",
          "language": "Javascript",
          "name": "tag.js",
          "width": "31.6"
        },
        {
          "color": "rgb(109,162,247)",
          "height": "14.0",
          "id": "Id48",
          "name": "migrations",
          "width": "14.0"
        },
        {
          "color": "rgb(109,150,247)",
          "height": "28.6",
          "id": "Id49",
          "language": "Javascript",
          "name": "upgrade2to3.js",
          "width": "28.6"
        },
        {
          "color": "rgb(109,141,247)",
          "height": "20.0",
          "id": "Id50",
          "language": "Javascript",
          "name": "checkEvent.js",
          "width": "20.0"
        },
        {
          "color": "rgb(109,130,247)",
          "height": "19.3",
          "id": "Id51",
          "language": "Javascript",
          "name": "ping.js",
          "width": "19.3"
        },
        {
          "color": "rgb(109,121,247)",
          "height": "12.1",
          "id": "Id52",
          "language": "Javascript",
          "name": "checkYearlyStat.js",
          "width": "12.1"
        },
        {
          "color": "rgb(109,109,247)",
          "height": "12.1",
          "id": "Id53",
          "language": "Javascript",
          "name": "tagYearlyStat.js",
          "width": "12.1"
        },
        {
          "color": "rgb(118,109,247)",
          "height": "12.1",
          "id": "Id54",
          "language": "Javascript",
          "name": "checkMonthlyStat.js",
          "width": "12.1"
        },
        {
          "color": "rgb(128,109,247)",
          "height": "12.1",
          "id": "Id55",
          "language": "Javascript",
          "name": "tagMonthlyStat.js",
          "width": "12.1"
        },
        {
          "color": "rgb(139,109,247)",
          "height": "11.8",
          "id": "Id56",
          "language": "Javascript",
          "name": "tagDailyStat.js",
          "width": "11.8"
        },
        {
          "color": "rgb(148,109,247)",
          "height": "11.8",
          "id": "Id57",
          "language": "Javascript",
          "name": "checkHourlyStat.js",
          "width": "11.8"
        },
        {
          "color": "rgb(160,109,247)",
          "height": "11.8",
          "id": "Id58",
          "language": "Javascript",
          "name": "tagHourlyStat.js",
          "width": "11.8"
        },
        {
          "color": "rgb(169,109,247)",
          "height": "11.8",
          "id": "Id59",
          "language": "Javascript",
          "name": "checkDailyStat.js",
          "width": "11.8"
        },
        {
          "color": "rgb(180,109,247)",
          "height": "14.0",
          "id": "Id60",
          "name": "test",
          "width": "14.0"
        },
        {
          "color": "rgb(189,109,247)",
          "height": "14.0",
          "id": "Id61",
          "name": "lib",
          "width": "14.0"
        },
        {
          "color": "rgb(201,109,247)",
          "height": "28.3",
          "id": "Id62",
          "language": "Javascript",
          "name": "test_intervalBuilder.js",
          "width": "28.3"
        },
        {
          "color": "rgb(210,109,247)",
          "height": "14.0",
          "id": "Id63",
          "name": "fixtures",
          "width": "14.0"
        },
        {
          "color": "rgb(219,109,247)",
          "height": "26.9",
          "id": "Id64",
          "language": "Javascript",
          "name": "computeStats.js",
          "width": "26.9"
        },
        {
          "color": "rgb(231,109,247)",
          "height": "21.9",
          "id": "Id65",
          "language": "Javascript",
          "name": "populate.js",
          "width": "21.9"
        },
        {
          "color": "rgb(240,109,247)",
          "height": "15.2",
          "id": "Id66",
          "language": "Javascript",
          "name": "fixEvents.js",
          "width": "15.2"
        },
        {
          "color": "rgb(247,109,242)",
          "height": "13.0",
          "id": "Id67",
          "language": "Javascript",
          "name": "dummyTargetUdp.js",
          "width": "13.0"
        },
        {
          "color": "rgb(247,109,233)",
          "height": "11.2",
          "id": "Id68",
          "language": "Javascript",
          "name": "dummyTarget.js",
          "width": "11.2"
        },
        {
          "color": "rgb(247,109,222)",
          "height": "14.0",
          "id": "Id69",
          "name": "plugins",
          "width": "14.0"
        },
        {
          "color": "rgb(247,109,212)",
          "height": "14.0",
          "id": "Id70",
          "name": "console",
          "width": "14.0"
        },
        {
          "color": "rgb(247,109,201)",
          "height": "23.8",
          "id": "Id71",
          "language": "Javascript",
          "name": "index.js",
          "width": "23.8"
        },
        {
          "color": "rgb(247,109,192)",
          "height": "14.0",
          "id": "Id72",
          "name": "email",
          "width": "14.0"
        },
        {
          "color": "rgb(247,109,183)",
          "height": "16.8",
          "id": "Id73",
          "language": "Javascript",
          "name": "index.js",
          "width": "16.8"
        },
        {
          "color": "rgb(247,109,171)",
          "height": "22.5",
          "id": "Id74",
          "language": "Javascript",
          "name": "app.js",
          "width": "22.5"
        },
        {
          "color": "rgb(247,109,162)",
          "height": "14.0",
          "id": "Id75",
          "name": "config",
          "width": "14.0"
        },
        {
          "color": "rgb(247,109,150)",
          "height": "16.8",
          "id": "Id76",
          "language": "YAML",
          "name": "default.yaml",
          "width": "16.8"
        },
        {
          "color": "rgb(247,109,141)",
          "height": "7.0",
          "id": "Id77",
          "language": "YAML",
          "name": "test.yaml",
          "width": "7.0"
        },
        {
          "color": "rgb(247,109,130)",
          "height": "16.0",
          "id": "Id78",
          "language": "Javascript",
          "name": "bootstrap.js",
          "width": "16.0"
        },
        {
          "color": "rgb(247,109,121)",
          "height": "7.0",
          "id": "Id79",
          "language": "Javascript",
          "name": "monitor.js",
          "width": "7.0"
        },
        {
          "color": "rgb(247,109,109)",
          "height": "6.2",
          "id": "Id80",
          "language": "make",
          "name": "makefile",
          "width": "6.2"
        }
      ]
    },
    config = {
      "edgeColor": "rgb(158,202,225)",
      "graphType": "Network",
      "networkConvergenceThreshold": 0.001,
      "useBarnesHutSimulation": True
    },
    width = 600,
    height = 600
  )

  # Display the chart in its own Web page
  show_in_browser(chart)
Run this notebook: Open in Binder
from canvasxpress.canvas import CanvasXpress
from canvasxpress.plot import graph

graph(
  CanvasXpress(
    render_to = "network33",
    data = {
      "edges": [
        {
          "id1": "Id0",
          "id2": "Id1"
        },
        {
          "id1": "Id1",
          "id2": "Id2"
        },
        {
          "id1": "Id2",
          "id2": "Id3"
        },
        {
          "id1": "Id3",
          "id2": "Id4"
        },
        {
          "id1": "Id4",
          "id2": "Id5"
        },
        {
          "id1": "Id4",
          "id2": "Id6"
        },
        {
          "id1": "Id4",
          "id2": "Id7"
        },
        {
          "id1": "Id3",
          "id2": "Id8"
        },
        {
          "id1": "Id8",
          "id2": "Id9"
        },
        {
          "id1": "Id8",
          "id2": "Id10"
        },
        {
          "id1": "Id8",
          "id2": "Id11"
        },
        {
          "id1": "Id8",
          "id2": "Id12"
        },
        {
          "id1": "Id8",
          "id2": "Id13"
        },
        {
          "id1": "Id8",
          "id2": "Id14"
        },
        {
          "id1": "Id8",
          "id2": "Id15"
        },
        {
          "id1": "Id15",
          "id2": "Id16"
        },
        {
          "id1": "Id15",
          "id2": "Id17"
        },
        {
          "id1": "Id8",
          "id2": "Id18"
        },
        {
          "id1": "Id8",
          "id2": "Id19"
        },
        {
          "id1": "Id8",
          "id2": "Id20"
        },
        {
          "id1": "Id8",
          "id2": "Id21"
        },
        {
          "id1": "Id8",
          "id2": "Id22"
        },
        {
          "id1": "Id8",
          "id2": "Id23"
        },
        {
          "id1": "Id8",
          "id2": "Id24"
        },
        {
          "id1": "Id2",
          "id2": "Id25"
        },
        {
          "id1": "Id1",
          "id2": "Id26"
        },
        {
          "id1": "Id26",
          "id2": "Id27"
        },
        {
          "id1": "Id27",
          "id2": "Id28"
        },
        {
          "id1": "Id27",
          "id2": "Id29"
        },
        {
          "id1": "Id27",
          "id2": "Id30"
        },
        {
          "id1": "Id26",
          "id2": "Id31"
        },
        {
          "id1": "Id0",
          "id2": "Id32"
        },
        {
          "id1": "Id32",
          "id2": "Id33"
        },
        {
          "id1": "Id32",
          "id2": "Id34"
        },
        {
          "id1": "Id32",
          "id2": "Id35"
        },
        {
          "id1": "Id32",
          "id2": "Id36"
        },
        {
          "id1": "Id36",
          "id2": "Id37"
        },
        {
          "id1": "Id36",
          "id2": "Id38"
        },
        {
          "id1": "Id36",
          "id2": "Id39"
        },
        {
          "id1": "Id36",
          "id2": "Id40"
        },
        {
          "id1": "Id36",
          "id2": "Id41"
        },
        {
          "id1": "Id32",
          "id2": "Id42"
        },
        {
          "id1": "Id32",
          "id2": "Id43"
        },
        {
          "id1": "Id32",
          "id2": "Id44"
        },
        {
          "id1": "Id0",
          "id2": "Id45"
        },
        {
          "id1": "Id45",
          "id2": "Id46"
        },
        {
          "id1": "Id45",
          "id2": "Id47"
        },
        {
          "id1": "Id45",
          "id2": "Id48"
        },
        {
          "id1": "Id48",
          "id2": "Id49"
        },
        {
          "id1": "Id45",
          "id2": "Id50"
        },
        {
          "id1": "Id45",
          "id2": "Id51"
        },
        {
          "id1": "Id45",
          "id2": "Id52"
        },
        {
          "id1": "Id45",
          "id2": "Id53"
        },
        {
          "id1": "Id45",
          "id2": "Id54"
        },
        {
          "id1": "Id45",
          "id2": "Id55"
        },
        {
          "id1": "Id45",
          "id2": "Id56"
        },
        {
          "id1": "Id45",
          "id2": "Id57"
        },
        {
          "id1": "Id45",
          "id2": "Id58"
        },
        {
          "id1": "Id45",
          "id2": "Id59"
        },
        {
          "id1": "Id0",
          "id2": "Id60"
        },
        {
          "id1": "Id60",
          "id2": "Id61"
        },
        {
          "id1": "Id61",
          "id2": "Id62"
        },
        {
          "id1": "Id0",
          "id2": "Id63"
        },
        {
          "id1": "Id63",
          "id2": "Id64"
        },
        {
          "id1": "Id63",
          "id2": "Id65"
        },
        {
          "id1": "Id63",
          "id2": "Id66"
        },
        {
          "id1": "Id63",
          "id2": "Id67"
        },
        {
          "id1": "Id63",
          "id2": "Id68"
        },
        {
          "id1": "Id0",
          "id2": "Id69"
        },
        {
          "id1": "Id69",
          "id2": "Id70"
        },
        {
          "id1": "Id70",
          "id2": "Id71"
        },
        {
          "id1": "Id69",
          "id2": "Id72"
        },
        {
          "id1": "Id72",
          "id2": "Id73"
        },
        {
          "id1": "Id0",
          "id2": "Id74"
        },
        {
          "id1": "Id0",
          "id2": "Id75"
        },
        {
          "id1": "Id75",
          "id2": "Id76"
        },
        {
          "id1": "Id75",
          "id2": "Id77"
        },
        {
          "id1": "Id0",
          "id2": "Id78"
        },
        {
          "id1": "Id0",
          "id2": "Id79"
        },
        {
          "id1": "Id0",
          "id2": "Id80"
        }
      ],
      "nodes": [
        {
          "color": "rgb(247,118,109)",
          "height": "14.0",
          "id": "Id0",
          "name": "root",
          "width": "14.0"
        },
        {
          "color": "rgb(247,128,109)",
          "height": "14.0",
          "id": "Id1",
          "name": "app",
          "width": "14.0"
        },
        {
          "color": "rgb(247,139,109)",
          "height": "14.0",
          "id": "Id2",
          "name": "dashboard",
          "width": "14.0"
        },
        {
          "color": "rgb(247,148,109)",
          "height": "14.0",
          "id": "Id3",
          "name": "public",
          "width": "14.0"
        },
        {
          "color": "rgb(247,160,109)",
          "height": "14.0",
          "id": "Id4",
          "name": "stylesheets",
          "width": "14.0"
        },
        {
          "color": "rgb(247,169,109)",
          "height": "80.2",
          "id": "Id5",
          "language": "CSS",
          "name": "bootstrap.css",
          "width": "80.2"
        },
        {
          "color": "rgb(247,180,109)",
          "height": "36.6",
          "id": "Id6",
          "language": "CSS",
          "name": "style.css",
          "width": "36.6"
        },
        {
          "color": "rgb(247,189,109)",
          "height": "8.7",
          "id": "Id7",
          "language": "CSS",
          "name": "jquery.tagsinput.css",
          "width": "8.7"
        },
        {
          "color": "rgb(247,201,109)",
          "height": "14.0",
          "id": "Id8",
          "name": "javascripts",
          "width": "14.0"
        },
        {
          "color": "rgb(247,210,109)",
          "height": "30.1",
          "id": "Id9",
          "language": "Javascript",
          "name": "dateNavigation.js",
          "width": "30.1"
        },
        {
          "color": "rgb(247,219,109)",
          "height": "23.4",
          "id": "Id10",
          "language": "Javascript",
          "name": "dateInterval.js",
          "width": "23.4"
        },
        {
          "color": "rgb(247,231,109)",
          "height": "20.0",
          "id": "Id11",
          "language": "Javascript",
          "name": "bootstrap-affix.js",
          "width": "20.0"
        },
        {
          "color": "rgb(247,240,109)",
          "height": "19.4",
          "id": "Id12",
          "language": "Javascript",
          "name": "bootstrap-button.js",
          "width": "19.4"
        },
        {
          "color": "rgb(242,247,109)",
          "height": "18.7",
          "id": "Id13",
          "language": "Javascript",
          "name": "uptimeBar.js",
          "width": "18.7"
        },
        {
          "color": "rgb(233,247,109)",
          "height": "15.8",
          "id": "Id14",
          "language": "Javascript",
          "name": "checkState.js",
          "width": "15.8"
        },
        {
          "color": "rgb(222,247,109)",
          "height": "14.0",
          "id": "Id15",
          "name": "flashcanvas",
          "width": "14.0"
        },
        {
          "color": "rgb(212,247,109)",
          "height": "14.9",
          "id": "Id16",
          "language": "Javascript",
          "name": "canvas2png.js",
          "width": "14.9"
        },
        {
          "color": "rgb(201,247,109)",
          "height": "13.5",
          "id": "Id17",
          "language": "Javascript",
          "name": "flashcanvas.js",
          "width": "13.5"
        },
        {
          "color": "rgb(192,247,109)",
          "height": "14.7",
          "id": "Id18",
          "language": "Javascript",
          "name": "statNavigation.js",
          "width": "14.7"
        },
        {
          "color": "rgb(183,247,109)",
          "height": "6.2",
          "id": "Id19",
          "language": "Javascript",
          "name": "flotr2.min.js",
          "width": "6.2"
        },
        {
          "color": "rgb(171,247,109)",
          "height": "6.2",
          "id": "Id20",
          "language": "Javascript",
          "name": "jquery.min.js",
          "width": "6.2"
        },
        {
          "color": "rgb(162,247,109)",
          "height": "4.0",
          "id": "Id21",
          "language": "Javascript",
          "name": "jquery.tablesorter.min.js",
          "width": "4.0"
        },
        {
          "color": "rgb(150,247,109)",
          "height": "4.0",
          "id": "Id22",
          "language": "Javascript",
          "name": "moment.min.js",
          "width": "4.0"
        },
        {
          "color": "rgb(141,247,109)",
          "height": "4.0",
          "id": "Id23",
          "language": "Javascript",
          "name": "ejs.min.js",
          "width": "4.0"
        },
        {
          "color": "rgb(130,247,109)",
          "height": "4.0",
          "id": "Id24",
          "language": "Javascript",
          "name": "jquery.tagsinput.min.js",
          "width": "4.0"
        },
        {
          "color": "rgb(121,247,109)",
          "height": "27.7",
          "id": "Id25",
          "language": "Javascript",
          "name": "app.js",
          "width": "27.7"
        },
        {
          "color": "rgb(109,247,109)",
          "height": "14.0",
          "id": "Id26",
          "name": "api",
          "width": "14.0"
        },
        {
          "color": "rgb(109,247,118)",
          "height": "14.0",
          "id": "Id27",
          "name": "routes",
          "width": "14.0"
        },
        {
          "color": "rgb(109,247,128)",
          "height": "24.7",
          "id": "Id28",
          "language": "Javascript",
          "name": "check.js",
          "width": "24.7"
        },
        {
          "color": "rgb(109,247,139)",
          "height": "21.6",
          "id": "Id29",
          "language": "Javascript",
          "name": "ping.js",
          "width": "21.6"
        },
        {
          "color": "rgb(109,247,148)",
          "height": "21.1",
          "id": "Id30",
          "language": "Javascript",
          "name": "tag.js",
          "width": "21.1"
        },
        {
          "color": "rgb(109,247,160)",
          "height": "20.4",
          "id": "Id31",
          "language": "Javascript",
          "name": "app.js",
          "width": "20.4"
        },
        {
          "color": "rgb(109,247,169)",
          "height": "14.0",
          "id": "Id32",
          "name": "lib",
          "width": "14.0"
        },
        {
          "color": "rgb(109,247,180)",
          "height": "47.1",
          "id": "Id33",
          "language": "Javascript",
          "name": "qosAggregator.js",
          "width": "47.1"
        },
        {
          "color": "rgb(109,247,189)",
          "height": "29.2",
          "id": "Id34",
          "language": "Javascript",
          "name": "intervalBuilder.js",
          "width": "29.2"
        },
        {
          "color": "rgb(109,247,201)",
          "height": "26.1",
          "id": "Id35",
          "language": "Javascript",
          "name": "monitor.js",
          "width": "26.1"
        },
        {
          "color": "rgb(109,247,210)",
          "height": "14.0",
          "id": "Id36",
          "name": "pollers",
          "width": "14.0"
        },
        {
          "color": "rgb(109,247,219)",
          "height": "23.2",
          "id": "Id37",
          "language": "Javascript",
          "name": "https.js",
          "width": "23.2"
        },
        {
          "color": "rgb(109,247,231)",
          "height": "23.1",
          "id": "Id38",
          "language": "Javascript",
          "name": "http.js",
          "width": "23.1"
        },
        {
          "color": "rgb(109,247,240)",
          "height": "19.6",
          "id": "Id39",
          "language": "Javascript",
          "name": "icmp.js",
          "width": "19.6"
        },
        {
          "color": "rgb(109,242,247)",
          "height": "18.7",
          "id": "Id40",
          "language": "Javascript",
          "name": "udp.js",
          "width": "18.7"
        },
        {
          "color": "rgb(109,233,247)",
          "height": "16.2",
          "id": "Id41",
          "language": "Javascript",
          "name": "base.js",
          "width": "16.2"
        },
        {
          "color": "rgb(109,222,247)",
          "height": "20.7",
          "id": "Id42",
          "language": "Javascript",
          "name": "proxy.js",
          "width": "20.7"
        },
        {
          "color": "rgb(109,212,247)",
          "height": "17.5",
          "id": "Id43",
          "language": "Javascript",
          "name": "analyzer.js",
          "width": "17.5"
        },
        {
          "color": "rgb(109,201,247)",
          "height": "11.8",
          "id": "Id44",
          "language": "Javascript",
          "name": "timer.js",
          "width": "11.8"
        },
        {
          "color": "rgb(109,192,247)",
          "height": "14.0",
          "id": "Id45",
          "name": "models",
          "width": "14.0"
        },
        {
          "color": "rgb(109,183,247)",
          "height": "39.8",
          "id": "Id46",
          "language": "Javascript",
          "name": "check.js",
          "width": "39.8"
        },
        {
          "color": "rgb(109,171,247)",
          "height": "31.6",
          "id": "Id47",
          "language": "Javascript",
          "name": "tag.js",
          "width": "31.6"
        },
        {
          "color": "rgb(109,162,247)",
          "height": "14.0",
          "id": "Id48",
          "name": "migrations",
          "width": "14.0"
        },
        {
          "color": "rgb(109,150,247)",
          "height": "28.6",
          "id": "Id49",
          "language": "Javascript",
          "name": "upgrade2to3.js",
          "width": "28.6"
        },
        {
          "color": "rgb(109,141,247)",
          "height": "20.0",
          "id": "Id50",
          "language": "Javascript",
          "name": "checkEvent.js",
          "width": "20.0"
        },
        {
          "color": "rgb(109,130,247)",
          "height": "19.3",
          "id": "Id51",
          "language": "Javascript",
          "name": "ping.js",
          "width": "19.3"
        },
        {
          "color": "rgb(109,121,247)",
          "height": "12.1",
          "id": "Id52",
          "language": "Javascript",
          "name": "checkYearlyStat.js",
          "width": "12.1"
        },
        {
          "color": "rgb(109,109,247)",
          "height": "12.1",
          "id": "Id53",
          "language": "Javascript",
          "name": "tagYearlyStat.js",
          "width": "12.1"
        },
        {
          "color": "rgb(118,109,247)",
          "height": "12.1",
          "id": "Id54",
          "language": "Javascript",
          "name": "checkMonthlyStat.js",
          "width": "12.1"
        },
        {
          "color": "rgb(128,109,247)",
          "height": "12.1",
          "id": "Id55",
          "language": "Javascript",
          "name": "tagMonthlyStat.js",
          "width": "12.1"
        },
        {
          "color": "rgb(139,109,247)",
          "height": "11.8",
          "id": "Id56",
          "language": "Javascript",
          "name": "tagDailyStat.js",
          "width": "11.8"
        },
        {
          "color": "rgb(148,109,247)",
          "height": "11.8",
          "id": "Id57",
          "language": "Javascript",
          "name": "checkHourlyStat.js",
          "width": "11.8"
        },
        {
          "color": "rgb(160,109,247)",
          "height": "11.8",
          "id": "Id58",
          "language": "Javascript",
          "name": "tagHourlyStat.js",
          "width": "11.8"
        },
        {
          "color": "rgb(169,109,247)",
          "height": "11.8",
          "id": "Id59",
          "language": "Javascript",
          "name": "checkDailyStat.js",
          "width": "11.8"
        },
        {
          "color": "rgb(180,109,247)",
          "height": "14.0",
          "id": "Id60",
          "name": "test",
          "width": "14.0"
        },
        {
          "color": "rgb(189,109,247)",
          "height": "14.0",
          "id": "Id61",
          "name": "lib",
          "width": "14.0"
        },
        {
          "color": "rgb(201,109,247)",
          "height": "28.3",
          "id": "Id62",
          "language": "Javascript",
          "name": "test_intervalBuilder.js",
          "width": "28.3"
        },
        {
          "color": "rgb(210,109,247)",
          "height": "14.0",
          "id": "Id63",
          "name": "fixtures",
          "width": "14.0"
        },
        {
          "color": "rgb(219,109,247)",
          "height": "26.9",
          "id": "Id64",
          "language": "Javascript",
          "name": "computeStats.js",
          "width": "26.9"
        },
        {
          "color": "rgb(231,109,247)",
          "height": "21.9",
          "id": "Id65",
          "language": "Javascript",
          "name": "populate.js",
          "width": "21.9"
        },
        {
          "color": "rgb(240,109,247)",
          "height": "15.2",
          "id": "Id66",
          "language": "Javascript",
          "name": "fixEvents.js",
          "width": "15.2"
        },
        {
          "color": "rgb(247,109,242)",
          "height": "13.0",
          "id": "Id67",
          "language": "Javascript",
          "name": "dummyTargetUdp.js",
          "width": "13.0"
        },
        {
          "color": "rgb(247,109,233)",
          "height": "11.2",
          "id": "Id68",
          "language": "Javascript",
          "name": "dummyTarget.js",
          "width": "11.2"
        },
        {
          "color": "rgb(247,109,222)",
          "height": "14.0",
          "id": "Id69",
          "name": "plugins",
          "width": "14.0"
        },
        {
          "color": "rgb(247,109,212)",
          "height": "14.0",
          "id": "Id70",
          "name": "console",
          "width": "14.0"
        },
        {
          "color": "rgb(247,109,201)",
          "height": "23.8",
          "id": "Id71",
          "language": "Javascript",
          "name": "index.js",
          "width": "23.8"
        },
        {
          "color": "rgb(247,109,192)",
          "height": "14.0",
          "id": "Id72",
          "name": "email",
          "width": "14.0"
        },
        {
          "color": "rgb(247,109,183)",
          "height": "16.8",
          "id": "Id73",
          "language": "Javascript",
          "name": "index.js",
          "width": "16.8"
        },
        {
          "color": "rgb(247,109,171)",
          "height": "22.5",
          "id": "Id74",
          "language": "Javascript",
          "name": "app.js",
          "width": "22.5"
        },
        {
          "color": "rgb(247,109,162)",
          "height": "14.0",
          "id": "Id75",
          "name": "config",
          "width": "14.0"
        },
        {
          "color": "rgb(247,109,150)",
          "height": "16.8",
          "id": "Id76",
          "language": "YAML",
          "name": "default.yaml",
          "width": "16.8"
        },
        {
          "color": "rgb(247,109,141)",
          "height": "7.0",
          "id": "Id77",
          "language": "YAML",
          "name": "test.yaml",
          "width": "7.0"
        },
        {
          "color": "rgb(247,109,130)",
          "height": "16.0",
          "id": "Id78",
          "language": "Javascript",
          "name": "bootstrap.js",
          "width": "16.0"
        },
        {
          "color": "rgb(247,109,121)",
          "height": "7.0",
          "id": "Id79",
          "language": "Javascript",
          "name": "monitor.js",
          "width": "7.0"
        },
        {
          "color": "rgb(247,109,109)",
          "height": "6.2",
          "id": "Id80",
          "language": "make",
          "name": "makefile",
          "width": "6.2"
        }
      ]
    },
    config = {
      "edgeColor": "rgb(158,202,225)",
      "graphType": "Network",
      "networkConvergenceThreshold": 0.001,
      "useBarnesHutSimulation": True
    },
    width = 600,
    height = 600
  )
)
using CanvasXpress

canvasxpress(Dict(
  "edges" => [
    Dict(
      "id1" => "Id0",
      "id2" => "Id1"
    ),
    Dict(
      "id1" => "Id1",
      "id2" => "Id2"
    ),
    Dict(
      "id1" => "Id2",
      "id2" => "Id3"
    ),
    Dict(
      "id1" => "Id3",
      "id2" => "Id4"
    ),
    Dict(
      "id1" => "Id4",
      "id2" => "Id5"
    ),
    Dict(
      "id1" => "Id4",
      "id2" => "Id6"
    ),
    Dict(
      "id1" => "Id4",
      "id2" => "Id7"
    ),
    Dict(
      "id1" => "Id3",
      "id2" => "Id8"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id9"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id10"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id11"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id12"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id13"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id14"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id15"
    ),
    Dict(
      "id1" => "Id15",
      "id2" => "Id16"
    ),
    Dict(
      "id1" => "Id15",
      "id2" => "Id17"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id18"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id19"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id20"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id21"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id22"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id23"
    ),
    Dict(
      "id1" => "Id8",
      "id2" => "Id24"
    ),
    Dict(
      "id1" => "Id2",
      "id2" => "Id25"
    ),
    Dict(
      "id1" => "Id1",
      "id2" => "Id26"
    ),
    Dict(
      "id1" => "Id26",
      "id2" => "Id27"
    ),
    Dict(
      "id1" => "Id27",
      "id2" => "Id28"
    ),
    Dict(
      "id1" => "Id27",
      "id2" => "Id29"
    ),
    Dict(
      "id1" => "Id27",
      "id2" => "Id30"
    ),
    Dict(
      "id1" => "Id26",
      "id2" => "Id31"
    ),
    Dict(
      "id1" => "Id0",
      "id2" => "Id32"
    ),
    Dict(
      "id1" => "Id32",
      "id2" => "Id33"
    ),
    Dict(
      "id1" => "Id32",
      "id2" => "Id34"
    ),
    Dict(
      "id1" => "Id32",
      "id2" => "Id35"
    ),
    Dict(
      "id1" => "Id32",
      "id2" => "Id36"
    ),
    Dict(
      "id1" => "Id36",
      "id2" => "Id37"
    ),
    Dict(
      "id1" => "Id36",
      "id2" => "Id38"
    ),
    Dict(
      "id1" => "Id36",
      "id2" => "Id39"
    ),
    Dict(
      "id1" => "Id36",
      "id2" => "Id40"
    ),
    Dict(
      "id1" => "Id36",
      "id2" => "Id41"
    ),
    Dict(
      "id1" => "Id32",
      "id2" => "Id42"
    ),
    Dict(
      "id1" => "Id32",
      "id2" => "Id43"
    ),
    Dict(
      "id1" => "Id32",
      "id2" => "Id44"
    ),
    Dict(
      "id1" => "Id0",
      "id2" => "Id45"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id46"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id47"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id48"
    ),
    Dict(
      "id1" => "Id48",
      "id2" => "Id49"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id50"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id51"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id52"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id53"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id54"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id55"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id56"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id57"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id58"
    ),
    Dict(
      "id1" => "Id45",
      "id2" => "Id59"
    ),
    Dict(
      "id1" => "Id0",
      "id2" => "Id60"
    ),
    Dict(
      "id1" => "Id60",
      "id2" => "Id61"
    ),
    Dict(
      "id1" => "Id61",
      "id2" => "Id62"
    ),
    Dict(
      "id1" => "Id0",
      "id2" => "Id63"
    ),
    Dict(
      "id1" => "Id63",
      "id2" => "Id64"
    ),
    Dict(
      "id1" => "Id63",
      "id2" => "Id65"
    ),
    Dict(
      "id1" => "Id63",
      "id2" => "Id66"
    ),
    Dict(
      "id1" => "Id63",
      "id2" => "Id67"
    ),
    Dict(
      "id1" => "Id63",
      "id2" => "Id68"
    ),
    Dict(
      "id1" => "Id0",
      "id2" => "Id69"
    ),
    Dict(
      "id1" => "Id69",
      "id2" => "Id70"
    ),
    Dict(
      "id1" => "Id70",
      "id2" => "Id71"
    ),
    Dict(
      "id1" => "Id69",
      "id2" => "Id72"
    ),
    Dict(
      "id1" => "Id72",
      "id2" => "Id73"
    ),
    Dict(
      "id1" => "Id0",
      "id2" => "Id74"
    ),
    Dict(
      "id1" => "Id0",
      "id2" => "Id75"
    ),
    Dict(
      "id1" => "Id75",
      "id2" => "Id76"
    ),
    Dict(
      "id1" => "Id75",
      "id2" => "Id77"
    ),
    Dict(
      "id1" => "Id0",
      "id2" => "Id78"
    ),
    Dict(
      "id1" => "Id0",
      "id2" => "Id79"
    ),
    Dict(
      "id1" => "Id0",
      "id2" => "Id80"
    )
  ],
  "nodes" => [
    Dict(
      "color" => "rgb(247,118,109)",
      "height" => "14.0",
      "id" => "Id0",
      "name" => "root",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(247,128,109)",
      "height" => "14.0",
      "id" => "Id1",
      "name" => "app",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(247,139,109)",
      "height" => "14.0",
      "id" => "Id2",
      "name" => "dashboard",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(247,148,109)",
      "height" => "14.0",
      "id" => "Id3",
      "name" => "public",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(247,160,109)",
      "height" => "14.0",
      "id" => "Id4",
      "name" => "stylesheets",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(247,169,109)",
      "height" => "80.2",
      "id" => "Id5",
      "language" => "CSS",
      "name" => "bootstrap.css",
      "width" => "80.2"
    ),
    Dict(
      "color" => "rgb(247,180,109)",
      "height" => "36.6",
      "id" => "Id6",
      "language" => "CSS",
      "name" => "style.css",
      "width" => "36.6"
    ),
    Dict(
      "color" => "rgb(247,189,109)",
      "height" => "8.7",
      "id" => "Id7",
      "language" => "CSS",
      "name" => "jquery.tagsinput.css",
      "width" => "8.7"
    ),
    Dict(
      "color" => "rgb(247,201,109)",
      "height" => "14.0",
      "id" => "Id8",
      "name" => "javascripts",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(247,210,109)",
      "height" => "30.1",
      "id" => "Id9",
      "language" => "Javascript",
      "name" => "dateNavigation.js",
      "width" => "30.1"
    ),
    Dict(
      "color" => "rgb(247,219,109)",
      "height" => "23.4",
      "id" => "Id10",
      "language" => "Javascript",
      "name" => "dateInterval.js",
      "width" => "23.4"
    ),
    Dict(
      "color" => "rgb(247,231,109)",
      "height" => "20.0",
      "id" => "Id11",
      "language" => "Javascript",
      "name" => "bootstrap-affix.js",
      "width" => "20.0"
    ),
    Dict(
      "color" => "rgb(247,240,109)",
      "height" => "19.4",
      "id" => "Id12",
      "language" => "Javascript",
      "name" => "bootstrap-button.js",
      "width" => "19.4"
    ),
    Dict(
      "color" => "rgb(242,247,109)",
      "height" => "18.7",
      "id" => "Id13",
      "language" => "Javascript",
      "name" => "uptimeBar.js",
      "width" => "18.7"
    ),
    Dict(
      "color" => "rgb(233,247,109)",
      "height" => "15.8",
      "id" => "Id14",
      "language" => "Javascript",
      "name" => "checkState.js",
      "width" => "15.8"
    ),
    Dict(
      "color" => "rgb(222,247,109)",
      "height" => "14.0",
      "id" => "Id15",
      "name" => "flashcanvas",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(212,247,109)",
      "height" => "14.9",
      "id" => "Id16",
      "language" => "Javascript",
      "name" => "canvas2png.js",
      "width" => "14.9"
    ),
    Dict(
      "color" => "rgb(201,247,109)",
      "height" => "13.5",
      "id" => "Id17",
      "language" => "Javascript",
      "name" => "flashcanvas.js",
      "width" => "13.5"
    ),
    Dict(
      "color" => "rgb(192,247,109)",
      "height" => "14.7",
      "id" => "Id18",
      "language" => "Javascript",
      "name" => "statNavigation.js",
      "width" => "14.7"
    ),
    Dict(
      "color" => "rgb(183,247,109)",
      "height" => "6.2",
      "id" => "Id19",
      "language" => "Javascript",
      "name" => "flotr2.min.js",
      "width" => "6.2"
    ),
    Dict(
      "color" => "rgb(171,247,109)",
      "height" => "6.2",
      "id" => "Id20",
      "language" => "Javascript",
      "name" => "jquery.min.js",
      "width" => "6.2"
    ),
    Dict(
      "color" => "rgb(162,247,109)",
      "height" => "4.0",
      "id" => "Id21",
      "language" => "Javascript",
      "name" => "jquery.tablesorter.min.js",
      "width" => "4.0"
    ),
    Dict(
      "color" => "rgb(150,247,109)",
      "height" => "4.0",
      "id" => "Id22",
      "language" => "Javascript",
      "name" => "moment.min.js",
      "width" => "4.0"
    ),
    Dict(
      "color" => "rgb(141,247,109)",
      "height" => "4.0",
      "id" => "Id23",
      "language" => "Javascript",
      "name" => "ejs.min.js",
      "width" => "4.0"
    ),
    Dict(
      "color" => "rgb(130,247,109)",
      "height" => "4.0",
      "id" => "Id24",
      "language" => "Javascript",
      "name" => "jquery.tagsinput.min.js",
      "width" => "4.0"
    ),
    Dict(
      "color" => "rgb(121,247,109)",
      "height" => "27.7",
      "id" => "Id25",
      "language" => "Javascript",
      "name" => "app.js",
      "width" => "27.7"
    ),
    Dict(
      "color" => "rgb(109,247,109)",
      "height" => "14.0",
      "id" => "Id26",
      "name" => "api",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(109,247,118)",
      "height" => "14.0",
      "id" => "Id27",
      "name" => "routes",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(109,247,128)",
      "height" => "24.7",
      "id" => "Id28",
      "language" => "Javascript",
      "name" => "check.js",
      "width" => "24.7"
    ),
    Dict(
      "color" => "rgb(109,247,139)",
      "height" => "21.6",
      "id" => "Id29",
      "language" => "Javascript",
      "name" => "ping.js",
      "width" => "21.6"
    ),
    Dict(
      "color" => "rgb(109,247,148)",
      "height" => "21.1",
      "id" => "Id30",
      "language" => "Javascript",
      "name" => "tag.js",
      "width" => "21.1"
    ),
    Dict(
      "color" => "rgb(109,247,160)",
      "height" => "20.4",
      "id" => "Id31",
      "language" => "Javascript",
      "name" => "app.js",
      "width" => "20.4"
    ),
    Dict(
      "color" => "rgb(109,247,169)",
      "height" => "14.0",
      "id" => "Id32",
      "name" => "lib",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(109,247,180)",
      "height" => "47.1",
      "id" => "Id33",
      "language" => "Javascript",
      "name" => "qosAggregator.js",
      "width" => "47.1"
    ),
    Dict(
      "color" => "rgb(109,247,189)",
      "height" => "29.2",
      "id" => "Id34",
      "language" => "Javascript",
      "name" => "intervalBuilder.js",
      "width" => "29.2"
    ),
    Dict(
      "color" => "rgb(109,247,201)",
      "height" => "26.1",
      "id" => "Id35",
      "language" => "Javascript",
      "name" => "monitor.js",
      "width" => "26.1"
    ),
    Dict(
      "color" => "rgb(109,247,210)",
      "height" => "14.0",
      "id" => "Id36",
      "name" => "pollers",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(109,247,219)",
      "height" => "23.2",
      "id" => "Id37",
      "language" => "Javascript",
      "name" => "https.js",
      "width" => "23.2"
    ),
    Dict(
      "color" => "rgb(109,247,231)",
      "height" => "23.1",
      "id" => "Id38",
      "language" => "Javascript",
      "name" => "http.js",
      "width" => "23.1"
    ),
    Dict(
      "color" => "rgb(109,247,240)",
      "height" => "19.6",
      "id" => "Id39",
      "language" => "Javascript",
      "name" => "icmp.js",
      "width" => "19.6"
    ),
    Dict(
      "color" => "rgb(109,242,247)",
      "height" => "18.7",
      "id" => "Id40",
      "language" => "Javascript",
      "name" => "udp.js",
      "width" => "18.7"
    ),
    Dict(
      "color" => "rgb(109,233,247)",
      "height" => "16.2",
      "id" => "Id41",
      "language" => "Javascript",
      "name" => "base.js",
      "width" => "16.2"
    ),
    Dict(
      "color" => "rgb(109,222,247)",
      "height" => "20.7",
      "id" => "Id42",
      "language" => "Javascript",
      "name" => "proxy.js",
      "width" => "20.7"
    ),
    Dict(
      "color" => "rgb(109,212,247)",
      "height" => "17.5",
      "id" => "Id43",
      "language" => "Javascript",
      "name" => "analyzer.js",
      "width" => "17.5"
    ),
    Dict(
      "color" => "rgb(109,201,247)",
      "height" => "11.8",
      "id" => "Id44",
      "language" => "Javascript",
      "name" => "timer.js",
      "width" => "11.8"
    ),
    Dict(
      "color" => "rgb(109,192,247)",
      "height" => "14.0",
      "id" => "Id45",
      "name" => "models",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(109,183,247)",
      "height" => "39.8",
      "id" => "Id46",
      "language" => "Javascript",
      "name" => "check.js",
      "width" => "39.8"
    ),
    Dict(
      "color" => "rgb(109,171,247)",
      "height" => "31.6",
      "id" => "Id47",
      "language" => "Javascript",
      "name" => "tag.js",
      "width" => "31.6"
    ),
    Dict(
      "color" => "rgb(109,162,247)",
      "height" => "14.0",
      "id" => "Id48",
      "name" => "migrations",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(109,150,247)",
      "height" => "28.6",
      "id" => "Id49",
      "language" => "Javascript",
      "name" => "upgrade2to3.js",
      "width" => "28.6"
    ),
    Dict(
      "color" => "rgb(109,141,247)",
      "height" => "20.0",
      "id" => "Id50",
      "language" => "Javascript",
      "name" => "checkEvent.js",
      "width" => "20.0"
    ),
    Dict(
      "color" => "rgb(109,130,247)",
      "height" => "19.3",
      "id" => "Id51",
      "language" => "Javascript",
      "name" => "ping.js",
      "width" => "19.3"
    ),
    Dict(
      "color" => "rgb(109,121,247)",
      "height" => "12.1",
      "id" => "Id52",
      "language" => "Javascript",
      "name" => "checkYearlyStat.js",
      "width" => "12.1"
    ),
    Dict(
      "color" => "rgb(109,109,247)",
      "height" => "12.1",
      "id" => "Id53",
      "language" => "Javascript",
      "name" => "tagYearlyStat.js",
      "width" => "12.1"
    ),
    Dict(
      "color" => "rgb(118,109,247)",
      "height" => "12.1",
      "id" => "Id54",
      "language" => "Javascript",
      "name" => "checkMonthlyStat.js",
      "width" => "12.1"
    ),
    Dict(
      "color" => "rgb(128,109,247)",
      "height" => "12.1",
      "id" => "Id55",
      "language" => "Javascript",
      "name" => "tagMonthlyStat.js",
      "width" => "12.1"
    ),
    Dict(
      "color" => "rgb(139,109,247)",
      "height" => "11.8",
      "id" => "Id56",
      "language" => "Javascript",
      "name" => "tagDailyStat.js",
      "width" => "11.8"
    ),
    Dict(
      "color" => "rgb(148,109,247)",
      "height" => "11.8",
      "id" => "Id57",
      "language" => "Javascript",
      "name" => "checkHourlyStat.js",
      "width" => "11.8"
    ),
    Dict(
      "color" => "rgb(160,109,247)",
      "height" => "11.8",
      "id" => "Id58",
      "language" => "Javascript",
      "name" => "tagHourlyStat.js",
      "width" => "11.8"
    ),
    Dict(
      "color" => "rgb(169,109,247)",
      "height" => "11.8",
      "id" => "Id59",
      "language" => "Javascript",
      "name" => "checkDailyStat.js",
      "width" => "11.8"
    ),
    Dict(
      "color" => "rgb(180,109,247)",
      "height" => "14.0",
      "id" => "Id60",
      "name" => "test",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(189,109,247)",
      "height" => "14.0",
      "id" => "Id61",
      "name" => "lib",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(201,109,247)",
      "height" => "28.3",
      "id" => "Id62",
      "language" => "Javascript",
      "name" => "test_intervalBuilder.js",
      "width" => "28.3"
    ),
    Dict(
      "color" => "rgb(210,109,247)",
      "height" => "14.0",
      "id" => "Id63",
      "name" => "fixtures",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(219,109,247)",
      "height" => "26.9",
      "id" => "Id64",
      "language" => "Javascript",
      "name" => "computeStats.js",
      "width" => "26.9"
    ),
    Dict(
      "color" => "rgb(231,109,247)",
      "height" => "21.9",
      "id" => "Id65",
      "language" => "Javascript",
      "name" => "populate.js",
      "width" => "21.9"
    ),
    Dict(
      "color" => "rgb(240,109,247)",
      "height" => "15.2",
      "id" => "Id66",
      "language" => "Javascript",
      "name" => "fixEvents.js",
      "width" => "15.2"
    ),
    Dict(
      "color" => "rgb(247,109,242)",
      "height" => "13.0",
      "id" => "Id67",
      "language" => "Javascript",
      "name" => "dummyTargetUdp.js",
      "width" => "13.0"
    ),
    Dict(
      "color" => "rgb(247,109,233)",
      "height" => "11.2",
      "id" => "Id68",
      "language" => "Javascript",
      "name" => "dummyTarget.js",
      "width" => "11.2"
    ),
    Dict(
      "color" => "rgb(247,109,222)",
      "height" => "14.0",
      "id" => "Id69",
      "name" => "plugins",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(247,109,212)",
      "height" => "14.0",
      "id" => "Id70",
      "name" => "console",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(247,109,201)",
      "height" => "23.8",
      "id" => "Id71",
      "language" => "Javascript",
      "name" => "index.js",
      "width" => "23.8"
    ),
    Dict(
      "color" => "rgb(247,109,192)",
      "height" => "14.0",
      "id" => "Id72",
      "name" => "email",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(247,109,183)",
      "height" => "16.8",
      "id" => "Id73",
      "language" => "Javascript",
      "name" => "index.js",
      "width" => "16.8"
    ),
    Dict(
      "color" => "rgb(247,109,171)",
      "height" => "22.5",
      "id" => "Id74",
      "language" => "Javascript",
      "name" => "app.js",
      "width" => "22.5"
    ),
    Dict(
      "color" => "rgb(247,109,162)",
      "height" => "14.0",
      "id" => "Id75",
      "name" => "config",
      "width" => "14.0"
    ),
    Dict(
      "color" => "rgb(247,109,150)",
      "height" => "16.8",
      "id" => "Id76",
      "language" => "YAML",
      "name" => "default.yaml",
      "width" => "16.8"
    ),
    Dict(
      "color" => "rgb(247,109,141)",
      "height" => "7.0",
      "id" => "Id77",
      "language" => "YAML",
      "name" => "test.yaml",
      "width" => "7.0"
    ),
    Dict(
      "color" => "rgb(247,109,130)",
      "height" => "16.0",
      "id" => "Id78",
      "language" => "Javascript",
      "name" => "bootstrap.js",
      "width" => "16.0"
    ),
    Dict(
      "color" => "rgb(247,109,121)",
      "height" => "7.0",
      "id" => "Id79",
      "language" => "Javascript",
      "name" => "monitor.js",
      "width" => "7.0"
    ),
    Dict(
      "color" => "rgb(247,109,109)",
      "height" => "6.2",
      "id" => "Id80",
      "language" => "make",
      "name" => "makefile",
      "width" => "6.2"
    )
  ]
);
  edgeColor = "rgb(158,202,225)",
  graphType = "Network",
  networkConvergenceThreshold = 0.001,
  useBarnesHutSimulation = true
)
⇧