Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8 Peppa Pig Network Graph

Public visualization

Viewing a saved revision (read-only)

af6cecfc570a4251a4aee198d2642394

ICE-8 Peppa Pig Network Graph

0 stars0🌍 Public
Ppethavenu
Last edited Mar 27, 2023
Created on Mar 27, 2023

This network graph visualizes character relationships from the Peppa Pig universe as a force-directed layout. All eight characters from the JSON data appear as purple circular nodes with labels, connected by orange lines that indicate friendship links between characters. The visualization uses D3.js version 6 with `d3.forceSimulation` to position nodes, applying link, charge, collision, and center forces. Users can drag nodes to explore the network, and hovering switches node outlines to green through the `nodeHover` CSS class. The SVG rendering approach is visible in the source code.

AI-generated description