Skip to content

Simple network viewer/editor based on svg & d3

License

Notifications You must be signed in to change notification settings

sparshev/netGraph.svg

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

netGraph.svg

CircleCI

SVG-application to visualize network topology & automate your network changes

Available actions:

  • Create/destroy items
  • Connect/disconnect items
  • Save result as an svg file with edit logic

Requirements

  • Latest Firefox/Chromium browser

Getting Started

Check how the project is working right here:

The netGraph.svg could work as is - just open the main.svg from the repository in your browser.

When you opened the SVG file in the first time, you will see nothing, but empty space. Click secondary mouse button on the empty space and you will see the menu items available.

When you created the graph, relations & connections - you can save it. Right click on the empty space and select Save SVG. It will save results of your work.

You can put your node/connector objects into data.js in the root directory and svg will load it during startup.

Controls

  • Right Mouse Button - context menu with actions
  • Left Mouse Button - select / move
      • Ctrl - create link
  • Delete/Backspace - remove item / link

Build

You can compile the source files into one svg file. Sources will be minified and the file will be really handy to use.

Dependencies

  • d3js - The svg manipulation framework

Authors

TODO

  • Save result as r/o svg file

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Support

If you like this project, you can support our open-source development by a small Bitcoin donation.

Bitcoin wallet: 3Hs7bXdEQ8Uja7RvsA29woA4Bh5d2Tx2sf

About

Simple network viewer/editor based on svg & d3

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 95.9%
  • CSS 4.1%