<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 124" role="img"
     aria-label="JReleaser Release Schedule">
  <title>JReleaser Release Schedule</title>

  <style>
    text { font-family: sans-serif; fill: #333; }
    .label { font-size: 12px; }
    .tick { font-size: 11px; fill: #888; }
    .grid { stroke: #e8e8e8; stroke-width: 1; }
    .today { stroke: #cc4444; stroke-width: 1.5; stroke-dasharray: 4,3; }
    .bar { rx: 2; ry: 2; }
    .eoas { fill: #0A2472; }
    .eol { fill: #1E96FC; }
    .eoes { fill: #CDEBFF; }
    .no-end { fill: #C8C8C8; }
    .no-end-badge { width: 32px; stroke: #ccc; stroke-width: 1; stroke-dasharray: 2,3; }
    .no-end-plus { font-size: 14px; font-weight: bold; fill: white; }
    .legend-icon { width: 14px; height: 14px; rx: 2; ry: 2; }
  </style>

  <!-- Background -->
  <rect width="900" height="124" fill="white"/>

  <!-- Chart area -->
  <g transform="translate(0, 10)">

    <!-- Year grid lines and labels -->
    
    <line class="grid" x1="128.0" y1="0" x2="128.0" y2="54"/>
    <text class="tick" x="128.0" y="70" text-anchor="middle">2022</text>
    
    <line class="grid" x1="281.7" y1="0" x2="281.7" y2="54"/>
    <text class="tick" x="281.7" y="70" text-anchor="middle">2023</text>
    
    <line class="grid" x1="435.5" y1="0" x2="435.5" y2="54"/>
    <text class="tick" x="435.5" y="70" text-anchor="middle">2024</text>
    
    <line class="grid" x1="589.6" y1="0" x2="589.6" y2="54"/>
    <text class="tick" x="589.6" y="70" text-anchor="middle">2025</text>
    
    <line class="grid" x1="743.3" y1="0" x2="743.3" y2="54"/>
    <text class="tick" x="743.3" y="70" text-anchor="middle">2026</text>
    
    <line class="grid" x1="897.1" y1="0" x2="897.1" y2="54"/>
    <text class="tick" x="897.1" y="70" text-anchor="middle">2027</text>
    

    <!-- Release rows -->
    
    
    <g transform="translate(0, 0)">
      <text class="label" x="8" y="16" text-anchor="end">1</text>
      
      <rect class="bar eoas" x="169.7" y="0" width="698.3" height="25"/>
      
      
      
      <rect class="bar no-end-badge no-end" x="868.0" y="0" height="25"/>
      <text class="no-end-plus" x="884.0" y="16" text-anchor="middle">+</text>
      
    </g>
    
    
    <g transform="translate(0, 29)">
      <text class="label" x="8" y="16" text-anchor="end">0</text>
      
      <rect class="bar eoas" x="16.0" y="0" width="153.7" height="25"/>
      
      
      
    </g>
    

    <!-- Today marker -->
    <line class="today" x1="868.0" y1="0" x2="868.0" y2="54"/>

    <!-- Legend -->
    <g transform="translate(117, 82)">
      
      <rect class="legend-icon eoas" x="0" y="0"/>
      <text class="label" x="18" y="11">Active Support</text>
      
      <rect class="legend-icon eol" x="240" y="0"/>
      <text class="label" x="258" y="11">Security Support</text>
      
      <rect class="legend-icon no-end" x="480" y="0"/>
      <text class="label" x="498" y="11">No end date published</text>
      
    </g>
  </g>
</svg>
