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 stars1🌍 Public
Vvictor11396
Last edited Jan 24, 2021
Created on Jan 24, 2021
Forked from Hello VizHub

This example demonstrates a minimal SVG scene containing a single red circle, placed on a blank canvas. It highlights how SVG shapes can be styled using an external CSS file, with the circle’s default black fill and the page’s hidden overflow defined in `styles.css`. The code loads D3 via UNPKG and uses an ES6 `import` from `"d3"`, though no D3 functions are called. It also shows importing a local stylesheet through a `<link>` tag in `index.html`, with the `.highlighted` class available for future styling.

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