rubekk

@rubekk·2 public vizzes

Fork of Fork of Shapes and Colors with SVG and CSS

This example shows a blank red SVG canvas with no data or shapes rendered. The visualization uses D3 v7’s `select` function to target the SVG element and apply a red background color via inline style. The page includes an empty SVG with fixed dimensions, CSS that removes body margins, and a script that only sets the background, making the output a solid red rectangle. No data, scales, or drawing operations are present in the code.

Aug 24, 2021

Loading thumbnail…

Fork of Shapes and Colors with SVG and CSS

This example demonstrates a static SVG composition of shapes and colors, using circles, rectangles, lines, and a path arranged within a scaled group. It shows how presentation attributes like `fill` and `stroke` can be applied directly or inherited from parent `<g>` elements. The code relies on standard SVG elements and CSS classes, such as `.lines` and `.lines path` in `styles.css`, to control stroke styling and line joins. The rendering uses raw SVG markup without any JavaScript libraries, making it a pure HTML/CSS illustration of vector graphics.

Aug 24, 2021