create-2d-composition

Create 2D Composition

Generate 2D graphics programmatically using SVG construction, diagram layout algorithms, image compositing, and batch processing workflows. Covers vector graphics generation, raster image manipulation, typography, and automated production of charts, diagrams, and infographics.

When to Use

• Generating diagrams, flowcharts, or infographics programmatically
• Creating reproducible scientific figures or publication graphics
• Automating production of badges, icons, or visual assets
• Compositing multiple images or data visualizations
• Building custom chart types not available in standard libraries
• Batch generating graphics with parameter variations
• Creating SVG templates for web or print applications

Inputs

Input	Type	Description	Example
Layout specification	Configuration	Dimensions, margins, grid layout	Canvas 800x600px, 20px margins
Visual elements	Data/Assets	Shapes, text, images, data points	Rectangle coordinates, labels, icons
Style parameters	CSS/Attributes	Colors, fonts, stroke widths, opacity	fill="#3366cc", stroke-width="2"
Data sources	Files/Arrays	Values to visualize or annotate	CSV data, JSON configuration
Output format	String	SVG, PNG, PDF, composite formats	output.svg, 300 DPI PNG

Procedure

1. Set Up Python Environment

Install required libraries for 2D composition:

# Core libraries
pip install svgwrite pillow cairosvg

# Optional: advanced features
pip install drawsvg reportlab pycairo

# For data-driven graphics
pip install matplotlib numpy pandas

Got: Libraries installed successfully If fail: Check Python version (3.7+), use virtual environment to avoid conflicts

2. Create Basic SVG Graphics

Generate SVG using svgwrite:

import svgwrite
from svgwrite import cm, mm

def create_basic_svg(output_path):
    """Create a simple SVG graphic."""
    # Initialize drawing (use mm for precise dimensions)
    dwg = svgwrite.Drawing(output_path, size=('180mm', '120mm'), profile='full')

    # Add background rectangle
    dwg.add(dwg.rect(
        insert=(0, 0),
        size=('100%', '100%'),
        fill='white'
    ))

    # Add shapes
    dwg.add(dwg.circle(
        center=(90*mm, 60*mm),
        r=30*mm,
        fill='lightblue',
        stroke='navy',
        stroke_width=2
    ))

    dwg.add(dwg.rect(
        insert=(30*mm, 30*mm),
        size=(60*mm, 40*mm),
        fill='lightgreen',
        stroke='darkgreen',
        stroke_width=2,
        rx=5,  # Rounded corners
        ry=5
    ))

    # Add text
    dwg.add(dwg.text(
        'Example Graphic',
        insert=(90*mm, 20*mm),
        text_anchor='middle',
        font_size='18pt',
        font_family='Arial',
        fill='black'
    ))

    dwg.save()
    print(f"Saved: {output_path}")