30 Star 100 Fork 32

x / topology

Create your Gitee Account
Explore and code with more than 8 million developers,Free private repositories !:)
Sign up
Clone or Download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

Topology

中文版

Network Topology

Network topologic structure is a diagram that consists of network node equipment and communication medium(from Baidu baike).

About Project

This solution is a complex html5 graphical system, be used to telecom/enterprise user. Graphical based on SVG, and equips with a series of UI kits, then you can be more intuitive to understand how the project works.

Topology was developed in 2013, to be clear, the Topology in GitHub is just a simple example, or a thin version. The reason: Firstly, I retain the part of rich client only(the Server is secondary); Secondly, the integrated Topology include a lots of graphics solutions(such as BI diagram, virtual private networks, virtualized resources networks in cloud computing, etc.), let's simplify it, and take the focus on the technology.

Screenshot

Main Screenshot
screenshot 1

Edit Screenshot
screenshot 2

Mobile (iOS Safari)
mobile

Online Demo

Resources will be loading after the page open, please be patient. Recommended use Google Chrome to browsing.
Online Demo

Guide

  1. Because there are a lot of files in Topology, suggest to download ZIP(4.9M).
  2. Open the main.html file that in the root directory.
  3. The view which named blank allows you to experience the graphical editing.
  4. More usage will be added later:)

Features

  • Vectorization, zoom not distortion
  • Similar to MS Visio
  • WYSIWYG
  • Support for export to a PNG or JPG, or export to vectorization PDF(need Java)
  • Support shortcuts
  • Support eagle eye

Browser Support

Topology runs best on WebKit based browsers.

BROWSER DETAIL
Google Chrome 45+, Recommended.
Firefox 43+
Internet Explorer 6.0 - 8.0 need to install Adobe SvgViewer; 9.0 is not support filters; 10.0+ partial support transforms, filters, etc; All versions of Internet Explorer is not support SMIL animation. Not recommended.
Opera 34+
Safari 9+
iOS Safari 8.4+
Android Chrome 47+

TODO List

  • Undo and redo
  • Support mobile operation and Responsive UI
  • Increase the editional functions of polyline
  • Add more graphics rendering, like highlight
  • Add Bootstrap style
  • Release the source code file
  • Let it do more! UML, Flow, etc

Authors

@zhaodabao
@wangzhenhua
@luqin

License

Topology is published under the GPL license.

Repository Comments ( 13 )

Sign in to post a comment

About

HTML5 network topology graph, base on SVG. 一套基于HTML5的网络拓扑图组件 expand collapse
Cancel

Releases

No release

topology

Contributors

All

Activities

Load More
can not load any more
JavaScript
1
https://git.oschina.net/xv/topology.git
git@git.oschina.net:xv/topology.git
xv
topology
topology
master

Search

101014 b92fc32e 1850385 101014 af024cb7 1850385