Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

0983f25d115b4c05a384946557648290

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.