Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

219599bb5140448fb5ff4375e6f839a9

Let's make a face with D3.js!

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

A D3.js network graph visualizes a hierarchical dataset of experts and strategic technology topics, using color-coded nodes and connecting links. Rendered as SVG, the graph supports zooming via `d3.zoom` and dragging nodes through `d3.drag`, with positions computed by a force simulation. A "Switch" button dispatches a custom event, though the graph itself does not visibly change in response, and the code includes a template-prefilled smiley-face title that is not implemented in the visualization.

AI-generated description

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