@urmzd/github-insights 2.1.0 → 2.2.0

package/examples/modern/metrics-rhythm.svg

@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="808" height="340" viewBox="0 0 808 340"><defs><style>
+  .t { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; font-variant-numeric: tabular-lining; }
+  .t-h { font-size: 14px; fill: #c9d1d9; letter-spacing: 2px; font-weight: 600; }
+  .t-sub { font-size: 11px; fill: #6e7681; }
+  .t-label { font-size: 12px; fill: #8b949e; }
+  .t-value { font-size: 11px; fill: #6e7681; }
+  .t-subhdr { font-size: 11px; fill: #8b949e; letter-spacing: 1px; font-weight: 600; }
+  .t-stat-label { font-size: 10px; fill: #8b949e; font-weight: 600; }
+  .t-stat-value { font-size: 22px; font-weight: 700; }
+  .t-card-title { font-size: 12px; fill: #58a6ff; font-weight: 700; }
+  .t-card-detail { font-size: 11px; fill: #8b949e; }
+  .t-pill { font-size: 11px; font-weight: 600; }
+  .t-bullet { font-size: 12px; fill: #c9d1d9; }
+  .bg-fill { fill: #0d1117; }
+  .card-fill { fill: #161b22; }
+  .border-stroke { stroke: #30363d; }
+
+  @media (prefers-color-scheme: light) {
+    .bg-fill { fill: #ffffff; }
+    .card-fill { fill: #f6f8fa; }
+    .border-stroke { stroke: #d0d7de; }
+    .t-h { fill: #1f2328; }
+    .t-sub { fill: #656d76; }
+    .t-label { fill: #656d76; }
+    .t-value { fill: #656d76; }
+    .t-subhdr { fill: #656d76; }
+    .t-stat-label { fill: #656d76; }
+    .t-card-title { fill: #0969da; }
+    .t-card-detail { fill: #656d76; }
+    .t-bullet { fill: #1f2328; }
+  }
+
+  @keyframes fadeIn {
+    from { opacity: 0; transform: translateY(8px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+  @keyframes scaleIn {
+    from { transform: scale(0); opacity: 0; }
+    to { transform: scale(1); opacity: 1; }
+  }
+  @keyframes drawPath {
+    from { stroke-dashoffset: var(--path-length); }
+    to { stroke-dashoffset: 0; }
+  }
+  @keyframes radarReveal {
+    from { transform: scale(0); opacity: 0; }
+    to { transform: scale(1); opacity: 0.6; }
+  }
+  .fade-1 { animation: fadeIn 0.6s ease-out 0.1s both; }
+  .fade-2 { animation: fadeIn 0.6s ease-out 0.25s both; }
+  .fade-3 { animation: fadeIn 0.6s ease-out 0.4s both; }
+  .fade-4 { animation: fadeIn 0.6s ease-out 0.55s both; }
+  .fade-5 { animation: fadeIn 0.6s ease-out 0.7s both; }
+  .fade-6 { animation: fadeIn 0.6s ease-out 0.85s both; }
+</style></defs><rect width="808" height="340" rx="12" class="bg-fill" fill="#0d1117"/><text x="24" y="40" class="t t-h">CONTRIBUTION RHYTHM</text><text x="24" y="56" class="t t-sub">Activity patterns and statistics over the past year</text><circle cx="144" cy="186" r="22.5" fill="none" stroke="#30363d" stroke-width="1" stroke-opacity="0.4"/><circle cx="144" cy="186" r="45" fill="none" stroke="#30363d" stroke-width="1" stroke-opacity="0.4"/><circle cx="144" cy="186" r="67.5" fill="none" stroke="#30363d" stroke-width="1" stroke-opacity="0.4"/><circle cx="144" cy="186" r="90" fill="none" stroke="#30363d" stroke-width="1" stroke-opacity="0.4"/><line x1="144" y1="186" x2="144" y2="96" stroke="#30363d" stroke-width="1" stroke-opacity="0.3"/><line x1="144" y1="186" x2="214.36483342212267" y2="129.88591783271397" stroke="#30363d" stroke-width="1" stroke-opacity="0.3"/><line x1="144" y1="186" x2="231.74351209636413" y2="206.0268840560683" stroke="#30363d" stroke-width="1" stroke-opacity="0.3"/><line x1="144" y1="186" x2="183.04953652058023" y2="267.08719811121773" stroke="#30363d" stroke-width="1" stroke-opacity="0.3"/><line x1="144" y1="186" x2="104.95046347941977" y2="267.08719811121773" stroke="#30363d" stroke-width="1" stroke-opacity="0.3"/><line x1="144" y1="186" x2="56.25648790363587" y2="206.0268840560683" stroke="#30363d" stroke-width="1" stroke-opacity="0.3"/><line x1="144" y1="186" x2="73.63516657787731" y2="129.885917832714" stroke="#30363d" stroke-width="1" stroke-opacity="0.3"/><polygon points="144,160.02272727272728 176.46377541975204,160.11100300009304 172.11780728542578,192.41770602705824 154.91612043643494,208.66755765381768 132.551385883739,209.7732921735161 56.25648790363587,206.0268840560683 96.18389728814844,147.86793052723064" fill="#58a6ff" fill-opacity="0.2" stroke="#58a6ff" stroke-width="2" stroke-opacity="0.8" class="fade-2" style="transform-origin: 144px 186px"/><circle cx="144" cy="160.02272727272728" r="3" fill="#58a6ff" class="fade-1"/><circle cx="176.46377541975204" cy="160.11100300009304" r="3" fill="#58a6ff" class="fade-2"/><circle cx="172.11780728542578" cy="192.41770602705824" r="3" fill="#58a6ff" class="fade-3"/><circle cx="154.91612043643494" cy="208.66755765381768" r="3" fill="#58a6ff" class="fade-4"/><circle cx="132.551385883739" cy="209.7732921735161" r="3" fill="#58a6ff" class="fade-5"/><circle cx="56.25648790363587" cy="206.0268840560683" r="3" fill="#58a6ff" class="fade-6"/><circle cx="96.18389728814844" cy="147.86793052723064" r="3" fill="#58a6ff" class="fade-6"/><text x="144" y="84" class="t t-value" text-anchor="middle">Sun</text><text x="226.87413714161116" y="123.91008100297425" class="t t-value" text-anchor="middle">Mon</text><text x="247.34235869127332" y="213.58721899936933" class="t t-value" text-anchor="middle">Tue</text><text x="189.99167634646116" y="285.50269999765646" class="t t-value" text-anchor="middle">Wed</text><text x="98.00832365353884" y="285.50269999765646" class="t t-value" text-anchor="middle">Thu</text><text x="40.657641308726696" y="213.58721899936933" class="t t-value" text-anchor="middle">Fri</text><text x="61.12586285838883" y="123.91008100297427" class="t t-value" text-anchor="middle">Sat</text><text x="324" y="96" class="t t-stat-label">COMMITS</text><text x="324" y="118" fill="#58a6ff" class="t t-stat-value">1,352</text><text x="324" y="138" class="t t-stat-label">PRS</text><text x="324" y="160" fill="#3fb950" class="t t-stat-value">4</text><text x="324" y="180" class="t t-stat-label">REVIEWS</text><text x="324" y="202" fill="#d29922" class="t t-stat-value">5</text><text x="324" y="222" class="t t-stat-label">REPOS</text><text x="324" y="244" fill="#bc8cff" class="t t-stat-value">24</text><text x="324" y="264" class="t t-stat-label">STREAK</text><text x="324" y="286" fill="#39d2c0" class="t t-stat-value">15d</text><text x="324" y="316" class="t t-sub">Most active: Fridays</text></svg>

package/examples/modern/metrics-velocity.svg

@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="808" height="250" viewBox="0 0 808 250"><defs><style>
+  .t { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; font-variant-numeric: tabular-lining; }
+  .t-h { font-size: 14px; fill: #c9d1d9; letter-spacing: 2px; font-weight: 600; }
+  .t-sub { font-size: 11px; fill: #6e7681; }
+  .t-label { font-size: 12px; fill: #8b949e; }
+  .t-value { font-size: 11px; fill: #6e7681; }
+  .t-subhdr { font-size: 11px; fill: #8b949e; letter-spacing: 1px; font-weight: 600; }
+  .t-stat-label { font-size: 10px; fill: #8b949e; font-weight: 600; }
+  .t-stat-value { font-size: 22px; font-weight: 700; }
+  .t-card-title { font-size: 12px; fill: #58a6ff; font-weight: 700; }
+  .t-card-detail { font-size: 11px; fill: #8b949e; }
+  .t-pill { font-size: 11px; font-weight: 600; }
+  .t-bullet { font-size: 12px; fill: #c9d1d9; }
+  .bg-fill { fill: #0d1117; }
+  .card-fill { fill: #161b22; }
+  .border-stroke { stroke: #30363d; }
+
+  @media (prefers-color-scheme: light) {
+    .bg-fill { fill: #ffffff; }
+    .card-fill { fill: #f6f8fa; }
+    .border-stroke { stroke: #d0d7de; }
+    .t-h { fill: #1f2328; }
+    .t-sub { fill: #656d76; }
+    .t-label { fill: #656d76; }
+    .t-value { fill: #656d76; }
+    .t-subhdr { fill: #656d76; }
+    .t-stat-label { fill: #656d76; }
+    .t-card-title { fill: #0969da; }
+    .t-card-detail { fill: #656d76; }
+    .t-bullet { fill: #1f2328; }
+  }
+
+  @keyframes fadeIn {
+    from { opacity: 0; transform: translateY(8px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+  @keyframes scaleIn {
+    from { transform: scale(0); opacity: 0; }
+    to { transform: scale(1); opacity: 1; }
+  }
+  @keyframes drawPath {
+    from { stroke-dashoffset: var(--path-length); }
+    to { stroke-dashoffset: 0; }
+  }
+  @keyframes radarReveal {
+    from { transform: scale(0); opacity: 0; }
+    to { transform: scale(1); opacity: 0.6; }
+  }
+  .fade-1 { animation: fadeIn 0.6s ease-out 0.1s both; }
+  .fade-2 { animation: fadeIn 0.6s ease-out 0.25s both; }
+  .fade-3 { animation: fadeIn 0.6s ease-out 0.4s both; }
+  .fade-4 { animation: fadeIn 0.6s ease-out 0.55s both; }
+  .fade-5 { animation: fadeIn 0.6s ease-out 0.7s both; }
+  .fade-6 { animation: fadeIn 0.6s ease-out 0.85s both; }
+</style></defs><rect width="808" height="250" rx="12" class="bg-fill" fill="#0d1117"/><text x="24" y="40" class="t t-h">LANGUAGE VELOCITY</text><text x="24" y="56" class="t t-sub">How language usage has evolved over the past year</text><path d="M 24,206 C 55.66666666666667,206 55.66666666666667,206 87.33333333333334,206 C 119.00000000000001,206 119.00000000000001,205.24865831842575 150.66666666666669,205.24865831842575 C 182.33333333333334,205.24865831842575 182.33333333333334,204.4973166368515 214,204.4973166368515 C 245.66666666666669,204.4973166368515 245.66666666666669,205.49910554561717 277.33333333333337,205.49910554561717 C 309,205.49910554561717 309,206 340.6666666666667,206 C 372.33333333333337,206 372.33333333333337,195.98211091234347 404,195.98211091234347 C 435.6666666666667,195.98211091234347 435.6666666666667,203.9964221824687 467.33333333333337,203.9964221824687 C 499.00000000000006,203.9964221824687 499.00000000000006,198.23613595706618 530.6666666666667,198.23613595706618 C 562.3333333333334,198.23613595706618 562.3333333333334,204.4973166368515 594,204.4973166368515 C 625.6666666666667,204.4973166368515 625.6666666666667,157.66368515205724 657.3333333333334,157.66368515205724 C 689,157.66368515205724 689,87.28801431127013 720.6666666666667,87.28801431127013 C 752.3333333333334,87.28801431127013 752.3333333333334,66 784,66 L 784,67.25223613595705 C 752.3333333333334,67.25223613595705 752.3333333333334,88.28980322003578 720.6666666666667,88.28980322003578 C 689,88.28980322003578 689,158.16457960644007 657.3333333333334,158.16457960644007 C 625.6666666666667,158.16457960644007 625.6666666666667,204.4973166368515 594,204.4973166368515 C 562.3333333333334,204.4973166368515 562.3333333333334,198.23613595706618 530.6666666666667,198.23613595706618 C 499.00000000000006,198.23613595706618 499.00000000000006,203.9964221824687 467.33333333333337,203.9964221824687 C 435.6666666666667,203.9964221824687 435.6666666666667,195.98211091234347 404,195.98211091234347 C 372.33333333333337,195.98211091234347 372.33333333333337,206 340.6666666666667,206 C 309,206 309,205.49910554561717 277.33333333333337,205.49910554561717 C 245.66666666666669,205.49910554561717 245.66666666666669,204.4973166368515 214,204.4973166368515 C 182.33333333333334,204.4973166368515 182.33333333333334,205.24865831842575 150.66666666666669,205.24865831842575 C 119.00000000000001,205.24865831842575 119.00000000000001,206 87.33333333333334,206 C 55.66666666666667,206 55.66666666666667,206 24,206 Z" fill="#DA5B0B" fill-opacity="0.75" class="fade-1"/><path d="M 24,206 C 55.66666666666667,206 55.66666666666667,206 87.33333333333334,206 C 119.00000000000001,206 119.00000000000001,205.24865831842575 150.66666666666669,205.24865831842575 C 182.33333333333334,205.24865831842575 182.33333333333334,204.4973166368515 214,204.4973166368515 C 245.66666666666669,204.4973166368515 245.66666666666669,205.49910554561717 277.33333333333337,205.49910554561717 C 309,205.49910554561717 309,206 340.6666666666667,206 C 372.33333333333337,206 372.33333333333337,195.98211091234347 404,195.98211091234347 C 435.6666666666667,195.98211091234347 435.6666666666667,203.9964221824687 467.33333333333337,203.9964221824687 C 499.00000000000006,203.9964221824687 499.00000000000006,198.23613595706618 530.6666666666667,198.23613595706618 C 562.3333333333334,198.23613595706618 562.3333333333334,204.4973166368515 594,204.4973166368515 C 625.6666666666667,204.4973166368515 625.6666666666667,158.16457960644007 657.3333333333334,158.16457960644007 C 689,158.16457960644007 689,88.28980322003578 720.6666666666667,88.28980322003578 C 752.3333333333334,88.28980322003578 752.3333333333334,67.25223613595705 784,67.25223613595705 L 784,72.76207513416816 C 752.3333333333334,72.76207513416816 752.3333333333334,93.04830053667264 720.6666666666667,93.04830053667264 C 689,93.04830053667264 689,160.16815742397137 657.3333333333334,160.16815742397137 C 625.6666666666667,160.16815742397137 625.6666666666667,204.4973166368515 594,204.4973166368515 C 562.3333333333334,204.4973166368515 562.3333333333334,198.4865831842576 530.6666666666667,198.4865831842576 C 499.00000000000006,198.4865831842576 499.00000000000006,203.9964221824687 467.33333333333337,203.9964221824687 C 435.6666666666667,203.9964221824687 435.6666666666667,196.4830053667263 404,196.4830053667263 C 372.33333333333337,196.4830053667263 372.33333333333337,206 340.6666666666667,206 C 309,206 309,205.49910554561717 277.33333333333337,205.49910554561717 C 245.66666666666669,205.49910554561717 245.66666666666669,204.4973166368515 214,204.4973166368515 C 182.33333333333334,204.4973166368515 182.33333333333334,205.24865831842575 150.66666666666669,205.24865831842575 C 119.00000000000001,205.24865831842575 119.00000000000001,206 87.33333333333334,206 C 55.66666666666667,206 55.66666666666667,206 24,206 Z" fill="#b07219" fill-opacity="0.75" class="fade-2"/><path d="M 24,206 C 55.66666666666667,206 55.66666666666667,206 87.33333333333334,206 C 119.00000000000001,206 119.00000000000001,205.24865831842575 150.66666666666669,205.24865831842575 C 182.33333333333334,205.24865831842575 182.33333333333334,204.4973166368515 214,204.4973166368515 C 245.66666666666669,204.4973166368515 245.66666666666669,205.49910554561717 277.33333333333337,205.49910554561717 C 309,205.49910554561717 309,206 340.6666666666667,206 C 372.33333333333337,206 372.33333333333337,196.4830053667263 404,196.4830053667263 C 435.6666666666667,196.4830053667263 435.6666666666667,203.9964221824687 467.33333333333337,203.9964221824687 C 499.00000000000006,203.9964221824687 499.00000000000006,198.4865831842576 530.6666666666667,198.4865831842576 C 562.3333333333334,198.4865831842576 562.3333333333334,204.4973166368515 594,204.4973166368515 C 625.6666666666667,204.4973166368515 625.6666666666667,160.16815742397137 657.3333333333334,160.16815742397137 C 689,160.16815742397137 689,93.04830053667264 720.6666666666667,93.04830053667264 C 752.3333333333334,93.04830053667264 752.3333333333334,72.76207513416816 784,72.76207513416816 L 784,87.28801431127013 C 752.3333333333334,87.28801431127013 752.3333333333334,105.32021466905186 720.6666666666667,105.32021466905186 C 689,105.32021466905186 689,165.17710196779964 657.3333333333334,165.17710196779964 C 625.6666666666667,165.17710196779964 625.6666666666667,204.74776386404292 594,204.74776386404292 C 562.3333333333334,204.74776386404292 562.3333333333334,199.23792486583184 530.6666666666667,199.23792486583184 C 499.00000000000006,199.23792486583184 499.00000000000006,204.24686940966012 467.33333333333337,204.24686940966012 C 435.6666666666667,204.24686940966012 435.6666666666667,197.48479427549194 404,197.48479427549194 C 372.33333333333337,197.48479427549194 372.33333333333337,206 340.6666666666667,206 C 309,206 309,205.49910554561717 277.33333333333337,205.49910554561717 C 245.66666666666669,205.49910554561717 245.66666666666669,204.74776386404292 214,204.74776386404292 C 182.33333333333334,204.74776386404292 182.33333333333334,205.24865831842575 150.66666666666669,205.24865831842575 C 119.00000000000001,205.24865831842575 119.00000000000001,206 87.33333333333334,206 C 55.66666666666667,206 55.66666666666667,206 24,206 Z" fill="#3572A5" fill-opacity="0.75" class="fade-3"/><path d="M 24,206 C 55.66666666666667,206 55.66666666666667,206 87.33333333333334,206 C 119.00000000000001,206 119.00000000000001,205.24865831842575 150.66666666666669,205.24865831842575 C 182.33333333333334,205.24865831842575 182.33333333333334,204.74776386404292 214,204.74776386404292 C 245.66666666666669,204.74776386404292 245.66666666666669,205.49910554561717 277.33333333333337,205.49910554561717 C 309,205.49910554561717 309,206 340.6666666666667,206 C 372.33333333333337,206 372.33333333333337,197.48479427549194 404,197.48479427549194 C 435.6666666666667,197.48479427549194 435.6666666666667,204.24686940966012 467.33333333333337,204.24686940966012 C 499.00000000000006,204.24686940966012 499.00000000000006,199.23792486583184 530.6666666666667,199.23792486583184 C 562.3333333333334,199.23792486583184 562.3333333333334,204.74776386404292 594,204.74776386404292 C 625.6666666666667,204.74776386404292 625.6666666666667,165.17710196779964 657.3333333333334,165.17710196779964 C 689,165.17710196779964 689,105.32021466905186 720.6666666666667,105.32021466905186 C 752.3333333333334,105.32021466905186 752.3333333333334,87.28801431127013 784,87.28801431127013 L 784,103.8175313059034 C 752.3333333333334,103.8175313059034 752.3333333333334,119.34525939177102 720.6666666666667,119.34525939177102 C 689,119.34525939177102 689,170.93738819320214 657.3333333333334,170.93738819320214 C 625.6666666666667,170.93738819320214 625.6666666666667,204.99821109123434 594,204.99821109123434 C 562.3333333333334,204.99821109123434 562.3333333333334,200.2397137745975 530.6666666666667,200.2397137745975 C 499.00000000000006,200.2397137745975 499.00000000000006,204.4973166368515 467.33333333333337,204.4973166368515 C 435.6666666666667,204.4973166368515 435.6666666666667,198.737030411449 404,198.737030411449 C 372.33333333333337,198.737030411449 372.33333333333337,206 340.6666666666667,206 C 309,206 309,205.49910554561717 277.33333333333337,205.49910554561717 C 245.66666666666669,205.49910554561717 245.66666666666669,204.99821109123434 214,204.99821109123434 C 182.33333333333334,204.99821109123434 182.33333333333334,205.24865831842575 150.66666666666669,205.24865831842575 C 119.00000000000001,205.24865831842575 119.00000000000001,206 87.33333333333334,206 C 55.66666666666667,206 55.66666666666667,206 24,206 Z" fill="#00ADD8" fill-opacity="0.75" class="fade-4"/><path d="M 24,206 C 55.66666666666667,206 55.66666666666667,206 87.33333333333334,206 C 119.00000000000001,206 119.00000000000001,205.24865831842575 150.66666666666669,205.24865831842575 C 182.33333333333334,205.24865831842575 182.33333333333334,204.99821109123434 214,204.99821109123434 C 245.66666666666669,204.99821109123434 245.66666666666669,205.49910554561717 277.33333333333337,205.49910554561717 C 309,205.49910554561717 309,206 340.6666666666667,206 C 372.33333333333337,206 372.33333333333337,198.737030411449 404,198.737030411449 C 435.6666666666667,198.737030411449 435.6666666666667,204.4973166368515 467.33333333333337,204.4973166368515 C 499.00000000000006,204.4973166368515 499.00000000000006,200.2397137745975 530.6666666666667,200.2397137745975 C 562.3333333333334,200.2397137745975 562.3333333333334,204.99821109123434 594,204.99821109123434 C 625.6666666666667,204.99821109123434 625.6666666666667,170.93738819320214 657.3333333333334,170.93738819320214 C 689,170.93738819320214 689,119.34525939177102 720.6666666666667,119.34525939177102 C 752.3333333333334,119.34525939177102 752.3333333333334,103.8175313059034 784,103.8175313059034 L 784,124.35420393559927 C 752.3333333333334,124.35420393559927 752.3333333333334,136.87656529516994 720.6666666666667,136.87656529516994 C 689,136.87656529516994 689,177.9499105545617 657.3333333333334,177.9499105545617 C 625.6666666666667,177.9499105545617 625.6666666666667,205.24865831842575 594,205.24865831842575 C 562.3333333333334,205.24865831842575 562.3333333333334,201.49194991055455 530.6666666666667,201.49194991055455 C 499.00000000000006,201.49194991055455 499.00000000000006,204.74776386404292 467.33333333333337,204.74776386404292 C 435.6666666666667,204.74776386404292 435.6666666666667,200.2397137745975 404,200.2397137745975 C 372.33333333333337,200.2397137745975 372.33333333333337,206 340.6666666666667,206 C 309,206 309,205.49910554561717 277.33333333333337,205.49910554561717 C 245.66666666666669,205.49910554561717 245.66666666666669,205.24865831842575 214,205.24865831842575 C 182.33333333333334,205.24865831842575 182.33333333333334,205.49910554561717 150.66666666666669,205.49910554561717 C 119.00000000000001,205.49910554561717 119.00000000000001,206 87.33333333333334,206 C 55.66666666666667,206 55.66666666666667,206 24,206 Z" fill="#89e051" fill-opacity="0.75" class="fade-5"/><path d="M 24,206 C 55.66666666666667,206 55.66666666666667,206 87.33333333333334,206 C 119.00000000000001,206 119.00000000000001,205.49910554561717 150.66666666666669,205.49910554561717 C 182.33333333333334,205.49910554561717 182.33333333333334,205.24865831842575 214,205.24865831842575 C 245.66666666666669,205.24865831842575 245.66666666666669,205.49910554561717 277.33333333333337,205.49910554561717 C 309,205.49910554561717 309,206 340.6666666666667,206 C 372.33333333333337,206 372.33333333333337,200.2397137745975 404,200.2397137745975 C 435.6666666666667,200.2397137745975 435.6666666666667,204.74776386404292 467.33333333333337,204.74776386404292 C 499.00000000000006,204.74776386404292 499.00000000000006,201.49194991055455 530.6666666666667,201.49194991055455 C 562.3333333333334,201.49194991055455 562.3333333333334,205.24865831842575 594,205.24865831842575 C 625.6666666666667,205.24865831842575 625.6666666666667,177.9499105545617 657.3333333333334,177.9499105545617 C 689,177.9499105545617 689,136.87656529516994 720.6666666666667,136.87656529516994 C 752.3333333333334,136.87656529516994 752.3333333333334,124.35420393559927 784,124.35420393559927 L 784,156.912343470483 C 752.3333333333334,156.912343470483 752.3333333333334,164.4257602862254 720.6666666666667,164.4257602862254 C 689,164.4257602862254 689,189.22003577817532 657.3333333333334,189.22003577817532 C 625.6666666666667,189.22003577817532 625.6666666666667,205.49910554561717 594,205.49910554561717 C 562.3333333333334,205.49910554561717 562.3333333333334,203.24508050089446 530.6666666666667,203.24508050089446 C 499.00000000000006,203.24508050089446 499.00000000000006,205.24865831842575 467.33333333333337,205.24865831842575 C 435.6666666666667,205.24865831842575 435.6666666666667,202.4937388193202 404,202.4937388193202 C 372.33333333333337,202.4937388193202 372.33333333333337,206 340.6666666666667,206 C 309,206 309,205.74955277280858 277.33333333333337,205.74955277280858 C 245.66666666666669,205.74955277280858 245.66666666666669,205.49910554561717 214,205.49910554561717 C 182.33333333333334,205.49910554561717 182.33333333333334,205.74955277280858 150.66666666666669,205.74955277280858 C 119.00000000000001,205.74955277280858 119.00000000000001,206 87.33333333333334,206 C 55.66666666666667,206 55.66666666666667,206 24,206 Z" fill="#3178c6" fill-opacity="0.75" class="fade-6"/><path d="M 24,206 C 55.66666666666667,206 55.66666666666667,206 87.33333333333334,206 C 119.00000000000001,206 119.00000000000001,205.74955277280858 150.66666666666669,205.74955277280858 C 182.33333333333334,205.74955277280858 182.33333333333334,205.49910554561717 214,205.49910554561717 C 245.66666666666669,205.49910554561717 245.66666666666669,205.74955277280858 277.33333333333337,205.74955277280858 C 309,205.74955277280858 309,206 340.6666666666667,206 C 372.33333333333337,206 372.33333333333337,202.4937388193202 404,202.4937388193202 C 435.6666666666667,202.4937388193202 435.6666666666667,205.24865831842575 467.33333333333337,205.24865831842575 C 499.00000000000006,205.24865831842575 499.00000000000006,203.24508050089446 530.6666666666667,203.24508050089446 C 562.3333333333334,203.24508050089446 562.3333333333334,205.49910554561717 594,205.49910554561717 C 625.6666666666667,205.49910554561717 625.6666666666667,189.22003577817532 657.3333333333334,189.22003577817532 C 689,189.22003577817532 689,164.4257602862254 720.6666666666667,164.4257602862254 C 752.3333333333334,164.4257602862254 752.3333333333334,156.912343470483 784,156.912343470483 L 784,206 C 752.3333333333334,206 752.3333333333334,206 720.6666666666667,206 C 689,206 689,206 657.3333333333334,206 C 625.6666666666667,206 625.6666666666667,206 594,206 C 562.3333333333334,206 562.3333333333334,206 530.6666666666667,206 C 499.00000000000006,206 499.00000000000006,206 467.33333333333337,206 C 435.6666666666667,206 435.6666666666667,206 404,206 C 372.33333333333337,206 372.33333333333337,206 340.6666666666667,206 C 309,206 309,206 277.33333333333337,206 C 245.66666666666669,206 245.66666666666669,206 214,206 C 182.33333333333334,206 182.33333333333334,206 150.66666666666669,206 C 119.00000000000001,206 119.00000000000001,206 87.33333333333334,206 C 55.66666666666667,206 55.66666666666667,206 24,206 Z" fill="#dea584" fill-opacity="0.75" class="fade-6"/><rect x="24" y="212" width="8" height="8" rx="2" fill="#dea584" opacity="0.85"/><text x="36" y="220" class="t t-value">Rust</text><rect x="80" y="212" width="8" height="8" rx="2" fill="#3178c6" opacity="0.85"/><text x="92" y="220" class="t t-value">TypeScript</text><rect x="178" y="212" width="8" height="8" rx="2" fill="#89e051" opacity="0.85"/><text x="190" y="220" class="t t-value">Shell</text><rect x="241" y="212" width="8" height="8" rx="2" fill="#00ADD8" opacity="0.85"/><text x="253" y="220" class="t t-value">Go</text><rect x="283" y="212" width="8" height="8" rx="2" fill="#3572A5" opacity="0.85"/><text x="295" y="220" class="t t-value">Python</text><rect x="353" y="212" width="8" height="8" rx="2" fill="#b07219" opacity="0.85"/><text x="365" y="220" class="t t-value">Java</text><rect x="409" y="212" width="8" height="8" rx="2" fill="#DA5B0B" opacity="0.85"/><text x="421" y="220" class="t t-value">Jupyter Notebook</text><text x="24" y="220" class="t t-value" text-anchor="start" opacity="0">Feb</text><text x="150.66666666666669" y="220" class="t t-value" text-anchor="start" opacity="0">Apr</text><text x="277.33333333333337" y="220" class="t t-value" text-anchor="start" opacity="0">Jun</text><text x="404" y="220" class="t t-value" text-anchor="start" opacity="0">Aug</text><text x="530.6666666666667" y="220" class="t t-value" text-anchor="start" opacity="0">Oct</text><text x="657.3333333333334" y="220" class="t t-value" text-anchor="start" opacity="0">Dec</text><text x="784" y="220" class="t t-value" text-anchor="start" opacity="0">Feb</text></svg>

package/llms.txt

@@ -1,6 +1,6 @@
-# GitHub Metrics
+# GitHub Insights
 
-> A GitHub Action that generates beautiful SVG metrics visualizations for GitHub profile READMEs. Produces language breakdowns (donut chart), AI-powered expertise analysis with proficiency scores, contribution pulse, signature projects, external open source contributions, social badges, and an auto-generated profile introduction. Built with TypeScript/Node.js using React JSX for SVG rendering.
+> A GitHub Action that generates beautiful SVG metrics visualizations for GitHub profile READMEs. Produces language velocity streamgraphs, contribution rhythm radar charts, project constellation maps, open source impact trails, AI-powered project classification, social badges, and an auto-generated profile introduction. SVGs support light/dark theme switching and CSS animations. Built with TypeScript/Node.js using JSX for SVG string rendering.
 
 ## Docs
 
@@ -13,9 +13,9 @@
 
 - [src/index.ts](https://github.com/urmzd/github-insights/blob/main/src/index.ts): Main action entry point
 - [src/api.ts](https://github.com/urmzd/github-insights/blob/main/src/api.ts): GitHub GraphQL/REST API calls + AI model calls
-- [src/metrics.ts](https://github.com/urmzd/github-insights/blob/main/src/metrics.ts): Data aggregation and section definitions
+- [src/metrics.ts](https://github.com/urmzd/github-insights/blob/main/src/metrics.ts): Data aggregation, velocity/rhythm/constellation computation, section definitions
 - [src/types.ts](https://github.com/urmzd/github-insights/blob/main/src/types.ts): Shared type definitions (UserConfig, SectionDef, etc.)
-- [src/components/](https://github.com/urmzd/github-insights/blob/main/src/components/): SVG rendering components (donut chart, bar chart, stat cards)
+- [src/components/](https://github.com/urmzd/github-insights/blob/main/src/components/): SVG rendering components (streamgraph, radar chart, constellation, impact trail)
 - [action.yml](https://github.com/urmzd/github-insights/blob/main/action.yml): GitHub Action definition
 
 ## Optional

package/package.json

@@ -31,5 +31,5 @@
     "typecheck": "tsc --noEmit"
   },
   "type": "module",
-  "version": "2.1.0"
+  "version": "2.2.0"
 }

package/skills/github-insights/SKILL.md

@@ -8,9 +8,9 @@ description: >-
 argument-hint: [setup | customize | generate | debug | extend]
 ---
 
-# GitHub Metrics — Agent Skill
+# GitHub Insights — Agent Skill
 
-Generate beautiful dark-themed SVG metrics for GitHub profile READMEs. Sections include language breakdowns (donut chart), AI expertise analysis (proficiency bars), contribution pulse (stat cards), contribution calendar (heatmap), signature projects (by stars), and open source contributions.
+Generate beautiful SVG metrics for GitHub profile READMEs. Sections include language velocity streamgraph, contribution rhythm radar chart, project constellation map, and open source impact trail. SVGs support light/dark theme switching and CSS animations.
 
 ## Quick Reference
 
@@ -18,7 +18,7 @@ Generate beautiful dark-themed SVG metrics for GitHub profile READMEs. Sections
 |------|---------|
 | Generate locally | `npm run generate` (requires `gh auth login`) |
 | Full CI check | `npm run ci` (fmt + lint + typecheck + test + build) |
-| Build bundle | `npm run build` (ncc → `dist/`) |
+| Build bundle | `npm run build` (ncc -> `dist/`) |
 | Run tests | `npm test` (vitest) |
 | Type-check | `npm run typecheck` |
 | Lint | `npm run lint` (biome) |
@@ -66,8 +66,7 @@ npm run generate
 Local mode differences:
 - `commit-push` defaults to `false` (no git operations)
 - README writes to `_README.md` (not `README.md`)
-- All three template previews are generated in `examples/{classic,modern,minimal}/`
-- Both preamble variants (full + short) are generated for preview
+- All four template previews are generated in `examples/{classic,modern,minimal,ecosystem}/`
 
 ## Configuration
 
@@ -76,18 +75,16 @@ Local mode differences:
 ```yaml
 name: Display Name           # overrides GitHub profile name
 pronunciation: pronunciation # shown as subscript in heading
-title: Software Engineer     # blockquote under heading; guides AI expertise
-desired_title: Senior SWE    # AI context only — biases expertise categories
+title: Software Engineer     # blockquote under heading
+desired_title: Senior SWE    # AI context only
 bio: Short bio text.         # footer text in classic template
 preamble: PREAMBLE.md        # path to custom preamble (bypasses AI generation)
-template: classic            # "classic" | "modern" | "minimal"
+template: classic            # "classic" | "modern" | "minimal" | "ecosystem"
 sections:
-  - pulse
-  - languages
-  - expertise
-  - projects
-  - contributions
-  - calendar
+  - velocity
+  - rhythm
+  - constellation
+  - impact
 ```
 
 ### Action inputs
@@ -109,41 +106,38 @@ sections:
 
 | Key | SVG filename | What it renders |
 |-----|-------------|-----------------|
-| `pulse` | `metrics-pulse.svg` | 4 stat cards: commits, PRs, reviews, active repos |
-| `languages` | `metrics-languages.svg` | Donut chart of top 10 languages by bytes |
-| `expertise` | `metrics-expertise.svg` | AI-generated proficiency bars by category |
-| `projects` | `metrics-complexity.svg` | Top 5 repos by stars with descriptions |
-| `calendar` | `metrics-calendar.svg` | GitHub contribution heatmap (1 year) |
-| `contributions` | `metrics-contributions.svg` | External repos contributed to |
+| `velocity` | `metrics-velocity.svg` | Streamgraph of language usage over 12 months |
+| `rhythm` | `metrics-rhythm.svg` | 7-spoke radar chart + contribution stats |
+| `constellation` | `metrics-constellation.svg` | Project map by language and complexity |
+| `impact` | `metrics-impact.svg` | External contributions with impact bars |
 
 ### Templates
 
-- **`classic`** (default): Formal layout — `# Name`, blockquote title, full AI preamble (2–4 paragraphs), social badges, SVG metrics, bio footer, attribution.
-- **`modern`**: Friendly — `# Hi, I'm {firstName} 👋`, short preamble, active/maintained/inactive project lists in markdown, selective SVG sections.
-- **`minimal`**: Clean — `# {firstName}`, short preamble, social badges, SVG metrics, attribution.
+- **`classic`** (default): Formal layout — `# Name`, blockquote title, preamble, social badges, SVG metrics, bio footer.
+- **`modern`**: Friendly — `# Hi, I'm {firstName}`, projects by activity, Project Map, GitHub Stats, Impact.
+- **`minimal`**: Clean — `# {firstName}`, preamble, social badges, SVG metrics.
+- **`ecosystem`**: Categorized — projects by purpose (Developer Tools/SDKs/Applications/Research), Project Map, GitHub Stats, Impact.
 
 ## Architecture
 
 ### Execution flow
 
 ```
-Inputs → Fetch (parallel) → AI calls (sequential) → Transform → Render sections → Write SVGs → Generate README → Commit
+Inputs -> Fetch (parallel) -> AI calls -> Transform -> Compute velocity/rhythm/constellation -> Render sections -> Write SVGs -> Generate README -> Commit
 ```
 
 ### Key source files
 
 | File | Role |
 |------|------|
-| `src/index.ts` | Orchestration: fetch → transform → render → write → commit |
+| `src/index.ts` | Orchestration: fetch -> transform -> render -> write -> commit |
 | `src/api.ts` | GitHub GraphQL queries + GitHub Models AI calls |
-| `src/metrics.ts` | Data aggregation, complexity scoring, section building |
-| `src/config.ts` | TOML config loading |
-| `src/types.ts` | All TypeScript interfaces (`UserConfig`, `SectionDef`, `TemplateContext`, etc.) |
-| `src/templates.ts` | Three README template functions + social badge builder |
-| `src/theme.ts` | `THEME` colors, `LAYOUT` dimensions, `BAR_COLORS` palette |
-| `src/parsers.ts` | Dependency manifest parsers (package.json, Cargo.toml, go.mod, etc.) |
-| `src/components/` | SVG rendering components (custom JSX → SVG strings) |
-| `src/jsx-factory.ts` | Custom `h()` / `Fragment()` JSX runtime (no React) |
+| `src/metrics.ts` | Data aggregation, velocity/rhythm/constellation computation, section building |
+| `src/config.ts` | YAML/TOML config loading |
+| `src/types.ts` | All TypeScript interfaces |
+| `src/templates.ts` | Four README template functions + social badge builder |
+| `src/theme.ts` | `THEME`/`THEME_LIGHT` colors, `LAYOUT` dimensions, `BAR_COLORS` palette |
+| `src/components/` | SVG rendering components (custom JSX -> SVG strings) |
 
 ### Component rendering pattern
 
@@ -155,25 +149,6 @@ function renderXxx(data: ..., y: number): { svg: string; height: number }
 
 Components return SVG string fragments and their rendered height. The `y` parameter is the vertical cursor; heights are accumulated to stack sections vertically.
 
-### Theme constants (hardcoded in `src/theme.ts`)
-
-```
-THEME.bg       = "#0d1117"   (dark background)
-THEME.cardBg   = "#161b22"   (card backgrounds)
-THEME.border   = "#30363d"   (card borders)
-THEME.link     = "#58a6ff"   (card titles - blue)
-THEME.text     = "#c9d1d9"   (primary text)
-THEME.secondary= "#8b949e"   (labels)
-THEME.muted    = "#6e7681"   (values)
-
-LAYOUT.width   = 808         (fixed SVG canvas width)
-LAYOUT.padX    = 24
-LAYOUT.padY    = 24
-LAYOUT.sectionGap = 30
-```
-
-These are not configurable via inputs or TOML — changing them requires editing source.
-
 ## Extending
 
 ### Add a new section
@@ -183,16 +158,7 @@ These are not configurable via inputs or TOML — changing them requires editing
 3. Add the section key to `SECTION_KEYS` map in `src/metrics.ts`
 4. Add a `SectionDef` entry in the `buildSections()` function in `src/metrics.ts`
 5. Fetch any new data needed in `src/index.ts`
-6. Add a `*.test.ts` file alongside the component
-7. Update `action.yml` if new inputs are needed
-
-### Add a new dependency parser
-
-1. Implement `PackageParser` interface in `src/parsers.ts`:
-   ```ts
-   { filenames: string[]; parseDependencies(text: string): string[] }
-   ```
-2. Add it to the `PARSERS` array — it auto-registers in `PARSER_MAP`
+6. Add a `*.test.tsx` file alongside the component
 
 ### Add a new README template
 
@@ -202,36 +168,24 @@ These are not configurable via inputs or TOML — changing them requires editing
 
 ## Troubleshooting
 
-### "Expertise section missing"
-The expertise section only appears when the AI call succeeds. Check:
-- Token has `models: read` permission
-- The workflow has `permissions: models: read`
-- GitHub Models endpoint is reachable
+### "Velocity section is flat"
+The streamgraph distributes per-repo commits using the contribution calendar's monthly activity weights. If there's no calendar data, velocity will be empty.
 
-### "Calendar section missing"
-Only rendered when contribution calendar data exists. The user must have public contributions.
+### "Constellation section missing"
+Only rendered when there are projects with language data. Ensure repos have detectable languages.
 
-### "Contributions section missing"
-Only rendered when the user has contributed to external (non-owned) repositories in the past year.
+### "Impact section missing"
+Only rendered when the user has contributed to external (non-owned) repositories.
 
 ### AI preamble is empty or generic
 - The AI call uses `gpt-4.1` via GitHub Models — it needs diverse profile data to generate good output
-- Provide `title` and `desired_title` in TOML config for better results
+- Provide `title` in config for better results
 - Create a custom `PREAMBLE.md` to bypass AI entirely
 
 ### Local generation fails
 - Ensure `gh auth login` is done and `gh auth token` returns a valid token
 - Ensure Node.js 22+ (`node --version`)
-- The `GITHUB_TOKEN` and `GITHUB_REPOSITORY_OWNER` env vars are set automatically by `npm run generate` via `gh`
 
 ### SVG looks wrong after changes
 - Run `npm run build` to rebuild the `dist/` bundle — the action runs `dist/index.js`, not source directly
 - SVG width is fixed at 808px; all layout math depends on this
-
-## Code Style Rules
-
-- TypeScript strict mode, ES modules
-- Biome for formatting and linting (not ESLint/Prettier)
-- Tests colocated as `*.test.ts` / `*.test.tsx` alongside source
-- Custom JSX factory (`h`, `Fragment`) — NOT React
-- All AI calls and contribution fetches are non-fatal (catch → return empty)

package/sr.yaml

@@ -14,3 +14,12 @@ commit_types:
 
 artifacts:
   - dist.tar.gz
+
+hooks:
+  commit-msg:
+    - sr hook commit-msg
+  pre-commit:
+    - npm run fmt
+    - npm run lint
+    - npm run typecheck
+    - npm run test

package/src/api.ts

@@ -7,7 +7,6 @@ import type {
   RepoClassificationInput,
   RepoClassificationOutput,
   RepoNode,
-  TechHighlight,
   UserConfig,
   UserProfile,
 } from "./types.js";
@@ -320,7 +319,6 @@ export interface PreambleContext {
   profile: UserProfile;
   userConfig: UserConfig;
   languages: { name: string; percent: string }[];
-  techHighlights: TechHighlight[];
   activeProjects: ProjectItem[];
   complexProjects: ProjectItem[];
 }
@@ -330,21 +328,12 @@ export const fetchAIPreamble = async (
   context: PreambleContext,
 ): Promise<string | undefined> => {
   try {
-    const {
-      profile,
-      userConfig,
-      languages,
-      techHighlights,
-      activeProjects,
-      complexProjects,
-    } = context;
+    const { profile, userConfig, languages, activeProjects, complexProjects } =
+      context;
 
     const langLines = languages
       .map((l) => `- ${l.name}: ${l.percent}%`)
       .join("\n");
-    const techLines = techHighlights
-      .map((h) => `- ${h.category}: ${h.items.join(", ")} (score: ${h.score})`)
-      .join("\n");
 
     const formatProject = (p: ProjectItem): string => {
       const langs = p.languages?.length ? ` [${p.languages.join(", ")}]` : "";
@@ -373,9 +362,6 @@ ${profileLines}
 Languages (by code volume):
 ${langLines}
 
-Expertise areas:
-${techLines}
-
 Most technically complex projects (by language diversity, codebase size, and depth):
 ${complexProjectLines || "None"}
 
@@ -474,130 +460,6 @@ Generate 1-2 sentences that:
   }
 };
 
-export const fetchExpertiseAnalysis = async (
-  token: string,
-  languages: { name: string; percent: string }[],
-  allDeps: string[],
-  allTopics: string[],
-  repos: RepoNode[],
-  readmeMap: ReadmeMap,
-  userConfig: UserConfig = {},
-): Promise<TechHighlight[]> => {
-  try {
-    const langLines = languages
-      .map((l) => `- ${l.name}: ${l.percent}%`)
-      .join("\n");
-
-    const repoSummaries = repos
-      .slice(0, 20)
-      .map((r) => {
-        const readme = readmeMap.get(r.name) || "";
-        const snippet = readme.slice(0, 500).replace(/\n/g, " ");
-        const desc = r.description || "";
-        return `- ${r.name}: ${desc} | ${snippet}`;
-      })
-      .join("\n");
-
-    const desiredTitle = userConfig.desired_title || userConfig.title;
-    let titleContext = "";
-    if (userConfig.title) {
-      titleContext = `\nDeveloper context:\n- Current title: ${userConfig.title}`;
-      if (desiredTitle && desiredTitle !== userConfig.title) {
-        titleContext += `\n- Desired title: ${desiredTitle}`;
-      }
-      titleContext += `\n- Tailor the expertise categories to highlight skills most relevant to ${desiredTitle}. Prioritize domains and technologies that align with this role.\n`;
-    }
-
-    const prompt = `You are analyzing a developer's GitHub profile to create a curated expertise showcase.
-${titleContext}
-Languages (by code volume):
-${langLines}
-
-Dependencies found across repositories:
-${allDeps.join(", ")}
-
-Repository topics:
-${allTopics.join(", ")}
-
-Repository descriptions and README excerpts:
-${repoSummaries}
-
-From this data, produce a curated expertise profile:
-- Group the most notable technologies into 3-6 expertise categories
-- Use domain-oriented category names (e.g., "Machine Learning", "Web Development", "DevOps", "Backend & APIs", "Data Science", "Systems Programming")
-- Include 3-6 of the most relevant technologies/tools per category
-- Normalize names to their common display form (e.g., "pg" → "PostgreSQL", "torch" → "PyTorch", "boto3" → "AWS SDK")
-- Skip trivial utility libraries (lodash, uuid, etc.) that don't showcase meaningful expertise
-- Only include categories where there's meaningful evidence of usage
-- Assign each category a proficiency score from 0 to 100 based on evidence strength:
-  language code volume, dependency count, topic mentions, and README depth.
-  Use the full range (e.g. 80-95 for primary stack, 50-70 for secondary, 30-50 for minor).`;
-
-    const res = await fetchWithRetry(
-      "https://models.github.ai/inference/chat/completions",
-      {
-        method: "POST",
-        headers: {
-          Authorization: `bearer ${token}`,
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({
-          model: "gpt-4.1",
-          messages: [{ role: "user", content: prompt }],
-          temperature: 0.1,
-          response_format: {
-            type: "json_schema",
-            json_schema: {
-              name: "tech_highlights",
-              strict: true,
-              schema: {
-                type: "object",
-                properties: {
-                  highlights: {
-                    type: "array",
-                    items: {
-                      type: "object",
-                      properties: {
-                        category: { type: "string" },
-                        items: { type: "array", items: { type: "string" } },
-                        score: { type: "number" },
-                      },
-                      required: ["category", "items", "score"],
-                      additionalProperties: false,
-                    },
-                  },
-                },
-                required: ["highlights"],
-                additionalProperties: false,
-              },
-            },
-          },
-        }),
-      },
-      "Expertise",
-    );
-
-    if (!res?.ok) {
-      if (res) console.warn(`GitHub Models API error: ${res.status}`);
-      return [];
-    }
-
-    const json = (await res.json()) as {
-      choices?: { message?: { content?: string } }[];
-    };
-    const content = json.choices?.[0]?.message?.content || "{}";
-    const parsed = JSON.parse(content) as { highlights?: TechHighlight[] };
-    return (parsed.highlights || [])
-      .filter((h) => h.category && Array.isArray(h.items) && h.items.length > 0)
-      .map((h) => ({ ...h, score: Math.max(0, Math.min(100, h.score || 0)) }))
-      .sort((a, b) => b.score - a.score);
-  } catch (err: unknown) {
-    const msg = err instanceof Error ? err.message : String(err);
-    console.warn(`Expertise analysis failed (non-fatal): ${msg}`);
-    return [];
-  }
-};
-
 export const fetchProjectClassifications = async (
   token: string,
   repos: RepoClassificationInput[],