schedule.svg

<svg xmlns="http://www.w3.org/2000/svg" width="960" height="500"><defs><style type="text/css"><![CDATA[ 
.current {
  fill: #5fa04e;
}
.active {
  fill: #229ad6;
}
.maintenance {
  fill: #b1bcc2;
}
.unstable {
  fill: #e99c40;
}
.bar-join {
  fill: #ffffff;
}
.bar-join.unstable, .bar-join.current {
  display: none;
}
.tick text {
  font: 16px sans-serif;
  fill: #89a19d;
}
.axis--y .tick text {
  text-anchor: end;
}
.label {
  fill: #fff;
  font: 20px sans-serif;
  font-weight: 100;
  text-anchor: start;
  dominant-baseline: middle;
  text-transform: uppercase;
} ]]></style></defs><g id="bar-container" transform="translate(110, 30)"><g class="axis axis--x" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><g class="tick" opacity="1" transform="translate(17.173245614035086,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5"></line><text fill="#000" y="0" x="0.5" dy="-10">Oct 2024</text></g><g class="tick" opacity="1" transform="translate(116.4813596491228,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5" stroke-dasharray="2,2"></line><text fill="#000" y="0" x="0.5" dy="-10">Jan 2025</text></g><g class="tick" opacity="1" transform="translate(213.54166666666669,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5"></line><text fill="#000" y="0" x="0.5" dy="-10">Apr 2025</text></g><g class="tick" opacity="1" transform="translate(311.72587719298247,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5" stroke-dasharray="2,2"></line><text fill="#000" y="0" x="0.5" dy="-10">Jul 2025</text></g><g class="tick" opacity="1" transform="translate(410.9890350877193,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5"></line><text fill="#000" y="0" x="0.5" dy="-10">Oct 2025</text></g><g class="tick" opacity="1" transform="translate(510.297149122807,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5" stroke-dasharray="2,2"></line><text fill="#000" y="0" x="0.5" dy="-10">Jan 2026</text></g><g class="tick" opacity="1" transform="translate(607.3574561403508,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5"></line><text fill="#000" y="0" x="0.5" dy="-10">Apr 2026</text></g><g class="tick" opacity="1" transform="translate(705.5416666666667,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5" stroke-dasharray="2,2"></line><text fill="#000" y="0" x="0.5" dy="-10">Jul 2026</text></g><g class="tick" opacity="1" transform="translate(804.8048245614035,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5"></line><text fill="#000" y="0" x="0.5" dy="-10">Oct 2026</text></g></g><g class="axis axis--y" fill="none" font-size="10" font-family="sans-serif" text-anchor="start"><g class="tick" opacity="1" transform="translate(0,45.39682539682538)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Main</text></g><g class="tick" opacity="1" transform="translate(0,115.23809523809523)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Node.js 18</text></g><g class="tick" opacity="1" transform="translate(0,185.0793650793651)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Node.js 20</text></g><g class="tick" opacity="1" transform="translate(0,254.92063492063494)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Node.js 22</text></g><g class="tick" opacity="1" transform="translate(0,324.7619047619048)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Node.js 23</text></g><g class="tick" opacity="1" transform="translate(0,394.6031746031747)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Node.js 24</text></g><line y1="440" y2="440" x2="820" stroke="#89a19d"></line></g><g><rect class="bar unstable" x="0" y="20.952380952380935" width="820" height="48.88888888888889"></rect><rect class="bar-join unstable" x="-1" y="20.952380952380935" width="2" height="48.88888888888889" style="opacity: 0;"></rect><text class="label" x="15" y="47.39682539682538" style="opacity: 1;">unstable</text></g><g><rect class="bar maintenance" x="0" y="90.79365079365078" width="244.92105263157893" height="48.88888888888889"></rect><rect class="bar-join maintenance" x="-1" y="90.79365079365078" width="2" height="48.88888888888889" style="opacity: 0;"></rect><text class="label" x="15" y="117.23809523809523" style="opacity: 1;">maintenance</text></g><g><rect class="bar maintenance" x="39.921052631578945" y="160.63492063492063" width="598.8157894736842" height="48.88888888888889"></rect><rect class="bar-join maintenance" x="38.921052631578945" y="160.63492063492063" width="2" height="48.88888888888889" style="opacity: 1;"></rect><text class="label" x="54.921052631578945" y="187.0793650793651" style="opacity: 1;">maintenance</text></g><g><rect class="bar active" x="0" y="160.63492063492063" width="39.921052631578945" height="48.88888888888889"></rect><rect class="bar-join active" x="-1" y="160.63492063492063" width="2" height="48.88888888888889" style="opacity: 0;"></rect><text class="label" x="15" y="187.0793650793651" style="opacity: 0;">active</text></g><g><rect class="bar maintenance" x="432.65789473684214" y="230.47619047619048" width="387.34210526315786" height="48.88888888888889"></rect><rect class="bar-join maintenance" x="431.65789473684214" y="230.47619047619048" width="2" height="48.88888888888889" style="opacity: 1;"></rect><text class="label" x="447.65789473684214" y="256.92063492063494" style="opacity: 1;">maintenance</text></g><g><rect class="bar active" x="47.473684210526315" y="230.47619047619048" width="385.18421052631584" height="48.88888888888889"></rect><rect class="bar-join active" x="46.473684210526315" y="230.47619047619048" width="2" height="48.88888888888889" style="opacity: 1;"></rect><text class="label" x="62.473684210526315" y="256.92063492063494" style="opacity: 1;">active</text></g><g><rect class="bar current" x="0" y="230.47619047619048" width="47.473684210526315" height="48.88888888888889"></rect><rect class="bar-join current" x="-1" y="230.47619047619048" width="2" height="48.88888888888889" style="opacity: 0;"></rect><text class="label" x="15" y="256.92063492063494" style="opacity: 0;">current</text></g><g><rect class="bar maintenance" x="213.6315789473684" y="300.31746031746036" width="65.81578947368425" height="48.88888888888889"></rect><rect class="bar-join maintenance" x="212.6315789473684" y="300.31746031746036" width="2" height="48.88888888888889" style="opacity: 1;"></rect><text class="label" x="228.6315789473684" y="326.7619047619048" style="opacity: 0;">maintenance</text></g><g><rect class="bar current" x="33.44736842105263" y="300.31746031746036" width="180.18421052631578" height="48.88888888888889"></rect><rect class="bar-join current" x="32.44736842105263" y="300.31746031746036" width="2" height="48.88888888888889" style="opacity: 0;"></rect><text class="label" x="48.44736842105263" y="326.7619047619048" style="opacity: 1;">current</text></g><g><rect class="bar active" x="440.2105263157895" y="370.15873015873024" width="379.7894736842105" height="48.88888888888889"></rect><rect class="bar-join active" x="439.2105263157895" y="370.15873015873024" width="2" height="48.88888888888889" style="opacity: 1;"></rect><text class="label" x="455.2105263157895" y="396.6031746031747" style="opacity: 1;">active</text></g><g><rect class="bar current" x="236.28947368421052" y="370.15873015873024" width="203.92105263157896" height="48.88888888888889"></rect><rect class="bar-join current" x="235.28947368421052" y="370.15873015873024" width="2" height="48.88888888888889" style="opacity: 0;"></rect><text class="label" x="251.28947368421052" y="396.6031746031747" style="opacity: 1;">current</text></g></g></svg>