Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

be979b650c1f4bbfb6a9186a8fd8de8c

Lets make a face with D3.js!

0 stars0🌍 Public
PPrerna Mishra
Last edited Jun 13, 2020
Created on Jun 13, 2020

This example draws a simple face by creating a large circle centered in an SVG canvas using D3.js. The code appends a single circle with a radius of 200 pixels to the SVG element, positioned at the center of a 960 by 500 viewport. It uses D3 v5’s `select` and `append` methods to manipulate the SVG, with styling applied through external CSS classes. The visualization demonstrates basic shape creation and attribute setting in React, rendering the result as static vector graphics.

AI-generated description

A bare minimum HTML page.

See also React Starter.