examples.json

{
  "categories": [
    {
      "id": "templates",
      "label": "Templates",
      "groups": [
        {
          "id": "cv",
          "label": "CV / Resume",
          "examples": [
            {
              "id": "cv-blue-banner-v2",
              "title": "Blue Banner",
              "description": "Light-blue full-width section bands with high-contrast headings.",
              "tags": ["cv", "banner", "blue"],
              "pdf": "showcase/pdf/templates/cv/cv-blue-banner-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-blue-banner-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvBlueBannerExample.java"
            },
            {
              "id": "cv-boxed-sections-v2",
              "title": "Boxed Sections",
              "description": "Each section wrapped in a grey banner header — bold, structured feel.",
              "tags": ["cv", "structured"],
              "pdf": "showcase/pdf/templates/cv/cv-boxed-sections-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-boxed-sections-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvBoxedV2Example.java"
            },
            {
              "id": "cv-centered-headline-v2",
              "title": "Centered Headline",
              "description": "Centered name + role with full-width accent rules between sections.",
              "tags": ["cv", "centered"],
              "pdf": "showcase/pdf/templates/cv/cv-centered-headline-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-centered-headline-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvCenteredHeadlineExample.java"
            },
            {
              "id": "cv-classic-serif-v2",
              "title": "Classic Serif",
              "description": "Two-page editorial CV with Times-style serif headings and conservative grey rules.",
              "tags": ["cv", "serif", "two-page"],
              "pdf": "showcase/pdf/templates/cv/cv-classic-serif-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-classic-serif-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvClassicSerifExample.java"
            },
            {
              "id": "cv-compact-mono-v2",
              "title": "Compact Mono",
              "description": "Single-column dense layout with monospace contact line — favourite for engineering roles.",
              "tags": ["cv", "compact", "mono"],
              "pdf": "showcase/pdf/templates/cv/cv-compact-mono-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-compact-mono-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvCompactMonoExample.java"
            },
            {
              "id": "cv-editorial-blue-v2",
              "title": "Editorial Blue",
              "description": "Magazine-style editorial layout with two-column body and tinted skills table.",
              "tags": ["cv", "editorial", "blue"],
              "pdf": "showcase/pdf/templates/cv/cv-editorial-blue-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-editorial-blue-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvEditorialBlueExample.java"
            },
            {
              "id": "cv-engineering-resume-v2",
              "title": "Engineering Resume",
              "description": "Tech-lead style layout with prominent skill matrix and stack tagging — was TechLead in v1.5.",
              "tags": ["cv", "tech"],
              "pdf": "showcase/pdf/templates/cv/cv-engineering-resume-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-engineering-resume-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvEngineeringResumeExample.java"
            },
            {
              "id": "cv-executive-v2",
              "title": "Executive",
              "description": "Slate palette with prominent name banner, formal tone, and weighted section dividers.",
              "tags": ["cv", "executive"],
              "pdf": "showcase/pdf/templates/cv/cv-executive-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-executive-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvExecutiveExample.java"
            },
            {
              "id": "cv-minimal-underlined-v2",
              "title": "Minimal Underlined",
              "description": "Single-column layout with underlined section titles and tight whitespace — minimalist reference shape.",
              "tags": ["cv", "minimal"],
              "pdf": "showcase/pdf/templates/cv/cv-minimal-underlined-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-minimal-underlined-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvMinimalUnderlinedExample.java"
            },
            {
              "id": "cv-mint-editorial-v2",
              "title": "Mint Editorial",
              "description": "Magazine-style editorial CV with mint accent palette and two-column body.",
              "tags": ["cv", "editorial", "mint"],
              "pdf": "showcase/pdf/templates/cv/cv-mint-editorial-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-mint-editorial-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvMintEditorialExample.java"
            },
            {
              "id": "cv-modern-professional-v2",
              "title": "Modern Professional",
              "description": "Clean two-column resume with right-aligned header, tinted profile panel, and uppercase section headings.",
              "tags": ["cv", "minimal"],
              "pdf": "showcase/pdf/templates/cv/cv-modern-professional-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-modern-professional-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvModernV2Example.java"
            },
            {
              "id": "cv-monogram-sidebar-v2",
              "title": "Monogram Sidebar",
              "description": "Sidebar with monogram badge, accent rule, and structured contact + skills column.",
              "tags": ["cv", "sidebar", "monogram"],
              "pdf": "showcase/pdf/templates/cv/cv-monogram-sidebar-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-monogram-sidebar-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvMonogramSidebarExample.java"
            },
            {
              "id": "cv-nordic-clean-v2",
              "title": "Nordic Clean",
              "description": "Sidebar layout with soft-tinted PROFILE panel, Nordic palette, and bullet skill list.",
              "tags": ["cv", "sidebar"],
              "pdf": "showcase/pdf/templates/cv/cv-nordic-clean-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-nordic-clean-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvNordicCleanExample.java"
            },
            {
              "id": "cv-panel-v2",
              "title": "Panel",
              "description": "Soft-tinted panels per section, Product-Leader feel — was ProductLeader in v1.5.",
              "tags": ["cv", "panel"],
              "pdf": "showcase/pdf/templates/cv/cv-panel-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-panel-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvPanelExample.java"
            },
            {
              "id": "cv-sidebar-portrait-v2",
              "title": "Sidebar Portrait",
              "description": "Edge-to-edge grey sidebar with portrait photo, contact stack, and skills.",
              "tags": ["cv", "sidebar", "portrait"],
              "pdf": "showcase/pdf/templates/cv/cv-sidebar-portrait-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-sidebar-portrait-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvSidebarPortraitExample.java"
            },
            {
              "id": "cv-timeline-minimal-v2",
              "title": "Timeline Minimal",
              "description": "Vertical timeline of roles with bullet markers and tight whitespace.",
              "tags": ["cv", "timeline"],
              "pdf": "showcase/pdf/templates/cv/cv-timeline-minimal-v2.pdf",
              "screenshot": "showcase/screenshots/templates/cv/cv-timeline-minimal-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/cv/v2/CvTimelineMinimalExample.java"
            }
          ]
        },
        {
          "id": "proposal",
          "label": "Proposal",
          "examples": [
            {
              "id": "project-proposal-cinematic",
              "title": "Project Proposal (cinematic)",
              "description": "End-to-end project proposal with mountain hero, scope panels, and pricing summary.",
              "tags": ["proposal", "proposal", "cinematic"],
              "pdf": "showcase/pdf/templates/proposal/project-proposal-cinematic.pdf",
              "screenshot": "showcase/screenshots/templates/proposal/project-proposal-cinematic.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/proposal/CinematicProposalFileExample.java"
            },
            {
              "id": "proposal",
              "title": "Proposal (canonical)",
              "description": "Multi-section proposal with cover, scope, deliverables, and pricing — ProposalTemplateV1.",
              "tags": ["proposal", "proposal"],
              "pdf": "showcase/pdf/templates/proposal/proposal.pdf",
              "screenshot": "showcase/screenshots/templates/proposal/proposal.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/proposal/ProposalFileExample.java"
            },
            {
              "id": "proposal-cinematic",
              "title": "Cinematic Proposal",
              "description": "Cinematic V2 proposal layout with cover panel, hero spread, and rich typography.",
              "tags": ["proposal", "proposal", "cinematic"],
              "pdf": "showcase/pdf/templates/proposal/proposal-cinematic.pdf",
              "screenshot": "showcase/screenshots/templates/proposal/proposal-cinematic.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/proposal/ProposalCinematicFileExample.java"
            }
          ]
        },
        {
          "id": "invoice",
          "label": "Invoice",
          "examples": [
            {
              "id": "invoice",
              "title": "Invoice (canonical)",
              "description": "Single-page invoice with line items, totals, and structured chrome — InvoiceTemplateV1.",
              "tags": ["invoice", "invoice"],
              "pdf": "showcase/pdf/templates/invoice/invoice.pdf",
              "screenshot": "showcase/screenshots/templates/invoice/invoice.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/invoice/InvoiceFileExample.java"
            },
            {
              "id": "invoice-cinematic",
              "title": "Cinematic Invoice",
              "description": "Polished V2 invoice template with theme-driven layout, advanced tables, and totals.",
              "tags": ["invoice", "invoice", "cinematic"],
              "pdf": "showcase/pdf/templates/invoice/invoice-cinematic.pdf",
              "screenshot": "showcase/screenshots/templates/invoice/invoice-cinematic.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/invoice/InvoiceCinematicFileExample.java"
            }
          ]
        },
        {
          "id": "schedule",
          "label": "Schedule",
          "examples": [
            {
              "id": "weekly-schedule",
              "title": "Weekly Schedule",
              "description": "Multi-day weekly schedule with shift assignments, category fills, and repeated header.",
              "tags": ["schedule", "schedule", "table"],
              "pdf": "showcase/pdf/templates/schedule/weekly-schedule.pdf",
              "screenshot": "showcase/screenshots/templates/schedule/weekly-schedule.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/schedule/WeeklyScheduleFileExample.java"
            }
          ]
        },
        {
          "id": "coverletter",
          "label": "Cover Letter",
          "examples": [
            {
              "id": "cover-letter-blue-banner-v2",
              "title": "Blue Banner letter",
              "description": "Letter paired with Blue Banner CV.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-blue-banner-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-blue-banner-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvBlueBannerLetterV2Example.java"
            },
            {
              "id": "cover-letter-boxed-sections-v2",
              "title": "Boxed Sections letter",
              "description": "Letter with grey-banner section headings.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-boxed-sections-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-boxed-sections-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvBoxedSectionsLetterV2Example.java"
            },
            {
              "id": "cover-letter-centered-headline-v2",
              "title": "Centered Headline letter",
              "description": "Letter with centered name + accent rules.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-centered-headline-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-centered-headline-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvCenteredHeadlineLetterV2Example.java"
            },
            {
              "id": "cover-letter-classic-serif-v2",
              "title": "Classic Serif letter",
              "description": "Letter with Times-style serif typography.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-classic-serif-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-classic-serif-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvClassicSerifLetterV2Example.java"
            },
            {
              "id": "cover-letter-compact-mono-v2",
              "title": "Compact Mono letter",
              "description": "Letter with mono accent and compact spacing.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-compact-mono-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-compact-mono-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvCompactMonoLetterV2Example.java"
            },
            {
              "id": "cover-letter-editorial-blue-v2",
              "title": "Editorial Blue letter",
              "description": "Editorial-magazine letter paired with Editorial Blue CV.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-editorial-blue-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-editorial-blue-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvEditorialBlueLetterV2Example.java"
            },
            {
              "id": "cover-letter-engineering-resume-v2",
              "title": "Engineering letter",
              "description": "Letter paired with EngineeringResume palette.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-engineering-resume-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-engineering-resume-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvEngineeringResumeLetterV2Example.java"
            },
            {
              "id": "cover-letter-executive-v2",
              "title": "Executive letter",
              "description": "Slate-palette executive letter.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-executive-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-executive-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvExecutiveLetterV2Example.java"
            },
            {
              "id": "cover-letter-mint-editorial-v2",
              "title": "Mint Editorial letter",
              "description": "Letter paired with Mint Editorial CV — magazine-style mint accent.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-mint-editorial-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-mint-editorial-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvMintEditorialLetterV2Example.java"
            },
            {
              "id": "cover-letter-modern-professional-v2",
              "title": "Modern Professional letter",
              "description": "Letter paired with the Modern Professional CV palette.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-modern-professional-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-modern-professional-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvModernProfessionalLetterV2Example.java"
            },
            {
              "id": "cover-letter-monogram-sidebar-v2",
              "title": "Monogram Sidebar letter",
              "description": "Letter paired with Monogram Sidebar CV.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-monogram-sidebar-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-monogram-sidebar-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvMonogramSidebarLetterV2Example.java"
            },
            {
              "id": "cover-letter-nordic-clean-v2",
              "title": "Nordic Clean letter",
              "description": "Letter paired with the Nordic Clean CV palette.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-nordic-clean-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-nordic-clean-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvNordicCleanLetterV2Example.java"
            },
            {
              "id": "cover-letter-panel-v2",
              "title": "Panel letter",
              "description": "Letter paired with Panel CV soft-tinted panels.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-panel-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-panel-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvPanelLetterV2Example.java"
            },
            {
              "id": "cover-letter-sidebar-portrait-v2",
              "title": "Sidebar Portrait letter",
              "description": "Letter paired with Sidebar Portrait CV.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-sidebar-portrait-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-sidebar-portrait-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvSidebarPortraitLetterV2Example.java"
            },
            {
              "id": "cover-letter-timeline-minimal-v2",
              "title": "Timeline Minimal letter",
              "description": "Letter with timeline-style minimal accents.",
              "tags": ["letter"],
              "pdf": "showcase/pdf/templates/coverletter/cover-letter-timeline-minimal-v2.pdf",
              "screenshot": "showcase/screenshots/templates/coverletter/cover-letter-timeline-minimal-v2.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/templates/coverletter/v2/CvTimelineMinimalLetterV2Example.java"
            }
          ]
        }
      ]
    },
    {
      "id": "features",
      "label": "Features",
      "groups": [
        {
          "id": "canvas",
          "label": "Canvas / Free Placement",
          "examples": [
            {
              "id": "canvas-layer-showcase",
              "title": "Canvas Layer (free-canvas)",
              "description": "CanvasLayerNode — pixel-precise (x,y) placement of children inside a fixed bounding box.",
              "tags": ["canvas", "canvas", "v1.6", "absolute"],
              "pdf": "showcase/pdf/features/canvas/canvas-layer-showcase.pdf",
              "screenshot": "showcase/screenshots/features/canvas/canvas-layer-showcase.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/canvas/CanvasLayerExample.java"
            }
          ]
        },
        {
          "id": "tables",
          "label": "Tables",
          "examples": [
            {
              "id": "composed-table-cell-showcase",
              "title": "Composed Table Cells",
              "description": "DocumentTableCell.node(DocumentNode) — paragraphs, lists, sub-tables inside cells with two-pass measurement.",
              "tags": ["tables", "tables", "v1.6"],
              "pdf": "showcase/pdf/features/tables/composed-table-cell-showcase.pdf",
              "screenshot": "showcase/screenshots/features/tables/composed-table-cell-showcase.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/tables/ComposedTableCellExample.java"
            },
            {
              "id": "table-advanced",
              "title": "Advanced Tables",
              "description": "Row span, column span, zebra rows, total rows, and repeating headers across page breaks.",
              "tags": ["tables", "tables", "pagination"],
              "pdf": "showcase/pdf/features/tables/table-advanced.pdf",
              "screenshot": "showcase/screenshots/features/tables/table-advanced.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/tables/TableAdvancedExample.java"
            }
          ]
        },
        {
          "id": "lists",
          "label": "Lists & Bullets",
          "examples": [
            {
              "id": "nested-list-showcase",
              "title": "Nested Lists",
              "description": "ListBuilder.addItem(label, Consumer) — depth cascade, per-depth markers, mixed flat / nested authoring.",
              "tags": ["lists", "lists", "v1.6"],
              "pdf": "showcase/pdf/features/lists/nested-list-showcase.pdf",
              "screenshot": "showcase/screenshots/features/lists/nested-list-showcase.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/lists/NestedListExample.java"
            }
          ]
        },
        {
          "id": "shapes",
          "label": "Shapes & Containers",
          "examples": [
            {
              "id": "line-cap",
              "title": "Line Caps & Dotted Lines",
              "description": "addLine(...).lineCap(DocumentLineCap.ROUND) — round/square end-caps on plain lines; a ROUND cap on a near-zero dashed(0.1, 4) rule draws the classic dotted TOC leader.",
              "tags": ["shapes", "shapes", "lines", "v1.9"],
              "pdf": "showcase/pdf/features/shapes/line-cap.pdf",
              "screenshot": "showcase/screenshots/features/shapes/line-cap.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/shapes/LineCapExample.java"
            },
            {
              "id": "line-fill",
              "title": "Fill Lines & Dot Leaders",
              "description": "line().fill() — a rule or dotted leader stretches to the content width or its weighted row slot, drawing table-of-contents leaders without measuring the gap by hand.",
              "tags": ["shapes", "shapes", "layout", "v1.9"],
              "pdf": "showcase/pdf/features/shapes/line-fill.pdf",
              "screenshot": "showcase/screenshots/features/shapes/line-fill.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/shapes/LineFillExample.java"
            },
            {
              "id": "photo-clip",
              "title": "Photo Clip (silhouette)",
              "description": "A raster photo clipped to a free-form silhouette — circle, SVG heart, star — via ShapeContainer.path(...) + ClipPolicy.CLIP_PATH; the image COVER-fills each box so the native-curve outline crops it crisply at any zoom.",
              "tags": ["shapes", "shapes", "clip", "v1.8"],
              "pdf": "showcase/pdf/features/shapes/photo-clip.pdf",
              "screenshot": "showcase/screenshots/features/shapes/photo-clip.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/shapes/PhotoClipExample.java"
            },
            {
              "id": "shape-container",
              "title": "Shape-as-Container",
              "description": "Rounded rect, ellipse, circle containers with ClipPolicy and layered children.",
              "tags": ["shapes", "shapes", "clip"],
              "pdf": "showcase/pdf/features/shapes/shape-container.pdf",
              "screenshot": "showcase/screenshots/features/shapes/shape-container.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/shapes/ShapeContainerExample.java"
            },
            {
              "id": "vector-path",
              "title": "Vector Paths (Bézier)",
              "description": "addPath(...) — free-form design shapes with native cubic Bézier curves: stroked waves, filled blobs, mixed line/curve ribbons. No tessellation.",
              "tags": ["shapes", "shapes", "bezier", "v1.8"],
              "pdf": "showcase/pdf/features/shapes/vector-path.pdf",
              "screenshot": "showcase/screenshots/features/shapes/vector-path.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/shapes/VectorPathExample.java"
            }
          ]
        },
        {
          "id": "transforms",
          "label": "Transforms & Layers",
          "examples": [
            {
              "id": "transforms",
              "title": "Layers + Transforms",
              "description": "rotate / scale on every leaf builder + LayerStack with explicit z-index.",
              "tags": ["transforms", "transforms", "layers"],
              "pdf": "showcase/pdf/features/transforms/transforms.pdf",
              "screenshot": "showcase/screenshots/features/transforms/transforms.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/transforms/TransformsExample.java"
            }
          ]
        },
        {
          "id": "text",
          "label": "Rich Text",
          "examples": [
            {
              "id": "emoji-clip-path",
              "title": "Emoji Clip-Path Report",
              "description": "ParagraphBuilder.rich(r -> r.svgIcon(SvgIcon.parse(xml), 22)) — drops parsed SVG emoji glyphs inline inside table cells to audit which clip-path glyphs render.",
              "tags": ["text", "emoji", "inline", "v1.9"],
              "pdf": "showcase/pdf/features/text/emoji-clip-path.pdf",
              "screenshot": "showcase/screenshots/features/text/emoji-clip-path.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/text/EmojiClipPathReportExample.java"
            },
            {
              "id": "emoji-gallery",
              "title": "Emoji Gallery",
              "description": "inlineSvgIcon(SvgIcon, pt) — flows the full graph-compose-emoji set as inline vector glyphs, paginated across pages with SvgIcon.parse from the classpath index.",
              "tags": ["text", "emoji", "inline", "v1.9"],
              "pdf": "showcase/pdf/features/text/emoji-gallery.pdf",
              "screenshot": "showcase/screenshots/features/text/emoji-gallery.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/text/EmojiGalleryExample.java"
            },
            {
              "id": "emoji-shortcodes",
              "title": "Emoji Shortcodes",
              "description": "RichText.emoji(\":rocket:\", size) — resolves a GitHub-style shortcode to an inline vector colour glyph on the text baseline; unknown codes fall back to literal text.",
              "tags": ["text", "emoji", "inline", "v1.9"],
              "pdf": "showcase/pdf/features/text/emoji-shortcodes.pdf",
              "screenshot": "showcase/screenshots/features/text/emoji-shortcodes.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/text/EmojiShortcodeExample.java"
            },
            {
              "id": "emoji-svg-vs-png",
              "title": "Emoji SVG vs PNG",
              "description": "RichText.svgIcon(SvgIcon, pt) draws the same starter emoji as crisp inline vector beside RichText.image(...) raster bytes from toImage(...), one glyph down two inline paths.",
              "tags": ["text", "emoji", "inline", "v1.9"],
              "pdf": "showcase/pdf/features/text/emoji-svg-vs-png.pdf",
              "screenshot": "showcase/screenshots/features/text/emoji-svg-vs-png.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/text/EmojiSvgVsPngExample.java"
            },
            {
              "id": "inline-highlight-chips",
              "title": "Inline Highlight Chips",
              "description": "RichText.highlight(text, style, bg, radius, padding) — baseline-flowing rounded chips, with code(text) and chip(text, fg, bg) shorthands; multi-word fills wrap per line fragment.",
              "tags": ["text", "inline", "richtext", "v1.9"],
              "pdf": "showcase/pdf/features/text/inline-highlight-chips.pdf",
              "screenshot": "showcase/screenshots/features/text/inline-highlight-chips.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/text/InlineHighlightExample.java"
            },
            {
              "id": "inline-shapes",
              "title": "Inline Shape Runs",
              "description": "RichText.dot/arrow/chevron/checkbox/shape(ShapeOutline) — geometric figures drawn on the text baseline from geometry, no font glyphs, between text and as list bullets.",
              "tags": ["text", "inline", "richtext", "v1.7"],
              "pdf": "showcase/pdf/features/text/inline-shapes.pdf",
              "screenshot": "showcase/screenshots/features/text/inline-shapes.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/text/InlineShapesExample.java"
            },
            {
              "id": "inline-svg-icons",
              "title": "Inline SVG Icons",
              "description": "RichText.svgIcon(SvgIcon, size) — multi-colour vector glyphs (gradients included) drawn on the text baseline from SVG, not font glyphs; crisp at any zoom, the engine path for vector colour emoji.",
              "tags": ["text", "v1.9", "inline", "svg"],
              "pdf": "showcase/pdf/features/text/inline-svg-icons.pdf",
              "screenshot": "showcase/screenshots/features/text/inline-svg-icons.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/text/InlineSvgIconExample.java"
            },
            {
              "id": "rich-text-showcase",
              "title": "Rich Text",
              "description": "Inline runs with bold / italic / colour / link options, markdown parsing.",
              "tags": ["text", "text", "rich"],
              "pdf": "showcase/pdf/features/text/rich-text-showcase.pdf",
              "screenshot": "showcase/screenshots/features/text/rich-text-showcase.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/text/RichTextShowcaseExample.java"
            },
            {
              "id": "section-presets",
              "title": "Section Presets",
              "description": "Pre-baked section bands, accent strips, soft panels for templates.",
              "tags": ["text", "text", "sections"],
              "pdf": "showcase/pdf/features/text/section-presets.pdf",
              "screenshot": "showcase/screenshots/features/text/section-presets.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/text/SectionPresetsExample.java"
            }
          ]
        },
        {
          "id": "themes",
          "label": "Themes",
          "examples": [
            {
              "id": "invoice-custom-theme",
              "title": "Custom BusinessTheme",
              "description": "Authoring a custom palette + typography scale and feeding it through templates.",
              "tags": ["themes", "themes"],
              "pdf": "showcase/pdf/features/themes/invoice-custom-theme.pdf",
              "screenshot": "showcase/screenshots/features/themes/invoice-custom-theme.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/themes/CustomBusinessThemeExample.java"
            }
          ]
        },
        {
          "id": "barcodes",
          "label": "Barcodes & QR",
          "examples": [
            {
              "id": "barcode-showcase",
              "title": "Barcodes & QR",
              "description": "QR code, Code128, EAN-13, PDF417 — every supported barcode + per-barcode styling.",
              "tags": ["barcodes", "barcodes", "qr"],
              "pdf": "showcase/pdf/features/barcodes/barcode-showcase.pdf",
              "screenshot": "showcase/screenshots/features/barcodes/barcode-showcase.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/barcodes/BarcodeShowcaseExample.java"
            }
          ]
        },
        {
          "id": "chrome",
          "label": "PDF Chrome (header / footer / watermark)",
          "examples": [
            {
              "id": "page-numbering",
              "title": "Page Numbering",
              "description": "DocumentHeaderFooter.numbering(DocumentPageNumbering) — {page}/{pages} footer tokens with countFrom(2) leaving the cover uncounted and LOWER_ROMAN restyling the body.",
              "tags": ["chrome", "chrome", "footer", "v1.9"],
              "pdf": "showcase/pdf/features/chrome/page-numbering.pdf",
              "screenshot": "showcase/screenshots/features/chrome/page-numbering.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/chrome/PageNumberingExample.java"
            },
            {
              "id": "pdf-chrome",
              "title": "PDF Chrome",
              "description": "Headers, footers, watermarks, metadata, document protection / encryption.",
              "tags": ["chrome", "chrome", "metadata", "watermark"],
              "pdf": "showcase/pdf/features/chrome/pdf-chrome.pdf",
              "screenshot": "showcase/screenshots/features/chrome/pdf-chrome.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/chrome/PdfChromeExample.java"
            },
            {
              "id": "viewer-preferences",
              "title": "Viewer Preferences",
              "description": "chrome().viewerPreferences(DocumentViewerPreferences) — opens the PDF with pageMode(USE_OUTLINES) showing the bookmark panel and displayDocTitle(true) in the title bar.",
              "tags": ["chrome", "chrome", "v1.9"],
              "pdf": "showcase/pdf/features/chrome/viewer-preferences.pdf",
              "screenshot": "showcase/screenshots/features/chrome/viewer-preferences.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/chrome/ViewerPreferencesExample.java"
            }
          ]
        },
        {
          "id": "streaming",
          "label": "Streaming & I/O",
          "examples": [
            {
              "id": "invoice-http-stream",
              "title": "HTTP Streaming",
              "description": "Stream PDF directly to a Servlet response with no buffering.",
              "tags": ["streaming", "streaming", "http"],
              "pdf": "showcase/pdf/features/streaming/invoice-http-stream.pdf",
              "screenshot": "showcase/screenshots/features/streaming/invoice-http-stream.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/streaming/HttpStreamingExample.java"
            }
          ]
        },
        {
          "id": "snapshots",
          "label": "Snapshot Testing",
          "examples": [
            {
              "id": "invoice-snapshot-regression",
              "title": "Layout Snapshots",
              "description": "How LayoutSnapshotAssertions captures the resolved layout graph for regression testing.",
              "tags": ["snapshots", "snapshots", "testing"],
              "pdf": "showcase/pdf/features/snapshots/invoice-snapshot-regression.pdf",
              "screenshot": "showcase/screenshots/features/snapshots/invoice-snapshot-regression.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/snapshots/LayoutSnapshotRegressionExample.java"
            }
          ]
        },
        {
          "id": "charts",
          "label": "Charts",
          "examples": [
            {
              "id": "chart-showcase",
              "title": "Vector Charts",
              "description": "section.chart(ChartSpec, ChartStyle) — bar/line/area/pie/donut specs (ChartSpec.bar(), LineInterpolation.MONOTONE, SliceLabelMode) compiled into engine primitives, no chart-specific render code.",
              "tags": ["charts", "charts", "data-viz", "v1.9"],
              "pdf": "showcase/pdf/features/charts/chart-showcase.pdf",
              "screenshot": "showcase/screenshots/features/charts/chart-showcase.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/charts/ChartShowcaseExample.java"
            }
          ]
        },
        {
          "id": "debug",
          "label": "Debug & Diagnostics",
          "examples": [
            {
              "id": "debug-overlay",
              "title": "Debug Overlay",
              "description": "DocumentDebugOptions — guide lines plus semantic node-path labels on the rendered sheet; trace any misplaced block back to the builder call that authored it.",
              "tags": ["debug", "debug", "labels", "v1.8"],
              "pdf": "showcase/pdf/features/debug/debug-overlay.pdf",
              "screenshot": "showcase/screenshots/features/debug/debug-overlay.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/debug/DebugOverlayExample.java"
            }
          ]
        },
        {
          "id": "docx",
          "label": "Word Export (DOCX)",
          "examples": [
            {
              "id": "word-export-companion",
              "title": "Word Export (DOCX)",
              "description": "DocxSemanticBackend — the same document as a fixed-layout PDF and an editable Word file; charts fall back to their data table.",
              "tags": ["docx", "docx", "word", "export"],
              "pdf": "showcase/pdf/features/docx/word-export-companion.pdf",
              "screenshot": "showcase/screenshots/features/docx/word-export-companion.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/docx/WordExportExample.java"
            }
          ]
        },
        {
          "id": "layout",
          "label": "Layout & Alignment",
          "examples": [
            {
              "id": "block-align",
              "title": "Block Alignment",
              "description": "addAligned(align, node) / addSvgIcon(icon, w, align) — seat any fixed-size node left / centre / right across the content width.",
              "tags": ["layout", "layout", "align", "v1.8"],
              "pdf": "showcase/pdf/features/layout/block-align.pdf",
              "screenshot": "showcase/screenshots/features/layout/block-align.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/layout/BlockAlignExample.java"
            },
            {
              "id": "content-bleed",
              "title": "Content Bleed",
              "description": "section.bleedToEdge(TOP, LEFT, RIGHT) and bleed(DocumentBleed.of(...)) push a fill to the trimmed page edge while children stay in the content margin.",
              "tags": ["layout", "layout", "v1.9", "bleed"],
              "pdf": "showcase/pdf/features/layout/content-bleed.pdf",
              "screenshot": "showcase/screenshots/features/layout/content-bleed.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/layout/BleedExample.java"
            },
            {
              "id": "per-page-margin",
              "title": "Per-Page Margins",
              "description": "document.pageMargins(List.of(PageMarginRule.page(1, DocumentInsets.zero()), PageMarginRule.from(2, ...))) — a full-bleed cover then wide book margins in one session.",
              "tags": ["layout", "layout", "v1.9"],
              "pdf": "showcase/pdf/features/layout/per-page-margin.pdf",
              "screenshot": "showcase/screenshots/features/layout/per-page-margin.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/layout/PerPageMarginExample.java"
            },
            {
              "id": "row-columns",
              "title": "Row Columns",
              "description": "columns(auto(), weight(1), auto()) sizes row cells as intrinsic or weighted shares; paired with line().fill() a dotted leader fills the gap for a measureless table-of-contents row.",
              "tags": ["layout", "layout", "v1.9", "rows"],
              "pdf": "showcase/pdf/features/layout/row-columns.pdf",
              "screenshot": "showcase/screenshots/features/layout/row-columns.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/layout/RowColumnsExample.java"
            },
            {
              "id": "row-flex",
              "title": "Row Flex & Arrangement",
              "description": "RowBuilder.pushRight()/flexSpacer() springs absorb leftover row width while arrangement(RowArrangement.SPACE_BETWEEN/CENTER) justifies content-sized children — no manual coordinates.",
              "tags": ["layout", "layout", "v1.9", "row"],
              "pdf": "showcase/pdf/features/layout/row-flex.pdf",
              "screenshot": "showcase/screenshots/features/layout/row-flex.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/layout/RowFlexExample.java"
            },
            {
              "id": "row-vertical-align",
              "title": "Row Vertical Align",
              "description": "RowBuilder.verticalAlign(RowVerticalAlign) — seats a row's children TOP, CENTER, or BOTTOM within the band set by the tallest child, no manual coordinates.",
              "tags": ["layout", "layout", "v1.9"],
              "pdf": "showcase/pdf/features/layout/row-vertical-align.pdf",
              "screenshot": "showcase/screenshots/features/layout/row-vertical-align.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/layout/RowVerticalAlignExample.java"
            }
          ]
        },
        {
          "id": "navigation",
          "label": "In-Document Navigation",
          "examples": [
            {
              "id": "container-bookmark",
              "title": "PDF Outline Bookmarks",
              "description": "bookmark(new DocumentBookmarkOptions(title)) on a container flow — each section becomes a PDF outline entry targeting its start page, building a navigable viewer panel with no manual coordinates.",
              "tags": ["navigation", "navigation", "structure", "v1.9"],
              "pdf": "showcase/pdf/features/navigation/container-bookmark.pdf",
              "screenshot": "showcase/screenshots/features/navigation/container-bookmark.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/navigation/ContainerBookmarkExample.java"
            },
            {
              "id": "in-pdf-navigation",
              "title": "In-PDF Navigation",
              "description": "anchor(...) plus linkTo(...) — named destinations and internal go-to links for a clickable table of contents and bidirectional footnotes, resolved in a deferred pass for forward references.",
              "tags": ["navigation", "navigation", "v1.9", "links"],
              "pdf": "showcase/pdf/features/navigation/in-pdf-navigation.pdf",
              "screenshot": "showcase/screenshots/features/navigation/in-pdf-navigation.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/navigation/InPdfNavigationExample.java"
            },
            {
              "id": "page-reference",
              "title": "Page References",
              "description": "addPageReference(anchor, style, align) — prints the resolved page an anchor(...) lands on for \"see page N\" cross-refs, in one authoring pass via a second layout pass.",
              "tags": ["navigation", "navigation", "v1.9", "structure"],
              "pdf": "showcase/pdf/features/navigation/page-reference.pdf",
              "screenshot": "showcase/screenshots/features/navigation/page-reference.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/navigation/PageReferenceExample.java"
            },
            {
              "id": "table-of-contents",
              "title": "Table of Contents",
              "description": "page.addTableOfContents(...) with entry(label, anchor) — clickable rows, a DocumentLeader.DOTS leader, and page numbers resolved automatically from the laid-out document.",
              "tags": ["navigation", "navigation", "structure", "v1.9"],
              "pdf": "showcase/pdf/features/navigation/table-of-contents.pdf",
              "screenshot": "showcase/screenshots/features/navigation/table-of-contents.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/navigation/TocExample.java"
            }
          ]
        },
        {
          "id": "structure",
          "label": "Document Structure",
          "examples": [
            {
              "id": "multi-section-document",
              "title": "Multi-Section Document",
              "description": "GraphCompose.documents(out).section(cover).section(body) — concatenate independent DocumentSessions, each with its own page size and chrome, into one PDF with no external merge.",
              "tags": ["structure", "structure", "v1.9"],
              "pdf": "showcase/pdf/features/structure/multi-section-document.pdf",
              "screenshot": "showcase/screenshots/features/structure/multi-section-document.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/structure/MultiSectionExample.java"
            }
          ]
        },
        {
          "id": "svg",
          "label": "SVG Import",
          "examples": [
            {
              "id": "svg-icon-gallery",
              "title": "SVG Icon Gallery",
              "description": "34 real-world multicolour svgrepo icons through SvgIcon.parse — native vector layers, the whole set 156 KB of sources.",
              "tags": ["svg", "svg", "icons", "v1.8"],
              "pdf": "showcase/pdf/features/svg/svg-icon-gallery.pdf",
              "screenshot": "showcase/screenshots/features/svg/svg-icon-gallery.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/svg/SvgIconGalleryExample.java"
            }
          ]
        },
        {
          "id": "title",
          "label": "Title & Book Pages",
          "examples": [
            {
              "id": "book-template",
              "title": "Book Template",
              "description": "A book-style title page and chapters fronted by a clickable addTableOfContents(...); toc.entry(label, anchor) rows resolve each chapter's page in one pass with DocumentLeader.DOTS leaders.",
              "tags": ["title", "book", "toc", "v1.9"],
              "pdf": "showcase/pdf/features/title/book-template.pdf",
              "screenshot": "showcase/screenshots/features/title/book-template.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/features/title/BookTemplateExample.java"
            }
          ]
        }
      ]
    },
    {
      "id": "flagships",
      "label": "Flagship Examples",
      "groups": [
        {
          "id": "default",
          "label": "Flagship Demos",
          "examples": [
            {
              "id": "business-report",
              "title": "Business Report Cover",
              "description": "Flagship cover page with hero panel, KPI table, and accent strip — ready-to-ship template.",
              "tags": ["flagship", "showcase", "cover"],
              "pdf": "showcase/pdf/flagships/default/business-report.pdf",
              "screenshot": "showcase/screenshots/flagships/default/business-report.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/flagships/BusinessReportExample.java"
            },
            {
              "id": "engine-deck",
              "title": "Engine Deck",
              "description": "Landscape flagship deck — hero banner, SVG-icon feature spreads, and benchmark tables and charts the engine renders from comparative data.",
              "tags": ["flagship", "showcase", "flagship"],
              "pdf": "showcase/pdf/flagships/default/engine-deck.pdf",
              "screenshot": "showcase/screenshots/flagships/default/engine-deck.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/flagships/EngineDeckExample.java"
            },
            {
              "id": "feature-catalog",
              "title": "Feature Catalog",
              "description": "A guided catalog of the engine's primitives, one section per capability, every heading registered as a PDF outline bookmark for a navigable index.",
              "tags": ["flagship", "showcase", "flagship"],
              "pdf": "showcase/pdf/flagships/default/feature-catalog.pdf",
              "screenshot": "showcase/screenshots/flagships/default/feature-catalog.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/flagships/FeatureCatalogExample.java"
            },
            {
              "id": "financial-report",
              "title": "Financial Report",
              "description": "A polished financial-report flagship — clipped-photo masthead, KPI tables, and vector charts combining the engine's data-viz and shape primitives.",
              "tags": ["flagship", "showcase", "flagship"],
              "pdf": "showcase/pdf/flagships/default/financial-report.pdf",
              "screenshot": "showcase/screenshots/flagships/default/financial-report.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/flagships/FinancialReportExample.java"
            },
            {
              "id": "master-showcase",
              "title": "Master Showcase",
              "description": "Kitchen-sink demo combining every primitive into a single document — the full GraphCompose surface.",
              "tags": ["flagship", "showcase"],
              "pdf": "showcase/pdf/flagships/default/master-showcase.pdf",
              "screenshot": "showcase/screenshots/flagships/default/master-showcase.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/flagships/MasterShowcaseExample.java"
            },
            {
              "id": "module-first-profile",
              "title": "Module-First Authoring",
              "description": "Authoring style focused on declaring data modules first, layout second.",
              "tags": ["flagship", "authoring"],
              "pdf": "showcase/pdf/flagships/default/module-first-profile.pdf",
              "screenshot": "showcase/screenshots/flagships/default/module-first-profile.png",
              "code": "https://github.com/DemchaAV/GraphCompose/blob/v1.9.0/examples/src/main/java/com/demcha/examples/flagships/ModuleFirstFileExample.java"
            }
          ]
        }
      ]
    }
  ]
}