https://github.com/jschirrmacher/netvis

This package visualizes network dependencies
https://github.com/jschirrmacher/netvis

browser d3 d3-visualization d3v4 es6 frontend interactive-visualizations

Last synced: about 1 month ago
JSON representation

This package visualizes network dependencies

• Host: GitHub
• URL: https://github.com/jschirrmacher/netvis
• Owner: jschirrmacher
• License: mit
• Created: 2018-03-30T07:01:23.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2023-03-01T19:13:49.000Z (over 3 years ago)
• Last Synced: 2025-09-20T23:55:44.459Z (9 months ago)
• Topics: browser, d3, d3-visualization, d3v4, es6, frontend, interactive-visualizations
• Language: JavaScript
• Size: 5.39 MB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# NetVis - The Network Visualizer

This package visualizes network dependencies.

[![Screenshot - click to see it in action](https://jschirrmacher.github.io/netvis-server/public/netvis.gif)](https://jschirrmacher.github.io/netvis-server/public/)

[Click image to see it live](https://jschirrmacher.github.io/netvis-server/public/)

It uses https://d3js.org/ library's force diagram and adds a couple of

functions to make it ease to use it with json formatted data, which might be

static (from a simple file) or could be created dynamically by a server program.

Features:

- Can show different types of nodes: circle or rectangle

- Optimized for large networks by letting the user click on the nodes

  to show the connections of the node. Nodes which are farther away,

  gets smaller and don't show an image any more to save performance and

  gain overview

- Can create new or delete existing nodes and connections with event

  handlers for easy backend attachment

- Can show node details on demand

- Draggable and zoomable canvas, draggable nodes

- Programmable zoom (e.g. for screen buttons)

- Written completely in ES6

- [Example application](https://jschirrmacher.github.io/netvis-server/) available

## [Usage](https://github.com/jschirrmacher/netvis/wiki/Usage)

## [Change log](https://github.com/jschirrmacher/netvis/wiki/ChangeLog)

## [Contribute to NetVis](https://github.com/jschirrmacher/netvis/wiki/Contribute)

## [History of NetVis](https://github.com/jschirrmacher/netvis/wiki/History)

[![CircleCI](https://circleci.com/gh/jschirrmacher/netvis.svg?style=svg)](https://circleci.com/gh/jschirrmacher/netvis)