🌍 Public
Viewing a saved revision (read-only)
433987743fe1438887e4d212f5937c09
Shapes with SVGs
This example builds a smiling face out of basic SVG shapes, using D3 v6 to generate and style the visualization. A yellow circle serves as the head, with two black circles for eyes and an arc-shaped path for the mouth. The code imports `select` and `arc` from D3, and uses the `arc()` generator to create the mouth’s curved path based on inner and outer radii and angular start/end values. The visualization reads an SVG element from the HTML and positions elements relative to its center.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.