Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Layer

Public visualization

Network Layer

0 stars0🌍 Public
Hhhhheeee
Last edited Aug 21, 2019
Created on Aug 21, 2019

This example shows a simple network of nodes and edges drawn on an HTML5 Canvas element. The visualization initially places nodes at random coordinates and renders them as circles, while the code defines edges between named nodes. It uses D3.js to select the canvas element and its 2D context for drawing, with manual JavaScript handling the node and edge drawing routines. The project includes a JSON data structure with system vertices and connections, which appears intended for a force-directed layout.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

Comments

Sign in to join the discussion.

MIT Licensed