Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

6ed6a34078ba43fe806b1a4105412d78

Open

Fork of HTML Starter

0 stars0🌍 Public
SShaurya Chattopadhyay
Last edited Dec 28, 2025
Created on Dec 28, 2025
Forked from HTML Starter

A circle rendered in steel blue sits centered on a 960×500 SVG canvas. The example demonstrates basic SVG shape creation with D3 v7, using the `d3.select` method to append a `circle` element and set its `cx`, `cy`, `r`, and `fill` attributes. The visualization is minimal, showing how D3 can generate and style SVG primitives while a separate stylesheet and an `index.js` file provide additional structure.

AI-generated description

Shapes with SVG and CSS

A simple project demonstrating shapes created with SVG and CSS styling.

Files

  • index.html - Main HTML file with SVG circle element
  • styles.css - CSS styling for the page
  • index.js - JavaScript file

Changes Made

  • Fixed CSS syntax errors (changed = to :)
  • Fixed scrollbar property to standard overflow: hidden
  • Removed invalid SVG attribute syntax (comma between width and height)
  • Added script reference to index.js in HTML