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
Bbellotukurm
Last edited Sep 15, 2019
Created on Sep 15, 2019

This example demonstrates basic SVG shape drawing alongside HTML and CSS styling. It renders a static collection of circles and rectangles inside an SVG container, with one circle colored green and a group of shapes translated downward and filled blue. The page also displays a fruit list with a highlighted banana item using CSS. The code imports D3’s `select` function and an ES6 module exporting a greeting message, though the message div is not present in the HTML. Rendering relies on native SVG elements with attributes like `cx`, `ry`, and `transform`.

AI-generated description

An example showing the capabilities of VizHub.

Comments

Sign in to join the discussion.

MIT Licensed