🌍 Public
Viewing a saved revision (read-only)
4d91da40e2b64246ad0ea52614f0857c
STP Network
This example visualizes a network of experts and their associated strategic technology topics (STPs) using an interactive force-directed graph. Users can toggle between a bubble chart and a network view with a button, and drag nodes to explore connections. The visualization employs `d3.forceSimulation` with charge, center, and collision forces to position nodes, while a zoom behavior allows panning and scaling. Node colors are assigned via a `d3.scaleOrdinal`, and the data originates from a nested JSON hierarchy processed with `d3.hierarchy`.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.