Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shape with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

062a3d259e3346b4be8ef6d266c74c30

Shape with SVG and CSS

0 stars3🌍 Public
Rracoo
Last edited May 19, 2020
Created on May 19, 2020
Forked from Lets make a face

This example demonstrates how SVGs can be styled using CSS classes and inline attributes within a React framework. The visualization renders circles, rectangles, lines, and paths, employing D3 v5 for the SVG structure while leveraging CSS to define stroke properties and line joins. The `lines` class applies black strokes with a width of 10, while the path element inherits a teal stroke and rounded line joins, showcasing the interplay between SVG geometry and CSS styling.

AI-generated description

A bare minimum HTML page.

See also React Starter.