Skip to content

jonassobotta/moving-network-animation

Repository files navigation

Moving Network Animation

This project uses JavaScript and HTML5 Canvas to animate a network of nodes and edges. The nodes dynamically interact and form edges based on their proximity, creating a network-like pattern.

Example Image

Installation

To install and run the Moving Network Animation on your local machine, follow these simple steps:

npm install moving-network-installation

Usage

find usage examples on the GitHub page of this project in the examples folder.

Configuration

The behavior of the nodes and their network edges can be customized by adjusting the settings in the settings object within the script:

const settings = {
    nodeColor: "rgba(255,255,255)",
    edgeColor: "rgba(0,181,255)",
    maxNodes: 250,
    minRadius: 2,
    radiusVariance: 2,
    minSpeed: 0.5,
    speedVariance: 1,
    connectionRadius: 150
};

About

A moving network animation with javascript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published