Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

STP Network

Public visualization

STP Network

0 stars0🌍 Public
DDaniel
Last edited Aug 7, 2019
Created on Aug 1, 2019

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 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