Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Layer

Public visualization

Viewing a saved revision (read-only)

0c8038f0c91f4b62898fbeda4e2e28a3

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.