00:00 Welcome 00:40 Why? - Thumbnails, book covers 02:26 The first page in the SVG book https://svg.code-maven.com/ https://leanpub.com/u/szabgab 03:50 Raster image (PNG, JPG) vs. vector image (Scalable Vector Grpahics) 06:18 Showing a grid - pixelation 07:45 Specification, tutorial, icons, SVG images on Wikipedia 09:40 Introduction, overview 11:00 LLMs, SVG and AI 11:17 Pie chart using AI 14:58 A pelican riding a bike by Simon Wilson 16:50 Showing how to use co-pilot in VS Code to create an SVG image. 20:38 Embed SVG in HTML 22:00 Load an SVG file via an img element. 22:49 Load an SVG file via an object element. 25:26 Load an SVG file via and iframe element. 25:49 SVG validation 28:12 Convert SVG to PNG or JPEG 33:03 How to defined the styles (colors, width, etc.) 35:20 Colors 36:12 g container element 39:14 Transformations - asking Co-pilot 40:15 Size using width and height vs. ViewBox 42:17 Links to other pages 46:40 Linear gradient 48:27 Shapes 48:40 Lines 49:38 Circle 50:00 Rectangle 53:35 Rectangle with rounded corners 54:35 Square 54:45 Ellipse 55:06 Polygon - Triangle, Square, Hexagon, 5 pointed star, Star of David 1:00:30 Polyline 1:01:26 Path - Line, arc, triangle 1:06:25 Transparency 1:09:05 Code Maven logo 1:14:25 Text 1:16:34 Embed external image 1:17:28 Charts 1:21:20 Drawings 1:21:29 Flags 1:21:31 Flag of Hungary using path or rect elements 1:23:05 Flag of Switzerland 1:24:19 SVG programmatically 1:24:27 JavaScript 1:26:01 Perl 1:26:23 Rust 1:26:40 Book covers