victor11396

@victor11396·2 public vizzes

Fork of Shapes with SVG and CSS

This example renders a single fixed SVG circle on an HTML canvas. It demonstrates how to include D3 through UNPKG and import from local ES6 modules, though the visible output is purely a static `<circle>` element styled with CSS. The code loads D3 via UNPKG and uses inline SVG coordinates to position the shape, but no D3 functions are invoked for drawing or interaction. The styling comes from an external `styles.css` file that resets the body margin and hides overflow, while the circle itself remains unstyled.

Jan 24, 2021

Loading thumbnail…

Shapes with SVG and CSS

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.

Jan 24, 2021