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)

645ae25b151b487fac75a7b407f65370

Let's make a face with D3.js!

0 stars0🌍 Public
Ssgzzhinde
Last edited Dec 19, 2020
Created on Dec 19, 2020

A face is drawn on a Canvas using 2,000 points generated by a phyllotaxis algorithm, which are rendered as small circles. The visualization demonstrates interactive pan and zoom via `d3.zoom` and drag-to-move individual points with `d3.drag`, all applied directly to the canvas context. The code uses D3 v5’s `select`, `zoomIdentity`, and transform methods to update point positions during interactions, with a fixed radius of 2.5 for each point.

AI-generated description

Trying bar graph on my own