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
YYang Shun Yu
Last edited Sep 14, 2023
Created on Sep 14, 2023
Forked from Hello VizHub

This example draws a simple smiley face using SVG shapes styled with CSS. The visualization creates a large yellow circle for the face, adds two smaller black circles for eyes, and uses CSS to set page margins and a large title font size. The D3 v7 library is loaded via UNPKG, and the code imports the `select` function from `d3` to select the SVG element and append circles with attributes for radius, position, fill, and stroke.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.

Comments

Sign in to join the discussion.

MIT Licensed