JavaScript Svg Guide
SVG creates resolution-independent vector graphics. JavaScript creates, manipulates, and animates SVG elements dynamically. The guide walks through SVG Basics. Create: `document.createElementNS(svgNS,"circle")`. Set attributes: cx, cy, r, fill, stroke. Shapes: circle, rect, ellipse, line, polyline, polygon, path, text, g. ViewBox for responsive scaling. CSS styling works on SVG. SMIL/JS animations for dynamic graphics. The guide is organized into 1 sections that build on each other, each pairing a prose explanation with runnable code. Related guides: Arrays, Strings, Numbers, Math, Date. This is one of 145 JavaScript guides on JS Reference — see the full list on the guides page. Practice what you learn in the JavaScript playground, and look up any unfamiliar term in the JavaScript glossary.