The What, Why, and Where of SVGThe WhatThe WhyThe WhereGetting Started: A Simple OverviewViewing SVGWriting SVGThirteen Examples That Show the Capabilities of SVGExample 1: Dynamic Random Landscape Drawn with JavaScript and SVGExample 2: Equidistant Positioning Points along a Bézier CurveExample 3: Simple Animation (Just 38 Lines of Markup and No Script)Example 4: Use of Gradients and PatternsExample 5: Intersecting Clip PathsExample 6: Animated Text Crawling Along a Bézier CurveExample 7: Animated Reflected Gradients with TransparencyExample 8: Clock with Impressionist TingeExample 9: Using a Filter to Create Pond Ripples over an ImageExample 10: Using <replicate> to Simulate Digital Elevation MapsExample 11: Non-Affine CobblestonesExample 12: Triangular TilingExample 13: A Web Application for Drawing Graphs (Networks)Diving In: A Step-by-Step Approach to Building a Simple SVG DocumentA first fileA first fileA first fileIntermission and AnalysisSVG As XMLAttributesThe SVG NamespaceScreen CoordinatesModifying your code and experimentingModifying your code and experimentingAccomplishing a given effectSummary