Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Shapes with SVG and CSS

0 stars0🌍 Public
BBraja Gopal Das
Last edited Apr 8, 2019
Created on Apr 8, 2019

This example constructs a cartoon-like face from basic SVG shapes, including a large red circle, two smaller eyes, and a mouth drawn as an arc path. The visualization uses D3 v5 selection methods and the `d3.arc` generator to define the mouth’s geometry, while CSS sets a black background and removes page margins. Shapes are positioned and scaled dynamically based on the SVG’s width and height attributes.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed