- 1. SVG
- 2. Introduction
- 2.1. SVG and LLMs
- 2.2. SVG embedded in HTML
- 2.3. SVG loaded in an img
- 2.4. SVG loaded in an object
- 2.5. SVG loaded in an iframe
- 2.6. SVG validation
- 2.7. Convert SVG to PNG or JPEG
- 2.8. Style
- 2.9. Colors
- 2.10. g container element
- 2.11. Transformations
- 2.12. Size vs ViewBox
- 2.12.1. Size
- 2.12.2. ViewBox
- 2.13. Links
- 3. Shapes
- 3.1. Lines
- 3.1.1. Diagonal line
- 3.1.2. Horizontal line
- 3.1.3. Vertical line
- 3.2. Circle
- 3.3. Rectangles
- 3.3.1. Rectangles
- 3.3.2. Set the width and height as a percentage
- 3.3.3. Rectangle without color/fill
- 3.3.4. White rectangle with border
- 3.3.5. Rectangle with rounded corner
- 3.4. Square
- 3.5. Ellipse
- 3.6. Polygon
- 3.6.1. Triangle
- 3.6.2. Square
- 3.6.3. Hexagon
- 3.6.4. 5 pointed star
- 3.6.5. Isosceles Triangle
- 3.6.6. Star of David
- 3.7. Polyline
- 3.7.1. Polyline W
- 3.7.2. Polyline Snail
- 3.8. Path
- 3.8.1. Line with Path
- 3.8.2. Triangle with Path
- 3.8.3. Path Arc
- 3.8.4. Path with transparency
- 3.8.5. Path Code Maven
- 3.8.6. Path Examples
- 3.9. Text
- 3.9.1. Text with stroke (border) and no fill (color)
- 3.9.2. tspan to add style to part of the text
- 3.9.3. Text with letters rotated
- 3.9.4. Rotate the whole text with transform
- 3.10. Embed external image
- 3.11. Horizontal gradient
- 4. Charts
- 4.1. Stacked chart
- 4.2. Pie chart
- 5. Drawings
- 5.1. House front
- 6. Flags
- 6.1. Flag of Hungary
- 6.2. Flag of Switzerland
- 7. SVG generated programmatically
- 8. SVG using JavaScript
- 9. SVG using Perl
- 9.1. Default SVG
- 9.2. Plain SVG
- 9.3. Line using Perl
- 9.4. Circle using Perl
- 9.5. Rectangle using Perl
- 9.6. Grid using Perl
- 10. SVG using Rust
- 10.1. Line
- 11. Book cover
- 11.1. Functional Programming in Python
- 11.2. Testing Python
- 11.3. Python Testing Demo
- 11.4. Python Tk
- 11.5. OOP in Perl
- 11.6. Rust programming
- 12. Other