tiennm99/ghglance
1
0 Fork 0
mirror of https://github.com/tiennm99/ghglance.git synced 2026-10-11 03:13:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(demo): regenerate gallery

Browse Source
This commit is contained in:
github-actions[bot] committed 2026-04-19 02:55:52 +00:00
1 parent a3219e2892
commit 31cf6e265f
715 files changed
+12480 -11310
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

demo/2077/contributions-all-time.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#fcee0c" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#fcee0c"/>
<text x="318" y="153" font-size="10" fill="#fcee0c" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#fcee0c"/>
<text x="22" y="132" font-size="10" fill="#fcee0c" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#fcee0c"/>
<text x="318" y="132" font-size="10" fill="#fcee0c" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#fcee0c"/>
<text x="22" y="111" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#fcee0c"/>
<text x="318" y="111" font-size="10" fill="#fcee0c" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#fcee0c"/>
<text x="22" y="90" font-size="10" fill="#fcee0c" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#fcee0c"/>
<text x="318" y="90" font-size="10" fill="#fcee0c" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#fcee0c"/>
<text x="22" y="69" font-size="10" fill="#fcee0c" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#fcee0c"/>
<text x="318" y="69" font-size="10" fill="#fcee0c" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#fcee0c"/>
<text x="22" y="136" font-size="10" fill="#fcee0c" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#fcee0c"/>
<text x="318" y="136" font-size="10" fill="#fcee0c" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#fcee0c"/>
<text x="22" y="118" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#fcee0c"/>
<text x="318" y="118" font-size="10" fill="#fcee0c" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#fcee0c"/>
<text x="22" y="101" font-size="10" fill="#fcee0c" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#fcee0c"/>
<text x="318" y="101" font-size="10" fill="#fcee0c" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#fcee0c"/>
<text x="22" y="83" font-size="10" fill="#fcee0c" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#fcee0c"/>
<text x="318" y="83" font-size="10" fill="#fcee0c" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#fcee0c"/>
<text x="22" y="66" font-size="10" fill="#fcee0c" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#fcee0c"/>
<text x="318" y="66" font-size="10" fill="#fcee0c" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#fcee0c"/>
<text x="22" y="48" font-size="10" fill="#fcee0c" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#fcee0c" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#fcee0c"/>
<text x="318" y="48" font-size="10" fill="#fcee0c" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#fcee0c" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#fcee0c"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#fcee0c"/>
<text x="28" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">01/18</text>
@@ -40,7 +44,7 @@
<text x="246" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">05/24</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#fcee0c"/>
<text x="312" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">04/26</text>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#00ffc8" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94" fill="none" stroke="#00ffc8" stroke-width="2"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#00ffc8" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10" fill="none" stroke="#00ffc8" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#fcee0c" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

demo/2077/contributions-by-year.svg
+20 -18
View File
@@ -4,29 +4,31 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#fcee0c"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#fcee0c"/>
<text x="29" y="158" font-size="10" fill="#fcee0c" text-anchor="end">0</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#fcee0c"/>
<text x="29" y="136" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#fcee0c"/>
<text x="29" y="114" font-size="10" fill="#fcee0c" text-anchor="end">400</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#fcee0c"/>
<text x="29" y="92" font-size="10" fill="#fcee0c" text-anchor="end">600</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#fcee0c"/>
<text x="29" y="70" font-size="10" fill="#fcee0c" text-anchor="end">800</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#fcee0c"/>
<text x="29" y="140" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#fcee0c"/>
<text x="29" y="122" font-size="10" fill="#fcee0c" text-anchor="end">400</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#fcee0c"/>
<text x="29" y="103" font-size="10" fill="#fcee0c" text-anchor="end">600</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#fcee0c"/>
<text x="29" y="85" font-size="10" fill="#fcee0c" text-anchor="end">800</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#fcee0c"/>
<text x="29" y="67" font-size="10" fill="#fcee0c" text-anchor="end">1k</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#fcee0c"/>
<text x="29" y="48" font-size="10" fill="#fcee0c" text-anchor="end">1k</text>
<text x="29" y="48" font-size="10" fill="#fcee0c" text-anchor="end">1.2k</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#fcee0c"/>
<rect x="35.00" y="149.50" width="30.44" height="5.50" rx="2" fill="#09947c"><title>2018 — 50 commits</title></rect>
<rect x="35.00" y="150.42" width="30.44" height="4.58" rx="2" fill="#09947c"><title>2018 — 50 commits</title></rect>
<text x="50.22" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">2018</text>
<rect x="67.44" y="152.69" width="30.44" height="2.31" rx="2" fill="#09947c"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="148.07" width="30.44" height="6.93" rx="2" fill="#09947c"><title>2020 — 63 commits</title></rect>
<rect x="67.44" y="153.07" width="30.44" height="1.93" rx="2" fill="#09947c"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="149.22" width="30.44" height="5.78" rx="2" fill="#09947c"><title>2020 — 63 commits</title></rect>
<text x="115.11" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">2020</text>
<rect x="132.33" y="149.83" width="30.44" height="5.17" rx="2" fill="#09947c"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="120.68" width="30.44" height="34.32" rx="2" fill="#09947c"><title>2022 — 312 commits</title></rect>
<rect x="132.33" y="150.69" width="30.44" height="4.31" rx="2" fill="#09947c"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="126.40" width="30.44" height="28.60" rx="2" fill="#09947c"><title>2022 — 312 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">2022</text>
<rect x="197.22" y="100.22" width="30.44" height="54.78" rx="2" fill="#09947c"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="114.30" width="30.44" height="40.70" rx="2" fill="#09947c"><title>2024 — 370 commits</title></rect>
<rect x="197.22" y="109.35" width="30.44" height="45.65" rx="2" fill="#09947c"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="121.08" width="30.44" height="33.92" rx="2" fill="#09947c"><title>2024 — 370 commits</title></rect>
<text x="244.89" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">2024</text>
<rect x="262.11" y="34.44" width="30.44" height="120.56" rx="2" fill="#00ffc8"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="43.90" width="30.44" height="111.10" rx="2" fill="#09947c"><title>2026 — 1010 commits</title></rect>
<rect x="262.11" y="54.53" width="30.44" height="100.47" rx="2" fill="#00ffc8"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="62.23" width="30.44" height="92.77" rx="2" fill="#09947c"><title>2026 — 1012 commits</title></rect>
<text x="309.78" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">2026</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

demo/2077/contributions-heatmap.svg
+1 -1
View File
@@ -379,7 +379,7 @@
<rect x="328" y="86" width="5" height="5" rx="2" fill="#0a8974"><title>2026-04-16 — 28</title></rect>
<rect x="328" y="92" width="5" height="5" rx="2" fill="#0f4e4a"><title>2026-04-17 — 17</title></rect>
<rect x="328" y="98" width="5" height="5" rx="2" fill="#00ffc8"><title>2026-04-18 — 88</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#0a8974"><title>2026-04-19 — 36</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#0a8974"><title>2026-04-19 — 38</title></rect>
<text x="230" y="185" font-size="9" fill="#fcee0c">Less</text>
<rect x="258" y="182" width="5" height="5" rx="2" fill="#141321"/>
<rect x="265" y="182" width="5" height="5" rx="2" fill="#0f4e4a"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

demo/2077/contributions.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#fcee0c" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#fcee0c"/>
<text x="318" y="153" font-size="10" fill="#fcee0c" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#fcee0c"/>
<text x="22" y="132" font-size="10" fill="#fcee0c" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#fcee0c"/>
<text x="318" y="132" font-size="10" fill="#fcee0c" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#fcee0c"/>
<text x="22" y="111" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#fcee0c"/>
<text x="318" y="111" font-size="10" fill="#fcee0c" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#fcee0c"/>
<text x="22" y="90" font-size="10" fill="#fcee0c" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#fcee0c"/>
<text x="318" y="90" font-size="10" fill="#fcee0c" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#fcee0c"/>
<text x="22" y="69" font-size="10" fill="#fcee0c" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#fcee0c"/>
<text x="318" y="69" font-size="10" fill="#fcee0c" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#fcee0c"/>
<text x="22" y="136" font-size="10" fill="#fcee0c" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#fcee0c"/>
<text x="318" y="136" font-size="10" fill="#fcee0c" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#fcee0c"/>
<text x="22" y="118" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#fcee0c"/>
<text x="318" y="118" font-size="10" fill="#fcee0c" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#fcee0c"/>
<text x="22" y="101" font-size="10" fill="#fcee0c" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#fcee0c"/>
<text x="318" y="101" font-size="10" fill="#fcee0c" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#fcee0c"/>
<text x="22" y="83" font-size="10" fill="#fcee0c" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#fcee0c"/>
<text x="318" y="83" font-size="10" fill="#fcee0c" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#fcee0c"/>
<text x="22" y="66" font-size="10" fill="#fcee0c" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#fcee0c"/>
<text x="318" y="66" font-size="10" fill="#fcee0c" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#fcee0c"/>
<text x="22" y="48" font-size="10" fill="#fcee0c" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#fcee0c" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#fcee0c"/>
<text x="318" y="48" font-size="10" fill="#fcee0c" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#fcee0c" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#fcee0c"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#fcee0c"/>
<text x="28" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">04/25</text>
@@ -42,7 +46,7 @@
<text x="264" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">02/26</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#fcee0c"/>
<text x="312" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">04/26</text>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#00ffc8" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94" fill="none" stroke="#00ffc8" stroke-width="2"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#00ffc8" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10" fill="none" stroke="#00ffc8" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#fcee0c" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

demo/2077/most-commit-language-all-time.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#141321" stroke="#141321" stroke-opacity="1.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#ff0055">Most Commit Language (all time)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#141321" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#03d8f3">JavaScript 31.57%</text>
<text x="36" y="55" font-size="11" fill="#03d8f3">JavaScript 31.56%</text>
<rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#141321" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#03d8f3">Java 18.74%</text>
<text x="36" y="75" font-size="11" fill="#03d8f3">Java 18.73%</text>
<rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#141321" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#03d8f3">HTML 18.71%</text>
<rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#141321" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#03d8f3">Go 7.44%</text>
<text x="36" y="115" font-size="11" fill="#03d8f3">Go 7.48%</text>
<rect x="20" y="127" width="10" height="10" fill="#00ffc8" stroke="#141321" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#03d8f3">Other 23.54%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.38,132.06 L277.48,122.03 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141321" stroke-width="1.5"/>
<path d="M300.38,132.06 A55.00,55.00 0 0 1 248.93,164.99 L249.42,139.99 A30.00,30.00 0 0 0 277.48,122.03 Z" fill="#b07219" stroke="#141321" stroke-width="1.5"/>
<path d="M248.93,164.99 A55.00,55.00 0 0 1 198.84,130.18 L222.09,121.01 A30.00,30.00 0 0 0 249.42,139.99 Z" fill="#e34c26" stroke="#141321" stroke-width="1.5"/>
<path d="M198.84,130.18 A55.00,55.00 0 0 1 195.23,104.95 L220.13,107.24 A30.00,30.00 0 0 0 222.09,121.01 Z" fill="#00ADD8" stroke="#141321" stroke-width="1.5"/>
<path d="M195.23,104.95 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.24 Z" fill="#00ffc8" stroke="#141321" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#03d8f3">Other 23.53%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.40,132.03 L277.49,122.01 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141321" stroke-width="1.5"/>
<path d="M300.40,132.03 A55.00,55.00 0 0 1 248.99,164.99 L249.45,139.99 A30.00,30.00 0 0 0 277.49,122.01 Z" fill="#b07219" stroke="#141321" stroke-width="1.5"/>
<path d="M248.99,164.99 A55.00,55.00 0 0 1 198.87,130.26 L222.11,121.05 A30.00,30.00 0 0 0 249.45,139.99 Z" fill="#e34c26" stroke="#141321" stroke-width="1.5"/>
<path d="M198.87,130.26 A55.00,55.00 0 0 1 195.24,104.92 L220.13,107.23 A30.00,30.00 0 0 0 222.11,121.05 Z" fill="#00ADD8" stroke="#141321" stroke-width="1.5"/>
<path d="M195.24,104.92 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.23 Z" fill="#00ffc8" stroke="#141321" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/2077/most-commit-language.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#141321" stroke="#141321" stroke-opacity="1.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#ff0055">Most Commit Language (last year)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#141321" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#03d8f3">JavaScript 44.73%</text>
<text x="36" y="55" font-size="11" fill="#03d8f3">JavaScript 44.70%</text>
<rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#141321" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#03d8f3">Go 13.30%</text>
<text x="36" y="75" font-size="11" fill="#03d8f3">Go 13.35%</text>
<rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#141321" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#03d8f3">Java 10.69%</text>
<text x="36" y="95" font-size="11" fill="#03d8f3">Java 10.68%</text>
<rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#141321" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#03d8f3">HTML 9.69%</text>
<rect x="20" y="127" width="10" height="10" fill="#00ffc8" stroke="#141321" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#03d8f3">Other 21.59%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.88,162.01 L259.75,138.37 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141321" stroke-width="1.5"/>
<path d="M267.88,162.01 A55.00,55.00 0 0 1 223.42,158.15 L235.50,136.26 A30.00,30.00 0 0 0 259.75,138.37 Z" fill="#00ADD8" stroke="#141321" stroke-width="1.5"/>
<path d="M223.42,158.15 A55.00,55.00 0 0 1 199.23,131.14 L222.30,121.53 A30.00,30.00 0 0 0 235.50,136.26 Z" fill="#b07219" stroke="#141321" stroke-width="1.5"/>
<path d="M199.23,131.14 A55.00,55.00 0 0 1 196.26,98.29 L220.69,103.61 A30.00,30.00 0 0 0 222.30,121.53 Z" fill="#e34c26" stroke="#141321" stroke-width="1.5"/>
<path d="M196.26,98.29 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.61 Z" fill="#00ffc8" stroke="#141321" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#03d8f3">Other 21.57%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.97,161.98 L259.80,138.35 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141321" stroke-width="1.5"/>
<path d="M267.97,161.98 A55.00,55.00 0 0 1 223.34,158.10 L235.46,136.24 A30.00,30.00 0 0 0 259.80,138.35 Z" fill="#00ADD8" stroke="#141321" stroke-width="1.5"/>
<path d="M223.34,158.10 A55.00,55.00 0 0 1 199.20,131.08 L222.29,121.50 A30.00,30.00 0 0 0 235.46,136.24 Z" fill="#b07219" stroke="#141321" stroke-width="1.5"/>
<path d="M199.20,131.08 A55.00,55.00 0 0 1 196.27,98.25 L220.69,103.59 A30.00,30.00 0 0 0 222.29,121.50 Z" fill="#e34c26" stroke="#141321" stroke-width="1.5"/>
<path d="M196.27,98.25 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.59 Z" fill="#00ffc8" stroke="#141321" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/2077/productive-time-all-time.svg
+37 -35
View File
@@ -4,18 +4,20 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#fcee0c"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#fcee0c"/>
<text x="29" y="158" font-size="10" fill="#fcee0c" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#fcee0c"/>
<text x="29" y="140" font-size="10" fill="#fcee0c" text-anchor="end">50</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#fcee0c"/>
<text x="29" y="122" font-size="10" fill="#fcee0c" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#fcee0c"/>
<text x="29" y="103" font-size="10" fill="#fcee0c" text-anchor="end">150</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#fcee0c"/>
<text x="29" y="85" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#fcee0c"/>
<text x="29" y="67" font-size="10" fill="#fcee0c" text-anchor="end">250</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#fcee0c"/>
<text x="29" y="143" font-size="10" fill="#fcee0c" text-anchor="end">50</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#fcee0c"/>
<text x="29" y="127" font-size="10" fill="#fcee0c" text-anchor="end">100</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#fcee0c"/>
<text x="29" y="111" font-size="10" fill="#fcee0c" text-anchor="end">150</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#fcee0c"/>
<text x="29" y="96" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#fcee0c"/>
<text x="29" y="80" font-size="10" fill="#fcee0c" text-anchor="end">250</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#fcee0c"/>
<text x="29" y="64" font-size="10" fill="#fcee0c" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#fcee0c"/>
<text x="29" y="48" font-size="10" fill="#fcee0c" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#fcee0c" text-anchor="end">350</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#fcee0c"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#fcee0c"/>
<text x="40" y="171" font-size="10" fill="#fcee0c" text-anchor="middle">0</text>
@@ -27,29 +29,29 @@
<text x="258" y="171" font-size="10" fill="#fcee0c" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#fcee0c"/>
<text x="319" y="171" font-size="10" fill="#fcee0c" text-anchor="middle">23</text>
<rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#00ffc8"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#00ffc8"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#00ffc8"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#00ffc8"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#00ffc8"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#00ffc8"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#00ffc8"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#00ffc8"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="135.93" width="11.12" height="19.07" rx="2" fill="#00ffc8"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="107.70" width="11.12" height="47.30" rx="2" fill="#00ffc8"><title>09:00 — 129 commits</title></rect>
<rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#00ffc8"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#00ffc8"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#00ffc8"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#00ffc8"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#00ffc8"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#00ffc8"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#00ffc8"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#00ffc8"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#00ffc8"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#00ffc8"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#00ffc8"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#00ffc8"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#00ffc8"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#00ffc8"><title>23:00 — 298 commits</title></rect>
<rect x="35.00" y="103.14" width="11.12" height="51.86" rx="2" fill="#00ffc8"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="136.14" width="11.12" height="18.86" rx="2" fill="#00ffc8"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="150.29" width="11.12" height="4.71" rx="2" fill="#00ffc8"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="151.54" width="11.12" height="3.46" rx="2" fill="#00ffc8"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="152.17" width="11.12" height="2.83" rx="2" fill="#00ffc8"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.80" width="11.12" height="2.20" rx="2" fill="#00ffc8"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="151.54" width="11.12" height="3.46" rx="2" fill="#00ffc8"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="150.29" width="11.12" height="4.71" rx="2" fill="#00ffc8"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="138.66" width="11.12" height="16.34" rx="2" fill="#00ffc8"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="114.14" width="11.12" height="40.86" rx="2" fill="#00ffc8"><title>09:00 — 130 commits</title></rect>
<rect x="156.25" y="98.43" width="11.12" height="56.57" rx="2" fill="#00ffc8"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="96.86" width="11.12" height="58.14" rx="2" fill="#00ffc8"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="113.83" width="11.12" height="41.17" rx="2" fill="#00ffc8"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="112.26" width="11.12" height="42.74" rx="2" fill="#00ffc8"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="110.06" width="11.12" height="44.94" rx="2" fill="#00ffc8"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="122.63" width="11.12" height="32.37" rx="2" fill="#00ffc8"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="122.31" width="11.12" height="32.69" rx="2" fill="#00ffc8"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="120.74" width="11.12" height="34.26" rx="2" fill="#00ffc8"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="114.46" width="11.12" height="40.54" rx="2" fill="#00ffc8"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="122.00" width="11.12" height="33.00" rx="2" fill="#00ffc8"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="72.66" width="11.12" height="82.34" rx="2" fill="#00ffc8"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="47.83" width="11.12" height="107.17" rx="2" fill="#00ffc8"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="54.74" width="11.12" height="100.26" rx="2" fill="#00ffc8"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="61.34" width="11.12" height="93.66" rx="2" fill="#00ffc8"><title>23:00 — 298 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#fcee0c" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

demo/2077/productive-time.svg
+31 -29
View File
@@ -4,14 +4,16 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#fcee0c"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#fcee0c"/>
<text x="29" y="158" font-size="10" fill="#fcee0c" text-anchor="end">0</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#fcee0c"/>
<text x="29" y="131" font-size="10" fill="#fcee0c" text-anchor="end">50</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#fcee0c"/>
<text x="29" y="103" font-size="10" fill="#fcee0c" text-anchor="end">100</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#fcee0c"/>
<text x="29" y="76" font-size="10" fill="#fcee0c" text-anchor="end">150</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#fcee0c"/>
<text x="29" y="136" font-size="10" fill="#fcee0c" text-anchor="end">50</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#fcee0c"/>
<text x="29" y="114" font-size="10" fill="#fcee0c" text-anchor="end">100</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#fcee0c"/>
<text x="29" y="92" font-size="10" fill="#fcee0c" text-anchor="end">150</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#fcee0c"/>
<text x="29" y="70" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#fcee0c"/>
<text x="29" y="48" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<text x="29" y="48" font-size="10" fill="#fcee0c" text-anchor="end">250</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#fcee0c"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#fcee0c"/>
<text x="40" y="171" font-size="10" fill="#fcee0c" text-anchor="middle">0</text>
@@ -23,29 +25,29 @@
<text x="258" y="171" font-size="10" fill="#fcee0c" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#fcee0c"/>
<text x="319" y="171" font-size="10" fill="#fcee0c" text-anchor="middle">23</text>
<rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#00ffc8"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#00ffc8"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#00ffc8"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#00ffc8"><title>03:00 — 4 commits</title></rect>
<rect x="35.00" y="114.96" width="11.12" height="40.04" rx="2" fill="#00ffc8"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="142.68" width="11.12" height="12.32" rx="2" fill="#00ffc8"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="153.24" width="11.12" height="1.76" rx="2" fill="#00ffc8"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="153.24" width="11.12" height="1.76" rx="2" fill="#00ffc8"><title>03:00 — 4 commits</title></rect>
<rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#00ffc8"><title>04:00 — 0 commits</title></rect>
<rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#00ffc8"><title>05:00 — 0 commits</title></rect>
<rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#00ffc8"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#00ffc8"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="135.20" width="11.12" height="19.80" rx="2" fill="#00ffc8"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="97.80" width="11.12" height="57.20" rx="2" fill="#00ffc8"><title>09:00 — 104 commits</title></rect>
<rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#00ffc8"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#00ffc8"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#00ffc8"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#00ffc8"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#00ffc8"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#00ffc8"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#00ffc8"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#00ffc8"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#00ffc8"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#00ffc8"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#00ffc8"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#00ffc8"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#00ffc8"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#00ffc8"><title>23:00 — 185 commits</title></rect>
<rect x="107.75" y="153.68" width="11.12" height="1.32" rx="2" fill="#00ffc8"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.56" width="11.12" height="0.44" rx="2" fill="#00ffc8"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="139.16" width="11.12" height="15.84" rx="2" fill="#00ffc8"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="108.80" width="11.12" height="46.20" rx="2" fill="#00ffc8"><title>09:00 — 105 commits</title></rect>
<rect x="156.25" y="101.76" width="11.12" height="53.24" rx="2" fill="#00ffc8"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="114.52" width="11.12" height="40.48" rx="2" fill="#00ffc8"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="131.24" width="11.12" height="23.76" rx="2" fill="#00ffc8"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="123.76" width="11.12" height="31.24" rx="2" fill="#00ffc8"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="128.60" width="11.12" height="26.40" rx="2" fill="#00ffc8"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="129.92" width="11.12" height="25.08" rx="2" fill="#00ffc8"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="127.72" width="11.12" height="27.28" rx="2" fill="#00ffc8"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="127.28" width="11.12" height="27.72" rx="2" fill="#00ffc8"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="128.16" width="11.12" height="26.84" rx="2" fill="#00ffc8"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="136.52" width="11.12" height="18.48" rx="2" fill="#00ffc8"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="95.60" width="11.12" height="59.40" rx="2" fill="#00ffc8"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="86.36" width="11.12" height="68.64" rx="2" fill="#00ffc8"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="65.24" width="11.12" height="89.76" rx="2" fill="#00ffc8"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="73.60" width="11.12" height="81.40" rx="2" fill="#00ffc8"><title>23:00 — 185 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#fcee0c" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

demo/2077/productive-weekday-all-time.svg
+20 -18
View File
@@ -4,31 +4,33 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#fcee0c"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#fcee0c"/>
<text x="29" y="158" font-size="10" fill="#fcee0c" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#fcee0c"/>
<text x="29" y="140" font-size="10" fill="#fcee0c" text-anchor="end">100</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#fcee0c"/>
<text x="29" y="122" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#fcee0c"/>
<text x="29" y="103" font-size="10" fill="#fcee0c" text-anchor="end">300</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#fcee0c"/>
<text x="29" y="85" font-size="10" fill="#fcee0c" text-anchor="end">400</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#fcee0c"/>
<text x="29" y="67" font-size="10" fill="#fcee0c" text-anchor="end">500</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#fcee0c"/>
<text x="29" y="143" font-size="10" fill="#fcee0c" text-anchor="end">100</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#fcee0c"/>
<text x="29" y="127" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#fcee0c"/>
<text x="29" y="111" font-size="10" fill="#fcee0c" text-anchor="end">300</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#fcee0c"/>
<text x="29" y="96" font-size="10" fill="#fcee0c" text-anchor="end">400</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#fcee0c"/>
<text x="29" y="80" font-size="10" fill="#fcee0c" text-anchor="end">500</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#fcee0c"/>
<text x="29" y="64" font-size="10" fill="#fcee0c" text-anchor="end">600</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#fcee0c"/>
<text x="29" y="48" font-size="10" fill="#fcee0c" text-anchor="end">600</text>
<text x="29" y="48" font-size="10" fill="#fcee0c" text-anchor="end">700</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#fcee0c"/>
<rect x="35.00" y="49.77" width="36.29" height="105.23" rx="2" fill="#09947c"><title>Sun — 574 commits</title></rect>
<rect x="35.00" y="64.64" width="36.29" height="90.36" rx="2" fill="#09947c"><title>Sun — 575 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Sun</text>
<rect x="77.29" y="89.92" width="36.29" height="65.08" rx="2" fill="#09947c"><title>Mon — 355 commits</title></rect>
<rect x="77.29" y="99.21" width="36.29" height="55.79" rx="2" fill="#09947c"><title>Mon — 355 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Mon</text>
<rect x="119.57" y="78.55" width="36.29" height="76.45" rx="2" fill="#09947c"><title>Tue — 417 commits</title></rect>
<rect x="119.57" y="89.47" width="36.29" height="65.53" rx="2" fill="#09947c"><title>Tue — 417 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Tue</text>
<rect x="161.86" y="91.93" width="36.29" height="63.07" rx="2" fill="#09947c"><title>Wed — 344 commits</title></rect>
<rect x="161.86" y="100.94" width="36.29" height="54.06" rx="2" fill="#09947c"><title>Wed — 344 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Wed</text>
<rect x="204.14" y="84.23" width="36.29" height="70.77" rx="2" fill="#09947c"><title>Thu — 386 commits</title></rect>
<rect x="204.14" y="94.34" width="36.29" height="60.66" rx="2" fill="#09947c"><title>Thu — 386 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Thu</text>
<rect x="246.43" y="96.70" width="36.29" height="58.30" rx="2" fill="#09947c"><title>Fri — 318 commits</title></rect>
<rect x="246.43" y="105.03" width="36.29" height="49.97" rx="2" fill="#09947c"><title>Fri — 318 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Fri</text>
<rect x="288.71" y="40.42" width="36.29" height="114.58" rx="2" fill="#00ffc8"><title>Sat — 625 commits</title></rect>
<rect x="288.71" y="56.79" width="36.29" height="98.21" rx="2" fill="#00ffc8"><title>Sat — 625 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

demo/2077/productive-weekday.svg
+14 -12
View File
@@ -4,25 +4,27 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#fcee0c"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#fcee0c"/>
<text x="29" y="158" font-size="10" fill="#fcee0c" text-anchor="end">0</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#fcee0c"/>
<text x="29" y="122" font-size="10" fill="#fcee0c" text-anchor="end">100</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#fcee0c"/>
<text x="29" y="85" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#fcee0c"/>
<text x="29" y="131" font-size="10" fill="#fcee0c" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#fcee0c"/>
<text x="29" y="103" font-size="10" fill="#fcee0c" text-anchor="end">200</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#fcee0c"/>
<text x="29" y="76" font-size="10" fill="#fcee0c" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#fcee0c"/>
<text x="29" y="48" font-size="10" fill="#fcee0c" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#fcee0c" text-anchor="end">400</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#fcee0c"/>
<rect x="35.00" y="68.10" width="36.29" height="86.90" rx="2" fill="#09947c"><title>Sun — 237 commits</title></rect>
<rect x="35.00" y="89.55" width="36.29" height="65.45" rx="2" fill="#09947c"><title>Sun — 238 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Sun</text>
<rect x="77.29" y="87.53" width="36.29" height="67.47" rx="2" fill="#09947c"><title>Mon — 184 commits</title></rect>
<rect x="77.29" y="104.40" width="36.29" height="50.60" rx="2" fill="#09947c"><title>Mon — 184 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Mon</text>
<rect x="119.57" y="66.27" width="36.29" height="88.73" rx="2" fill="#09947c"><title>Tue — 242 commits</title></rect>
<rect x="119.57" y="88.45" width="36.29" height="66.55" rx="2" fill="#09947c"><title>Tue — 242 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Tue</text>
<rect x="161.86" y="80.20" width="36.29" height="74.80" rx="2" fill="#09947c"><title>Wed — 204 commits</title></rect>
<rect x="161.86" y="98.90" width="36.29" height="56.10" rx="2" fill="#09947c"><title>Wed — 204 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Wed</text>
<rect x="204.14" y="75.43" width="36.29" height="79.57" rx="2" fill="#09947c"><title>Thu — 217 commits</title></rect>
<rect x="204.14" y="95.33" width="36.29" height="59.67" rx="2" fill="#09947c"><title>Thu — 217 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Thu</text>
<rect x="246.43" y="86.80" width="36.29" height="68.20" rx="2" fill="#09947c"><title>Fri — 186 commits</title></rect>
<rect x="246.43" y="103.85" width="36.29" height="51.15" rx="2" fill="#09947c"><title>Fri — 186 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Fri</text>
<rect x="288.71" y="21.53" width="36.29" height="133.47" rx="2" fill="#00ffc8"><title>Sat — 364 commits</title></rect>
<rect x="288.71" y="54.90" width="36.29" height="100.10" rx="2" fill="#00ffc8"><title>Sat — 364 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#fcee0c" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

demo/2077/stats.svg
+3 -3
View File
@@ -6,13 +6,13 @@
<text x="320" y="55" font-size="12" font-weight="600" fill="#00ffc8" text-anchor="end">4</text>
<g transform="translate(20,65.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="75" font-size="12" fill="#03d8f3">Total Commits (all time)</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#00ffc8" text-anchor="end">3,148</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#00ffc8" text-anchor="end">3,149</text>
<g transform="translate(20,85.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="95" font-size="12" fill="#03d8f3">Total Commits (last year)</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#00ffc8" text-anchor="end">1,776</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#00ffc8" text-anchor="end">1,777</text>
<g transform="translate(20,105.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"/></g>
<text x="40" y="115" font-size="12" fill="#03d8f3">Total PRs</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#00ffc8" text-anchor="end">83</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#00ffc8" text-anchor="end">84</text>
<g transform="translate(20,125.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"/></g>
<text x="40" y="135" font-size="12" fill="#03d8f3">Total Issues</text>
<text x="320" y="135" font-size="12" font-weight="600" fill="#00ffc8" text-anchor="end">7</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

demo/algolia/contributions-all-time.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#2dde98" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#2dde98"/>
<text x="318" y="153" font-size="10" fill="#2dde98" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#2dde98"/>
<text x="22" y="132" font-size="10" fill="#2dde98" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#2dde98"/>
<text x="318" y="132" font-size="10" fill="#2dde98" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#2dde98"/>
<text x="22" y="111" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#2dde98"/>
<text x="318" y="111" font-size="10" fill="#2dde98" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#2dde98"/>
<text x="22" y="90" font-size="10" fill="#2dde98" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#2dde98"/>
<text x="318" y="90" font-size="10" fill="#2dde98" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#2dde98"/>
<text x="22" y="69" font-size="10" fill="#2dde98" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#2dde98"/>
<text x="318" y="69" font-size="10" fill="#2dde98" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#2dde98"/>
<text x="22" y="136" font-size="10" fill="#2dde98" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#2dde98"/>
<text x="318" y="136" font-size="10" fill="#2dde98" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#2dde98"/>
<text x="22" y="118" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#2dde98"/>
<text x="318" y="118" font-size="10" fill="#2dde98" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#2dde98"/>
<text x="22" y="101" font-size="10" fill="#2dde98" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#2dde98"/>
<text x="318" y="101" font-size="10" fill="#2dde98" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#2dde98"/>
<text x="22" y="83" font-size="10" fill="#2dde98" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#2dde98"/>
<text x="318" y="83" font-size="10" fill="#2dde98" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#2dde98"/>
<text x="22" y="66" font-size="10" fill="#2dde98" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#2dde98"/>
<text x="318" y="66" font-size="10" fill="#2dde98" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#2dde98"/>
<text x="22" y="48" font-size="10" fill="#2dde98" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#2dde98" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#2dde98"/>
<text x="318" y="48" font-size="10" fill="#2dde98" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#2dde98" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#2dde98"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#2dde98"/>
<text x="28" y="166" font-size="10" fill="#2dde98" text-anchor="middle">01/18</text>
@@ -40,7 +44,7 @@
<text x="246" y="166" font-size="10" fill="#2dde98" text-anchor="middle">05/24</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#2dde98"/>
<text x="312" y="166" font-size="10" fill="#2dde98" text-anchor="middle">04/26</text>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#00aeff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94" fill="none" stroke="#00aeff" stroke-width="2"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#00aeff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10" fill="none" stroke="#00aeff" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#2dde98" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

demo/algolia/contributions-by-year.svg
+20 -18
View File
@@ -4,29 +4,31 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#2dde98"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#2dde98"/>
<text x="29" y="158" font-size="10" fill="#2dde98" text-anchor="end">0</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#2dde98"/>
<text x="29" y="136" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#2dde98"/>
<text x="29" y="114" font-size="10" fill="#2dde98" text-anchor="end">400</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#2dde98"/>
<text x="29" y="92" font-size="10" fill="#2dde98" text-anchor="end">600</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#2dde98"/>
<text x="29" y="70" font-size="10" fill="#2dde98" text-anchor="end">800</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#2dde98"/>
<text x="29" y="140" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#2dde98"/>
<text x="29" y="122" font-size="10" fill="#2dde98" text-anchor="end">400</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#2dde98"/>
<text x="29" y="103" font-size="10" fill="#2dde98" text-anchor="end">600</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#2dde98"/>
<text x="29" y="85" font-size="10" fill="#2dde98" text-anchor="end">800</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#2dde98"/>
<text x="29" y="67" font-size="10" fill="#2dde98" text-anchor="end">1k</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#2dde98"/>
<text x="29" y="48" font-size="10" fill="#2dde98" text-anchor="end">1k</text>
<text x="29" y="48" font-size="10" fill="#2dde98" text-anchor="end">1.2k</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#2dde98"/>
<rect x="35.00" y="149.50" width="30.44" height="5.50" rx="2" fill="#0266a0"><title>2018 — 50 commits</title></rect>
<rect x="35.00" y="150.42" width="30.44" height="4.58" rx="2" fill="#0266a0"><title>2018 — 50 commits</title></rect>
<text x="50.22" y="169" font-size="10" fill="#2dde98" text-anchor="middle">2018</text>
<rect x="67.44" y="152.69" width="30.44" height="2.31" rx="2" fill="#0266a0"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="148.07" width="30.44" height="6.93" rx="2" fill="#0266a0"><title>2020 — 63 commits</title></rect>
<rect x="67.44" y="153.07" width="30.44" height="1.93" rx="2" fill="#0266a0"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="149.22" width="30.44" height="5.78" rx="2" fill="#0266a0"><title>2020 — 63 commits</title></rect>
<text x="115.11" y="169" font-size="10" fill="#2dde98" text-anchor="middle">2020</text>
<rect x="132.33" y="149.83" width="30.44" height="5.17" rx="2" fill="#0266a0"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="120.68" width="30.44" height="34.32" rx="2" fill="#0266a0"><title>2022 — 312 commits</title></rect>
<rect x="132.33" y="150.69" width="30.44" height="4.31" rx="2" fill="#0266a0"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="126.40" width="30.44" height="28.60" rx="2" fill="#0266a0"><title>2022 — 312 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#2dde98" text-anchor="middle">2022</text>
<rect x="197.22" y="100.22" width="30.44" height="54.78" rx="2" fill="#0266a0"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="114.30" width="30.44" height="40.70" rx="2" fill="#0266a0"><title>2024 — 370 commits</title></rect>
<rect x="197.22" y="109.35" width="30.44" height="45.65" rx="2" fill="#0266a0"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="121.08" width="30.44" height="33.92" rx="2" fill="#0266a0"><title>2024 — 370 commits</title></rect>
<text x="244.89" y="169" font-size="10" fill="#2dde98" text-anchor="middle">2024</text>
<rect x="262.11" y="34.44" width="30.44" height="120.56" rx="2" fill="#00aeff"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="43.90" width="30.44" height="111.10" rx="2" fill="#0266a0"><title>2026 — 1010 commits</title></rect>
<rect x="262.11" y="54.53" width="30.44" height="100.47" rx="2" fill="#00aeff"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="62.23" width="30.44" height="92.77" rx="2" fill="#0266a0"><title>2026 — 1012 commits</title></rect>
<text x="309.78" y="169" font-size="10" fill="#2dde98" text-anchor="middle">2026</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

demo/algolia/contributions-heatmap.svg
+1 -1
View File
@@ -379,7 +379,7 @@
<rect x="328" y="86" width="5" height="5" rx="2" fill="#025e95"><title>2026-04-16 — 28</title></rect>
<rect x="328" y="92" width="5" height="5" rx="2" fill="#033660"><title>2026-04-17 — 17</title></rect>
<rect x="328" y="98" width="5" height="5" rx="2" fill="#00aeff"><title>2026-04-18 — 88</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#025e95"><title>2026-04-19 — 36</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#025e95"><title>2026-04-19 — 38</title></rect>
<text x="230" y="185" font-size="9" fill="#2dde98">Less</text>
<rect x="258" y="182" width="5" height="5" rx="2" fill="#050f2c"/>
<rect x="265" y="182" width="5" height="5" rx="2" fill="#033660"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

demo/algolia/contributions.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#2dde98" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#2dde98"/>
<text x="318" y="153" font-size="10" fill="#2dde98" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#2dde98"/>
<text x="22" y="132" font-size="10" fill="#2dde98" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#2dde98"/>
<text x="318" y="132" font-size="10" fill="#2dde98" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#2dde98"/>
<text x="22" y="111" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#2dde98"/>
<text x="318" y="111" font-size="10" fill="#2dde98" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#2dde98"/>
<text x="22" y="90" font-size="10" fill="#2dde98" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#2dde98"/>
<text x="318" y="90" font-size="10" fill="#2dde98" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#2dde98"/>
<text x="22" y="69" font-size="10" fill="#2dde98" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#2dde98"/>
<text x="318" y="69" font-size="10" fill="#2dde98" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#2dde98"/>
<text x="22" y="136" font-size="10" fill="#2dde98" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#2dde98"/>
<text x="318" y="136" font-size="10" fill="#2dde98" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#2dde98"/>
<text x="22" y="118" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#2dde98"/>
<text x="318" y="118" font-size="10" fill="#2dde98" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#2dde98"/>
<text x="22" y="101" font-size="10" fill="#2dde98" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#2dde98"/>
<text x="318" y="101" font-size="10" fill="#2dde98" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#2dde98"/>
<text x="22" y="83" font-size="10" fill="#2dde98" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#2dde98"/>
<text x="318" y="83" font-size="10" fill="#2dde98" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#2dde98"/>
<text x="22" y="66" font-size="10" fill="#2dde98" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#2dde98"/>
<text x="318" y="66" font-size="10" fill="#2dde98" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#2dde98"/>
<text x="22" y="48" font-size="10" fill="#2dde98" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#2dde98" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#2dde98"/>
<text x="318" y="48" font-size="10" fill="#2dde98" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#2dde98" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#2dde98"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#2dde98"/>
<text x="28" y="166" font-size="10" fill="#2dde98" text-anchor="middle">04/25</text>
@@ -42,7 +46,7 @@
<text x="264" y="166" font-size="10" fill="#2dde98" text-anchor="middle">02/26</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#2dde98"/>
<text x="312" y="166" font-size="10" fill="#2dde98" text-anchor="middle">04/26</text>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#00aeff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94" fill="none" stroke="#00aeff" stroke-width="2"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#00aeff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10" fill="none" stroke="#00aeff" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#2dde98" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

demo/algolia/most-commit-language-all-time.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#050f2c" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#00aeff">Most Commit Language (all time)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#050f2c" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.57%</text>
<text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.56%</text>
<rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#050f2c" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#ffffff">Java 18.74%</text>
<text x="36" y="75" font-size="11" fill="#ffffff">Java 18.73%</text>
<rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#050f2c" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#ffffff">HTML 18.71%</text>
<rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#050f2c" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#ffffff">Go 7.44%</text>
<text x="36" y="115" font-size="11" fill="#ffffff">Go 7.48%</text>
<rect x="20" y="127" width="10" height="10" fill="#00aeff" stroke="#050f2c" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#ffffff">Other 23.54%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.38,132.06 L277.48,122.03 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#050f2c" stroke-width="1.5"/>
<path d="M300.38,132.06 A55.00,55.00 0 0 1 248.93,164.99 L249.42,139.99 A30.00,30.00 0 0 0 277.48,122.03 Z" fill="#b07219" stroke="#050f2c" stroke-width="1.5"/>
<path d="M248.93,164.99 A55.00,55.00 0 0 1 198.84,130.18 L222.09,121.01 A30.00,30.00 0 0 0 249.42,139.99 Z" fill="#e34c26" stroke="#050f2c" stroke-width="1.5"/>
<path d="M198.84,130.18 A55.00,55.00 0 0 1 195.23,104.95 L220.13,107.24 A30.00,30.00 0 0 0 222.09,121.01 Z" fill="#00ADD8" stroke="#050f2c" stroke-width="1.5"/>
<path d="M195.23,104.95 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.24 Z" fill="#00aeff" stroke="#050f2c" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#ffffff">Other 23.53%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.40,132.03 L277.49,122.01 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#050f2c" stroke-width="1.5"/>
<path d="M300.40,132.03 A55.00,55.00 0 0 1 248.99,164.99 L249.45,139.99 A30.00,30.00 0 0 0 277.49,122.01 Z" fill="#b07219" stroke="#050f2c" stroke-width="1.5"/>
<path d="M248.99,164.99 A55.00,55.00 0 0 1 198.87,130.26 L222.11,121.05 A30.00,30.00 0 0 0 249.45,139.99 Z" fill="#e34c26" stroke="#050f2c" stroke-width="1.5"/>
<path d="M198.87,130.26 A55.00,55.00 0 0 1 195.24,104.92 L220.13,107.23 A30.00,30.00 0 0 0 222.11,121.05 Z" fill="#00ADD8" stroke="#050f2c" stroke-width="1.5"/>
<path d="M195.24,104.92 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.23 Z" fill="#00aeff" stroke="#050f2c" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/algolia/most-commit-language.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#050f2c" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#00aeff">Most Commit Language (last year)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#050f2c" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.73%</text>
<text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.70%</text>
<rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#050f2c" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#ffffff">Go 13.30%</text>
<text x="36" y="75" font-size="11" fill="#ffffff">Go 13.35%</text>
<rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#050f2c" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#ffffff">Java 10.69%</text>
<text x="36" y="95" font-size="11" fill="#ffffff">Java 10.68%</text>
<rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#050f2c" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#ffffff">HTML 9.69%</text>
<rect x="20" y="127" width="10" height="10" fill="#00aeff" stroke="#050f2c" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#ffffff">Other 21.59%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.88,162.01 L259.75,138.37 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#050f2c" stroke-width="1.5"/>
<path d="M267.88,162.01 A55.00,55.00 0 0 1 223.42,158.15 L235.50,136.26 A30.00,30.00 0 0 0 259.75,138.37 Z" fill="#00ADD8" stroke="#050f2c" stroke-width="1.5"/>
<path d="M223.42,158.15 A55.00,55.00 0 0 1 199.23,131.14 L222.30,121.53 A30.00,30.00 0 0 0 235.50,136.26 Z" fill="#b07219" stroke="#050f2c" stroke-width="1.5"/>
<path d="M199.23,131.14 A55.00,55.00 0 0 1 196.26,98.29 L220.69,103.61 A30.00,30.00 0 0 0 222.30,121.53 Z" fill="#e34c26" stroke="#050f2c" stroke-width="1.5"/>
<path d="M196.26,98.29 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.61 Z" fill="#00aeff" stroke="#050f2c" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#ffffff">Other 21.57%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.97,161.98 L259.80,138.35 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#050f2c" stroke-width="1.5"/>
<path d="M267.97,161.98 A55.00,55.00 0 0 1 223.34,158.10 L235.46,136.24 A30.00,30.00 0 0 0 259.80,138.35 Z" fill="#00ADD8" stroke="#050f2c" stroke-width="1.5"/>
<path d="M223.34,158.10 A55.00,55.00 0 0 1 199.20,131.08 L222.29,121.50 A30.00,30.00 0 0 0 235.46,136.24 Z" fill="#b07219" stroke="#050f2c" stroke-width="1.5"/>
<path d="M199.20,131.08 A55.00,55.00 0 0 1 196.27,98.25 L220.69,103.59 A30.00,30.00 0 0 0 222.29,121.50 Z" fill="#e34c26" stroke="#050f2c" stroke-width="1.5"/>
<path d="M196.27,98.25 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.59 Z" fill="#00aeff" stroke="#050f2c" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/algolia/productive-time-all-time.svg
+37 -35
View File
@@ -4,18 +4,20 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#2dde98"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#2dde98"/>
<text x="29" y="158" font-size="10" fill="#2dde98" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#2dde98"/>
<text x="29" y="140" font-size="10" fill="#2dde98" text-anchor="end">50</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#2dde98"/>
<text x="29" y="122" font-size="10" fill="#2dde98" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#2dde98"/>
<text x="29" y="103" font-size="10" fill="#2dde98" text-anchor="end">150</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#2dde98"/>
<text x="29" y="85" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#2dde98"/>
<text x="29" y="67" font-size="10" fill="#2dde98" text-anchor="end">250</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#2dde98"/>
<text x="29" y="143" font-size="10" fill="#2dde98" text-anchor="end">50</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#2dde98"/>
<text x="29" y="127" font-size="10" fill="#2dde98" text-anchor="end">100</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#2dde98"/>
<text x="29" y="111" font-size="10" fill="#2dde98" text-anchor="end">150</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#2dde98"/>
<text x="29" y="96" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#2dde98"/>
<text x="29" y="80" font-size="10" fill="#2dde98" text-anchor="end">250</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#2dde98"/>
<text x="29" y="64" font-size="10" fill="#2dde98" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#2dde98"/>
<text x="29" y="48" font-size="10" fill="#2dde98" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#2dde98" text-anchor="end">350</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#2dde98"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#2dde98"/>
<text x="40" y="171" font-size="10" fill="#2dde98" text-anchor="middle">0</text>
@@ -27,29 +29,29 @@
<text x="258" y="171" font-size="10" fill="#2dde98" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#2dde98"/>
<text x="319" y="171" font-size="10" fill="#2dde98" text-anchor="middle">23</text>
<rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#00aeff"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#00aeff"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#00aeff"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#00aeff"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#00aeff"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#00aeff"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#00aeff"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#00aeff"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="135.93" width="11.12" height="19.07" rx="2" fill="#00aeff"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="107.70" width="11.12" height="47.30" rx="2" fill="#00aeff"><title>09:00 — 129 commits</title></rect>
<rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#00aeff"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#00aeff"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#00aeff"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#00aeff"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#00aeff"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#00aeff"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#00aeff"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#00aeff"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#00aeff"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#00aeff"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#00aeff"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#00aeff"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#00aeff"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#00aeff"><title>23:00 — 298 commits</title></rect>
<rect x="35.00" y="103.14" width="11.12" height="51.86" rx="2" fill="#00aeff"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="136.14" width="11.12" height="18.86" rx="2" fill="#00aeff"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="150.29" width="11.12" height="4.71" rx="2" fill="#00aeff"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="151.54" width="11.12" height="3.46" rx="2" fill="#00aeff"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="152.17" width="11.12" height="2.83" rx="2" fill="#00aeff"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.80" width="11.12" height="2.20" rx="2" fill="#00aeff"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="151.54" width="11.12" height="3.46" rx="2" fill="#00aeff"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="150.29" width="11.12" height="4.71" rx="2" fill="#00aeff"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="138.66" width="11.12" height="16.34" rx="2" fill="#00aeff"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="114.14" width="11.12" height="40.86" rx="2" fill="#00aeff"><title>09:00 — 130 commits</title></rect>
<rect x="156.25" y="98.43" width="11.12" height="56.57" rx="2" fill="#00aeff"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="96.86" width="11.12" height="58.14" rx="2" fill="#00aeff"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="113.83" width="11.12" height="41.17" rx="2" fill="#00aeff"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="112.26" width="11.12" height="42.74" rx="2" fill="#00aeff"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="110.06" width="11.12" height="44.94" rx="2" fill="#00aeff"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="122.63" width="11.12" height="32.37" rx="2" fill="#00aeff"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="122.31" width="11.12" height="32.69" rx="2" fill="#00aeff"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="120.74" width="11.12" height="34.26" rx="2" fill="#00aeff"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="114.46" width="11.12" height="40.54" rx="2" fill="#00aeff"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="122.00" width="11.12" height="33.00" rx="2" fill="#00aeff"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="72.66" width="11.12" height="82.34" rx="2" fill="#00aeff"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="47.83" width="11.12" height="107.17" rx="2" fill="#00aeff"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="54.74" width="11.12" height="100.26" rx="2" fill="#00aeff"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="61.34" width="11.12" height="93.66" rx="2" fill="#00aeff"><title>23:00 — 298 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#2dde98" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

demo/algolia/productive-time.svg
+31 -29
View File
@@ -4,14 +4,16 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#2dde98"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#2dde98"/>
<text x="29" y="158" font-size="10" fill="#2dde98" text-anchor="end">0</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#2dde98"/>
<text x="29" y="131" font-size="10" fill="#2dde98" text-anchor="end">50</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#2dde98"/>
<text x="29" y="103" font-size="10" fill="#2dde98" text-anchor="end">100</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#2dde98"/>
<text x="29" y="76" font-size="10" fill="#2dde98" text-anchor="end">150</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#2dde98"/>
<text x="29" y="136" font-size="10" fill="#2dde98" text-anchor="end">50</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#2dde98"/>
<text x="29" y="114" font-size="10" fill="#2dde98" text-anchor="end">100</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#2dde98"/>
<text x="29" y="92" font-size="10" fill="#2dde98" text-anchor="end">150</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#2dde98"/>
<text x="29" y="70" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#2dde98"/>
<text x="29" y="48" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<text x="29" y="48" font-size="10" fill="#2dde98" text-anchor="end">250</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#2dde98"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#2dde98"/>
<text x="40" y="171" font-size="10" fill="#2dde98" text-anchor="middle">0</text>
@@ -23,29 +25,29 @@
<text x="258" y="171" font-size="10" fill="#2dde98" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#2dde98"/>
<text x="319" y="171" font-size="10" fill="#2dde98" text-anchor="middle">23</text>
<rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#00aeff"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#00aeff"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#00aeff"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#00aeff"><title>03:00 — 4 commits</title></rect>
<rect x="35.00" y="114.96" width="11.12" height="40.04" rx="2" fill="#00aeff"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="142.68" width="11.12" height="12.32" rx="2" fill="#00aeff"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="153.24" width="11.12" height="1.76" rx="2" fill="#00aeff"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="153.24" width="11.12" height="1.76" rx="2" fill="#00aeff"><title>03:00 — 4 commits</title></rect>
<rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#00aeff"><title>04:00 — 0 commits</title></rect>
<rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#00aeff"><title>05:00 — 0 commits</title></rect>
<rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#00aeff"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#00aeff"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="135.20" width="11.12" height="19.80" rx="2" fill="#00aeff"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="97.80" width="11.12" height="57.20" rx="2" fill="#00aeff"><title>09:00 — 104 commits</title></rect>
<rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#00aeff"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#00aeff"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#00aeff"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#00aeff"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#00aeff"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#00aeff"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#00aeff"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#00aeff"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#00aeff"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#00aeff"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#00aeff"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#00aeff"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#00aeff"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#00aeff"><title>23:00 — 185 commits</title></rect>
<rect x="107.75" y="153.68" width="11.12" height="1.32" rx="2" fill="#00aeff"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.56" width="11.12" height="0.44" rx="2" fill="#00aeff"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="139.16" width="11.12" height="15.84" rx="2" fill="#00aeff"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="108.80" width="11.12" height="46.20" rx="2" fill="#00aeff"><title>09:00 — 105 commits</title></rect>
<rect x="156.25" y="101.76" width="11.12" height="53.24" rx="2" fill="#00aeff"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="114.52" width="11.12" height="40.48" rx="2" fill="#00aeff"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="131.24" width="11.12" height="23.76" rx="2" fill="#00aeff"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="123.76" width="11.12" height="31.24" rx="2" fill="#00aeff"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="128.60" width="11.12" height="26.40" rx="2" fill="#00aeff"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="129.92" width="11.12" height="25.08" rx="2" fill="#00aeff"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="127.72" width="11.12" height="27.28" rx="2" fill="#00aeff"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="127.28" width="11.12" height="27.72" rx="2" fill="#00aeff"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="128.16" width="11.12" height="26.84" rx="2" fill="#00aeff"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="136.52" width="11.12" height="18.48" rx="2" fill="#00aeff"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="95.60" width="11.12" height="59.40" rx="2" fill="#00aeff"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="86.36" width="11.12" height="68.64" rx="2" fill="#00aeff"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="65.24" width="11.12" height="89.76" rx="2" fill="#00aeff"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="73.60" width="11.12" height="81.40" rx="2" fill="#00aeff"><title>23:00 — 185 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#2dde98" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

demo/algolia/productive-weekday-all-time.svg
+20 -18
View File
@@ -4,31 +4,33 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#2dde98"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#2dde98"/>
<text x="29" y="158" font-size="10" fill="#2dde98" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#2dde98"/>
<text x="29" y="140" font-size="10" fill="#2dde98" text-anchor="end">100</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#2dde98"/>
<text x="29" y="122" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#2dde98"/>
<text x="29" y="103" font-size="10" fill="#2dde98" text-anchor="end">300</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#2dde98"/>
<text x="29" y="85" font-size="10" fill="#2dde98" text-anchor="end">400</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#2dde98"/>
<text x="29" y="67" font-size="10" fill="#2dde98" text-anchor="end">500</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#2dde98"/>
<text x="29" y="143" font-size="10" fill="#2dde98" text-anchor="end">100</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#2dde98"/>
<text x="29" y="127" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#2dde98"/>
<text x="29" y="111" font-size="10" fill="#2dde98" text-anchor="end">300</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#2dde98"/>
<text x="29" y="96" font-size="10" fill="#2dde98" text-anchor="end">400</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#2dde98"/>
<text x="29" y="80" font-size="10" fill="#2dde98" text-anchor="end">500</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#2dde98"/>
<text x="29" y="64" font-size="10" fill="#2dde98" text-anchor="end">600</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#2dde98"/>
<text x="29" y="48" font-size="10" fill="#2dde98" text-anchor="end">600</text>
<text x="29" y="48" font-size="10" fill="#2dde98" text-anchor="end">700</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#2dde98"/>
<rect x="35.00" y="49.77" width="36.29" height="105.23" rx="2" fill="#0266a0"><title>Sun — 574 commits</title></rect>
<rect x="35.00" y="64.64" width="36.29" height="90.36" rx="2" fill="#0266a0"><title>Sun — 575 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Sun</text>
<rect x="77.29" y="89.92" width="36.29" height="65.08" rx="2" fill="#0266a0"><title>Mon — 355 commits</title></rect>
<rect x="77.29" y="99.21" width="36.29" height="55.79" rx="2" fill="#0266a0"><title>Mon — 355 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Mon</text>
<rect x="119.57" y="78.55" width="36.29" height="76.45" rx="2" fill="#0266a0"><title>Tue — 417 commits</title></rect>
<rect x="119.57" y="89.47" width="36.29" height="65.53" rx="2" fill="#0266a0"><title>Tue — 417 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Tue</text>
<rect x="161.86" y="91.93" width="36.29" height="63.07" rx="2" fill="#0266a0"><title>Wed — 344 commits</title></rect>
<rect x="161.86" y="100.94" width="36.29" height="54.06" rx="2" fill="#0266a0"><title>Wed — 344 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Wed</text>
<rect x="204.14" y="84.23" width="36.29" height="70.77" rx="2" fill="#0266a0"><title>Thu — 386 commits</title></rect>
<rect x="204.14" y="94.34" width="36.29" height="60.66" rx="2" fill="#0266a0"><title>Thu — 386 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Thu</text>
<rect x="246.43" y="96.70" width="36.29" height="58.30" rx="2" fill="#0266a0"><title>Fri — 318 commits</title></rect>
<rect x="246.43" y="105.03" width="36.29" height="49.97" rx="2" fill="#0266a0"><title>Fri — 318 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Fri</text>
<rect x="288.71" y="40.42" width="36.29" height="114.58" rx="2" fill="#00aeff"><title>Sat — 625 commits</title></rect>
<rect x="288.71" y="56.79" width="36.29" height="98.21" rx="2" fill="#00aeff"><title>Sat — 625 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

demo/algolia/productive-weekday.svg
+14 -12
View File
@@ -4,25 +4,27 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#2dde98"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#2dde98"/>
<text x="29" y="158" font-size="10" fill="#2dde98" text-anchor="end">0</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#2dde98"/>
<text x="29" y="122" font-size="10" fill="#2dde98" text-anchor="end">100</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#2dde98"/>
<text x="29" y="85" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#2dde98"/>
<text x="29" y="131" font-size="10" fill="#2dde98" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#2dde98"/>
<text x="29" y="103" font-size="10" fill="#2dde98" text-anchor="end">200</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#2dde98"/>
<text x="29" y="76" font-size="10" fill="#2dde98" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#2dde98"/>
<text x="29" y="48" font-size="10" fill="#2dde98" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#2dde98" text-anchor="end">400</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#2dde98"/>
<rect x="35.00" y="68.10" width="36.29" height="86.90" rx="2" fill="#0266a0"><title>Sun — 237 commits</title></rect>
<rect x="35.00" y="89.55" width="36.29" height="65.45" rx="2" fill="#0266a0"><title>Sun — 238 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Sun</text>
<rect x="77.29" y="87.53" width="36.29" height="67.47" rx="2" fill="#0266a0"><title>Mon — 184 commits</title></rect>
<rect x="77.29" y="104.40" width="36.29" height="50.60" rx="2" fill="#0266a0"><title>Mon — 184 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Mon</text>
<rect x="119.57" y="66.27" width="36.29" height="88.73" rx="2" fill="#0266a0"><title>Tue — 242 commits</title></rect>
<rect x="119.57" y="88.45" width="36.29" height="66.55" rx="2" fill="#0266a0"><title>Tue — 242 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Tue</text>
<rect x="161.86" y="80.20" width="36.29" height="74.80" rx="2" fill="#0266a0"><title>Wed — 204 commits</title></rect>
<rect x="161.86" y="98.90" width="36.29" height="56.10" rx="2" fill="#0266a0"><title>Wed — 204 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Wed</text>
<rect x="204.14" y="75.43" width="36.29" height="79.57" rx="2" fill="#0266a0"><title>Thu — 217 commits</title></rect>
<rect x="204.14" y="95.33" width="36.29" height="59.67" rx="2" fill="#0266a0"><title>Thu — 217 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Thu</text>
<rect x="246.43" y="86.80" width="36.29" height="68.20" rx="2" fill="#0266a0"><title>Fri — 186 commits</title></rect>
<rect x="246.43" y="103.85" width="36.29" height="51.15" rx="2" fill="#0266a0"><title>Fri — 186 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Fri</text>
<rect x="288.71" y="21.53" width="36.29" height="133.47" rx="2" fill="#00aeff"><title>Sat — 364 commits</title></rect>
<rect x="288.71" y="54.90" width="36.29" height="100.10" rx="2" fill="#00aeff"><title>Sat — 364 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#2dde98" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

demo/algolia/stats.svg
+3 -3
View File
@@ -6,13 +6,13 @@
<text x="320" y="55" font-size="12" font-weight="600" fill="#00aeff" text-anchor="end">4</text>
<g transform="translate(20,65.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="75" font-size="12" fill="#ffffff">Total Commits (all time)</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#00aeff" text-anchor="end">3,148</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#00aeff" text-anchor="end">3,149</text>
<g transform="translate(20,85.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="95" font-size="12" fill="#ffffff">Total Commits (last year)</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#00aeff" text-anchor="end">1,776</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#00aeff" text-anchor="end">1,777</text>
<g transform="translate(20,105.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"/></g>
<text x="40" y="115" font-size="12" fill="#ffffff">Total PRs</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#00aeff" text-anchor="end">83</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#00aeff" text-anchor="end">84</text>
<g transform="translate(20,125.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"/></g>
<text x="40" y="135" font-size="12" fill="#ffffff">Total Issues</text>
<text x="320" y="135" font-size="12" font-weight="600" fill="#00aeff" text-anchor="end">7</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

demo/apprentice/contributions-all-time.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#ffffaf" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#ffffaf"/>
<text x="318" y="153" font-size="10" fill="#ffffaf" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#ffffaf"/>
<text x="22" y="132" font-size="10" fill="#ffffaf" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#ffffaf"/>
<text x="318" y="132" font-size="10" fill="#ffffaf" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#ffffaf"/>
<text x="22" y="111" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#ffffaf"/>
<text x="318" y="111" font-size="10" fill="#ffffaf" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#ffffaf"/>
<text x="22" y="90" font-size="10" fill="#ffffaf" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#ffffaf"/>
<text x="318" y="90" font-size="10" fill="#ffffaf" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#ffffaf"/>
<text x="22" y="69" font-size="10" fill="#ffffaf" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#ffffaf"/>
<text x="318" y="69" font-size="10" fill="#ffffaf" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#ffffaf"/>
<text x="22" y="136" font-size="10" fill="#ffffaf" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#ffffaf"/>
<text x="318" y="136" font-size="10" fill="#ffffaf" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#ffffaf"/>
<text x="22" y="118" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#ffffaf"/>
<text x="318" y="118" font-size="10" fill="#ffffaf" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#ffffaf"/>
<text x="22" y="101" font-size="10" fill="#ffffaf" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#ffffaf"/>
<text x="318" y="101" font-size="10" fill="#ffffaf" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#ffffaf"/>
<text x="22" y="83" font-size="10" fill="#ffffaf" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#ffffaf"/>
<text x="318" y="83" font-size="10" fill="#ffffaf" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#ffffaf"/>
<text x="22" y="66" font-size="10" fill="#ffffaf" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#ffffaf"/>
<text x="318" y="66" font-size="10" fill="#ffffaf" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#ffffaf"/>
<text x="22" y="48" font-size="10" fill="#ffffaf" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#ffffaf" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#ffffaf"/>
<text x="318" y="48" font-size="10" fill="#ffffaf" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#ffffaf" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#ffffaf"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#ffffaf"/>
<text x="28" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">01/18</text>
@@ -40,7 +44,7 @@
<text x="246" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">05/24</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#ffffaf"/>
<text x="312" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">04/26</text>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#ffffff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94" fill="none" stroke="#ffffff" stroke-width="2"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#ffffff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10" fill="none" stroke="#ffffff" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#ffffaf" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

demo/apprentice/contributions-by-year.svg
+20 -18
View File
@@ -4,29 +4,31 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#ffffaf"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#ffffaf"/>
<text x="29" y="158" font-size="10" fill="#ffffaf" text-anchor="end">0</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#ffffaf"/>
<text x="29" y="136" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#ffffaf"/>
<text x="29" y="114" font-size="10" fill="#ffffaf" text-anchor="end">400</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#ffffaf"/>
<text x="29" y="92" font-size="10" fill="#ffffaf" text-anchor="end">600</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#ffffaf"/>
<text x="29" y="70" font-size="10" fill="#ffffaf" text-anchor="end">800</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#ffffaf"/>
<text x="29" y="140" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#ffffaf"/>
<text x="29" y="122" font-size="10" fill="#ffffaf" text-anchor="end">400</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#ffffaf"/>
<text x="29" y="103" font-size="10" fill="#ffffaf" text-anchor="end">600</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#ffffaf"/>
<text x="29" y="85" font-size="10" fill="#ffffaf" text-anchor="end">800</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#ffffaf"/>
<text x="29" y="67" font-size="10" fill="#ffffaf" text-anchor="end">1k</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#ffffaf"/>
<text x="29" y="48" font-size="10" fill="#ffffaf" text-anchor="end">1k</text>
<text x="29" y="48" font-size="10" fill="#ffffaf" text-anchor="end">1.2k</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#ffffaf"/>
<rect x="35.00" y="149.50" width="30.44" height="5.50" rx="2" fill="#9d9d9d"><title>2018 — 50 commits</title></rect>
<rect x="35.00" y="150.42" width="30.44" height="4.58" rx="2" fill="#9d9d9d"><title>2018 — 50 commits</title></rect>
<text x="50.22" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">2018</text>
<rect x="67.44" y="152.69" width="30.44" height="2.31" rx="2" fill="#9d9d9d"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="148.07" width="30.44" height="6.93" rx="2" fill="#9d9d9d"><title>2020 — 63 commits</title></rect>
<rect x="67.44" y="153.07" width="30.44" height="1.93" rx="2" fill="#9d9d9d"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="149.22" width="30.44" height="5.78" rx="2" fill="#9d9d9d"><title>2020 — 63 commits</title></rect>
<text x="115.11" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">2020</text>
<rect x="132.33" y="149.83" width="30.44" height="5.17" rx="2" fill="#9d9d9d"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="120.68" width="30.44" height="34.32" rx="2" fill="#9d9d9d"><title>2022 — 312 commits</title></rect>
<rect x="132.33" y="150.69" width="30.44" height="4.31" rx="2" fill="#9d9d9d"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="126.40" width="30.44" height="28.60" rx="2" fill="#9d9d9d"><title>2022 — 312 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">2022</text>
<rect x="197.22" y="100.22" width="30.44" height="54.78" rx="2" fill="#9d9d9d"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="114.30" width="30.44" height="40.70" rx="2" fill="#9d9d9d"><title>2024 — 370 commits</title></rect>
<rect x="197.22" y="109.35" width="30.44" height="45.65" rx="2" fill="#9d9d9d"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="121.08" width="30.44" height="33.92" rx="2" fill="#9d9d9d"><title>2024 — 370 commits</title></rect>
<text x="244.89" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">2024</text>
<rect x="262.11" y="34.44" width="30.44" height="120.56" rx="2" fill="#ffffff"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="43.90" width="30.44" height="111.10" rx="2" fill="#9d9d9d"><title>2026 — 1010 commits</title></rect>
<rect x="262.11" y="54.53" width="30.44" height="100.47" rx="2" fill="#ffffff"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="62.23" width="30.44" height="92.77" rx="2" fill="#9d9d9d"><title>2026 — 1012 commits</title></rect>
<text x="309.78" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">2026</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

demo/apprentice/contributions-heatmap.svg
+1 -1
View File
@@ -379,7 +379,7 @@
<rect x="328" y="86" width="5" height="5" rx="2" fill="#929292"><title>2026-04-16 — 28</title></rect>
<rect x="328" y="92" width="5" height="5" rx="2" fill="#5c5c5c"><title>2026-04-17 — 17</title></rect>
<rect x="328" y="98" width="5" height="5" rx="2" fill="#ffffff"><title>2026-04-18 — 88</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#929292"><title>2026-04-19 — 36</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#929292"><title>2026-04-19 — 38</title></rect>
<text x="230" y="185" font-size="9" fill="#ffffaf">Less</text>
<rect x="258" y="182" width="5" height="5" rx="2" fill="#262626"/>
<rect x="265" y="182" width="5" height="5" rx="2" fill="#5c5c5c"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

demo/apprentice/contributions.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#ffffaf" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#ffffaf"/>
<text x="318" y="153" font-size="10" fill="#ffffaf" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#ffffaf"/>
<text x="22" y="132" font-size="10" fill="#ffffaf" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#ffffaf"/>
<text x="318" y="132" font-size="10" fill="#ffffaf" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#ffffaf"/>
<text x="22" y="111" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#ffffaf"/>
<text x="318" y="111" font-size="10" fill="#ffffaf" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#ffffaf"/>
<text x="22" y="90" font-size="10" fill="#ffffaf" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#ffffaf"/>
<text x="318" y="90" font-size="10" fill="#ffffaf" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#ffffaf"/>
<text x="22" y="69" font-size="10" fill="#ffffaf" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#ffffaf"/>
<text x="318" y="69" font-size="10" fill="#ffffaf" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#ffffaf"/>
<text x="22" y="136" font-size="10" fill="#ffffaf" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#ffffaf"/>
<text x="318" y="136" font-size="10" fill="#ffffaf" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#ffffaf"/>
<text x="22" y="118" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#ffffaf"/>
<text x="318" y="118" font-size="10" fill="#ffffaf" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#ffffaf"/>
<text x="22" y="101" font-size="10" fill="#ffffaf" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#ffffaf"/>
<text x="318" y="101" font-size="10" fill="#ffffaf" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#ffffaf"/>
<text x="22" y="83" font-size="10" fill="#ffffaf" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#ffffaf"/>
<text x="318" y="83" font-size="10" fill="#ffffaf" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#ffffaf"/>
<text x="22" y="66" font-size="10" fill="#ffffaf" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#ffffaf"/>
<text x="318" y="66" font-size="10" fill="#ffffaf" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#ffffaf"/>
<text x="22" y="48" font-size="10" fill="#ffffaf" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#ffffaf" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#ffffaf"/>
<text x="318" y="48" font-size="10" fill="#ffffaf" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#ffffaf" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#ffffaf"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#ffffaf"/>
<text x="28" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">04/25</text>
@@ -42,7 +46,7 @@
<text x="264" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">02/26</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#ffffaf"/>
<text x="312" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">04/26</text>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#ffffff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94" fill="none" stroke="#ffffff" stroke-width="2"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#ffffff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10" fill="none" stroke="#ffffff" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#ffffaf" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

demo/apprentice/most-commit-language-all-time.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#262626" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#ffffff">Most Commit Language (all time)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#262626" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#bcbcbc">JavaScript 31.57%</text>
<text x="36" y="55" font-size="11" fill="#bcbcbc">JavaScript 31.56%</text>
<rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#262626" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#bcbcbc">Java 18.74%</text>
<text x="36" y="75" font-size="11" fill="#bcbcbc">Java 18.73%</text>
<rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#262626" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#bcbcbc">HTML 18.71%</text>
<rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#262626" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#bcbcbc">Go 7.44%</text>
<text x="36" y="115" font-size="11" fill="#bcbcbc">Go 7.48%</text>
<rect x="20" y="127" width="10" height="10" fill="#ffffff" stroke="#262626" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#bcbcbc">Other 23.54%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.38,132.06 L277.48,122.03 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#262626" stroke-width="1.5"/>
<path d="M300.38,132.06 A55.00,55.00 0 0 1 248.93,164.99 L249.42,139.99 A30.00,30.00 0 0 0 277.48,122.03 Z" fill="#b07219" stroke="#262626" stroke-width="1.5"/>
<path d="M248.93,164.99 A55.00,55.00 0 0 1 198.84,130.18 L222.09,121.01 A30.00,30.00 0 0 0 249.42,139.99 Z" fill="#e34c26" stroke="#262626" stroke-width="1.5"/>
<path d="M198.84,130.18 A55.00,55.00 0 0 1 195.23,104.95 L220.13,107.24 A30.00,30.00 0 0 0 222.09,121.01 Z" fill="#00ADD8" stroke="#262626" stroke-width="1.5"/>
<path d="M195.23,104.95 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.24 Z" fill="#ffffff" stroke="#262626" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#bcbcbc">Other 23.53%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.40,132.03 L277.49,122.01 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#262626" stroke-width="1.5"/>
<path d="M300.40,132.03 A55.00,55.00 0 0 1 248.99,164.99 L249.45,139.99 A30.00,30.00 0 0 0 277.49,122.01 Z" fill="#b07219" stroke="#262626" stroke-width="1.5"/>
<path d="M248.99,164.99 A55.00,55.00 0 0 1 198.87,130.26 L222.11,121.05 A30.00,30.00 0 0 0 249.45,139.99 Z" fill="#e34c26" stroke="#262626" stroke-width="1.5"/>
<path d="M198.87,130.26 A55.00,55.00 0 0 1 195.24,104.92 L220.13,107.23 A30.00,30.00 0 0 0 222.11,121.05 Z" fill="#00ADD8" stroke="#262626" stroke-width="1.5"/>
<path d="M195.24,104.92 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.23 Z" fill="#ffffff" stroke="#262626" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/apprentice/most-commit-language.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#262626" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#ffffff">Most Commit Language (last year)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#262626" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#bcbcbc">JavaScript 44.73%</text>
<text x="36" y="55" font-size="11" fill="#bcbcbc">JavaScript 44.70%</text>
<rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#262626" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#bcbcbc">Go 13.30%</text>
<text x="36" y="75" font-size="11" fill="#bcbcbc">Go 13.35%</text>
<rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#262626" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#bcbcbc">Java 10.69%</text>
<text x="36" y="95" font-size="11" fill="#bcbcbc">Java 10.68%</text>
<rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#262626" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#bcbcbc">HTML 9.69%</text>
<rect x="20" y="127" width="10" height="10" fill="#ffffff" stroke="#262626" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#bcbcbc">Other 21.59%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.88,162.01 L259.75,138.37 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#262626" stroke-width="1.5"/>
<path d="M267.88,162.01 A55.00,55.00 0 0 1 223.42,158.15 L235.50,136.26 A30.00,30.00 0 0 0 259.75,138.37 Z" fill="#00ADD8" stroke="#262626" stroke-width="1.5"/>
<path d="M223.42,158.15 A55.00,55.00 0 0 1 199.23,131.14 L222.30,121.53 A30.00,30.00 0 0 0 235.50,136.26 Z" fill="#b07219" stroke="#262626" stroke-width="1.5"/>
<path d="M199.23,131.14 A55.00,55.00 0 0 1 196.26,98.29 L220.69,103.61 A30.00,30.00 0 0 0 222.30,121.53 Z" fill="#e34c26" stroke="#262626" stroke-width="1.5"/>
<path d="M196.26,98.29 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.61 Z" fill="#ffffff" stroke="#262626" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#bcbcbc">Other 21.57%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.97,161.98 L259.80,138.35 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#262626" stroke-width="1.5"/>
<path d="M267.97,161.98 A55.00,55.00 0 0 1 223.34,158.10 L235.46,136.24 A30.00,30.00 0 0 0 259.80,138.35 Z" fill="#00ADD8" stroke="#262626" stroke-width="1.5"/>
<path d="M223.34,158.10 A55.00,55.00 0 0 1 199.20,131.08 L222.29,121.50 A30.00,30.00 0 0 0 235.46,136.24 Z" fill="#b07219" stroke="#262626" stroke-width="1.5"/>
<path d="M199.20,131.08 A55.00,55.00 0 0 1 196.27,98.25 L220.69,103.59 A30.00,30.00 0 0 0 222.29,121.50 Z" fill="#e34c26" stroke="#262626" stroke-width="1.5"/>
<path d="M196.27,98.25 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.59 Z" fill="#ffffff" stroke="#262626" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/apprentice/productive-time-all-time.svg
+37 -35
View File
@@ -4,18 +4,20 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#ffffaf"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#ffffaf"/>
<text x="29" y="158" font-size="10" fill="#ffffaf" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#ffffaf"/>
<text x="29" y="140" font-size="10" fill="#ffffaf" text-anchor="end">50</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#ffffaf"/>
<text x="29" y="122" font-size="10" fill="#ffffaf" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#ffffaf"/>
<text x="29" y="103" font-size="10" fill="#ffffaf" text-anchor="end">150</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#ffffaf"/>
<text x="29" y="85" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#ffffaf"/>
<text x="29" y="67" font-size="10" fill="#ffffaf" text-anchor="end">250</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#ffffaf"/>
<text x="29" y="143" font-size="10" fill="#ffffaf" text-anchor="end">50</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#ffffaf"/>
<text x="29" y="127" font-size="10" fill="#ffffaf" text-anchor="end">100</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#ffffaf"/>
<text x="29" y="111" font-size="10" fill="#ffffaf" text-anchor="end">150</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#ffffaf"/>
<text x="29" y="96" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#ffffaf"/>
<text x="29" y="80" font-size="10" fill="#ffffaf" text-anchor="end">250</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#ffffaf"/>
<text x="29" y="64" font-size="10" fill="#ffffaf" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#ffffaf"/>
<text x="29" y="48" font-size="10" fill="#ffffaf" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#ffffaf" text-anchor="end">350</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#ffffaf"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#ffffaf"/>
<text x="40" y="171" font-size="10" fill="#ffffaf" text-anchor="middle">0</text>
@@ -27,29 +29,29 @@
<text x="258" y="171" font-size="10" fill="#ffffaf" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#ffffaf"/>
<text x="319" y="171" font-size="10" fill="#ffffaf" text-anchor="middle">23</text>
<rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ffffff"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ffffff"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ffffff"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ffffff"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ffffff"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ffffff"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ffffff"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ffffff"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="135.93" width="11.12" height="19.07" rx="2" fill="#ffffff"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="107.70" width="11.12" height="47.30" rx="2" fill="#ffffff"><title>09:00 — 129 commits</title></rect>
<rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ffffff"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ffffff"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ffffff"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ffffff"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ffffff"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ffffff"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ffffff"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ffffff"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ffffff"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ffffff"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ffffff"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ffffff"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ffffff"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ffffff"><title>23:00 — 298 commits</title></rect>
<rect x="35.00" y="103.14" width="11.12" height="51.86" rx="2" fill="#ffffff"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="136.14" width="11.12" height="18.86" rx="2" fill="#ffffff"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="150.29" width="11.12" height="4.71" rx="2" fill="#ffffff"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="151.54" width="11.12" height="3.46" rx="2" fill="#ffffff"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="152.17" width="11.12" height="2.83" rx="2" fill="#ffffff"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffffff"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="151.54" width="11.12" height="3.46" rx="2" fill="#ffffff"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="150.29" width="11.12" height="4.71" rx="2" fill="#ffffff"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="138.66" width="11.12" height="16.34" rx="2" fill="#ffffff"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="114.14" width="11.12" height="40.86" rx="2" fill="#ffffff"><title>09:00 — 130 commits</title></rect>
<rect x="156.25" y="98.43" width="11.12" height="56.57" rx="2" fill="#ffffff"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="96.86" width="11.12" height="58.14" rx="2" fill="#ffffff"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="113.83" width="11.12" height="41.17" rx="2" fill="#ffffff"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="112.26" width="11.12" height="42.74" rx="2" fill="#ffffff"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="110.06" width="11.12" height="44.94" rx="2" fill="#ffffff"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="122.63" width="11.12" height="32.37" rx="2" fill="#ffffff"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="122.31" width="11.12" height="32.69" rx="2" fill="#ffffff"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="120.74" width="11.12" height="34.26" rx="2" fill="#ffffff"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="114.46" width="11.12" height="40.54" rx="2" fill="#ffffff"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="122.00" width="11.12" height="33.00" rx="2" fill="#ffffff"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="72.66" width="11.12" height="82.34" rx="2" fill="#ffffff"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="47.83" width="11.12" height="107.17" rx="2" fill="#ffffff"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="54.74" width="11.12" height="100.26" rx="2" fill="#ffffff"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="61.34" width="11.12" height="93.66" rx="2" fill="#ffffff"><title>23:00 — 298 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#ffffaf" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

demo/apprentice/productive-time.svg
+31 -29
View File
@@ -4,14 +4,16 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#ffffaf"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#ffffaf"/>
<text x="29" y="158" font-size="10" fill="#ffffaf" text-anchor="end">0</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#ffffaf"/>
<text x="29" y="131" font-size="10" fill="#ffffaf" text-anchor="end">50</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#ffffaf"/>
<text x="29" y="103" font-size="10" fill="#ffffaf" text-anchor="end">100</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#ffffaf"/>
<text x="29" y="76" font-size="10" fill="#ffffaf" text-anchor="end">150</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#ffffaf"/>
<text x="29" y="136" font-size="10" fill="#ffffaf" text-anchor="end">50</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#ffffaf"/>
<text x="29" y="114" font-size="10" fill="#ffffaf" text-anchor="end">100</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#ffffaf"/>
<text x="29" y="92" font-size="10" fill="#ffffaf" text-anchor="end">150</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#ffffaf"/>
<text x="29" y="70" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#ffffaf"/>
<text x="29" y="48" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<text x="29" y="48" font-size="10" fill="#ffffaf" text-anchor="end">250</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#ffffaf"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#ffffaf"/>
<text x="40" y="171" font-size="10" fill="#ffffaf" text-anchor="middle">0</text>
@@ -23,29 +25,29 @@
<text x="258" y="171" font-size="10" fill="#ffffaf" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#ffffaf"/>
<text x="319" y="171" font-size="10" fill="#ffffaf" text-anchor="middle">23</text>
<rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ffffff"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ffffff"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffffff"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffffff"><title>03:00 — 4 commits</title></rect>
<rect x="35.00" y="114.96" width="11.12" height="40.04" rx="2" fill="#ffffff"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="142.68" width="11.12" height="12.32" rx="2" fill="#ffffff"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="153.24" width="11.12" height="1.76" rx="2" fill="#ffffff"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="153.24" width="11.12" height="1.76" rx="2" fill="#ffffff"><title>03:00 — 4 commits</title></rect>
<rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ffffff"><title>04:00 — 0 commits</title></rect>
<rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ffffff"><title>05:00 — 0 commits</title></rect>
<rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ffffff"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ffffff"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="135.20" width="11.12" height="19.80" rx="2" fill="#ffffff"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="97.80" width="11.12" height="57.20" rx="2" fill="#ffffff"><title>09:00 — 104 commits</title></rect>
<rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ffffff"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ffffff"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ffffff"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ffffff"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ffffff"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ffffff"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ffffff"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ffffff"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ffffff"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ffffff"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ffffff"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ffffff"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ffffff"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ffffff"><title>23:00 — 185 commits</title></rect>
<rect x="107.75" y="153.68" width="11.12" height="1.32" rx="2" fill="#ffffff"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.56" width="11.12" height="0.44" rx="2" fill="#ffffff"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="139.16" width="11.12" height="15.84" rx="2" fill="#ffffff"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="108.80" width="11.12" height="46.20" rx="2" fill="#ffffff"><title>09:00 — 105 commits</title></rect>
<rect x="156.25" y="101.76" width="11.12" height="53.24" rx="2" fill="#ffffff"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="114.52" width="11.12" height="40.48" rx="2" fill="#ffffff"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="131.24" width="11.12" height="23.76" rx="2" fill="#ffffff"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="123.76" width="11.12" height="31.24" rx="2" fill="#ffffff"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="128.60" width="11.12" height="26.40" rx="2" fill="#ffffff"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="129.92" width="11.12" height="25.08" rx="2" fill="#ffffff"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="127.72" width="11.12" height="27.28" rx="2" fill="#ffffff"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="127.28" width="11.12" height="27.72" rx="2" fill="#ffffff"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="128.16" width="11.12" height="26.84" rx="2" fill="#ffffff"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="136.52" width="11.12" height="18.48" rx="2" fill="#ffffff"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="95.60" width="11.12" height="59.40" rx="2" fill="#ffffff"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="86.36" width="11.12" height="68.64" rx="2" fill="#ffffff"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="65.24" width="11.12" height="89.76" rx="2" fill="#ffffff"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="73.60" width="11.12" height="81.40" rx="2" fill="#ffffff"><title>23:00 — 185 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#ffffaf" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

demo/apprentice/productive-weekday-all-time.svg
+20 -18
View File
@@ -4,31 +4,33 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#ffffaf"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#ffffaf"/>
<text x="29" y="158" font-size="10" fill="#ffffaf" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#ffffaf"/>
<text x="29" y="140" font-size="10" fill="#ffffaf" text-anchor="end">100</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#ffffaf"/>
<text x="29" y="122" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#ffffaf"/>
<text x="29" y="103" font-size="10" fill="#ffffaf" text-anchor="end">300</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#ffffaf"/>
<text x="29" y="85" font-size="10" fill="#ffffaf" text-anchor="end">400</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#ffffaf"/>
<text x="29" y="67" font-size="10" fill="#ffffaf" text-anchor="end">500</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#ffffaf"/>
<text x="29" y="143" font-size="10" fill="#ffffaf" text-anchor="end">100</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#ffffaf"/>
<text x="29" y="127" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#ffffaf"/>
<text x="29" y="111" font-size="10" fill="#ffffaf" text-anchor="end">300</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#ffffaf"/>
<text x="29" y="96" font-size="10" fill="#ffffaf" text-anchor="end">400</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#ffffaf"/>
<text x="29" y="80" font-size="10" fill="#ffffaf" text-anchor="end">500</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#ffffaf"/>
<text x="29" y="64" font-size="10" fill="#ffffaf" text-anchor="end">600</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#ffffaf"/>
<text x="29" y="48" font-size="10" fill="#ffffaf" text-anchor="end">600</text>
<text x="29" y="48" font-size="10" fill="#ffffaf" text-anchor="end">700</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#ffffaf"/>
<rect x="35.00" y="49.77" width="36.29" height="105.23" rx="2" fill="#9d9d9d"><title>Sun — 574 commits</title></rect>
<rect x="35.00" y="64.64" width="36.29" height="90.36" rx="2" fill="#9d9d9d"><title>Sun — 575 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Sun</text>
<rect x="77.29" y="89.92" width="36.29" height="65.08" rx="2" fill="#9d9d9d"><title>Mon — 355 commits</title></rect>
<rect x="77.29" y="99.21" width="36.29" height="55.79" rx="2" fill="#9d9d9d"><title>Mon — 355 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Mon</text>
<rect x="119.57" y="78.55" width="36.29" height="76.45" rx="2" fill="#9d9d9d"><title>Tue — 417 commits</title></rect>
<rect x="119.57" y="89.47" width="36.29" height="65.53" rx="2" fill="#9d9d9d"><title>Tue — 417 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Tue</text>
<rect x="161.86" y="91.93" width="36.29" height="63.07" rx="2" fill="#9d9d9d"><title>Wed — 344 commits</title></rect>
<rect x="161.86" y="100.94" width="36.29" height="54.06" rx="2" fill="#9d9d9d"><title>Wed — 344 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Wed</text>
<rect x="204.14" y="84.23" width="36.29" height="70.77" rx="2" fill="#9d9d9d"><title>Thu — 386 commits</title></rect>
<rect x="204.14" y="94.34" width="36.29" height="60.66" rx="2" fill="#9d9d9d"><title>Thu — 386 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Thu</text>
<rect x="246.43" y="96.70" width="36.29" height="58.30" rx="2" fill="#9d9d9d"><title>Fri — 318 commits</title></rect>
<rect x="246.43" y="105.03" width="36.29" height="49.97" rx="2" fill="#9d9d9d"><title>Fri — 318 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Fri</text>
<rect x="288.71" y="40.42" width="36.29" height="114.58" rx="2" fill="#ffffff"><title>Sat — 625 commits</title></rect>
<rect x="288.71" y="56.79" width="36.29" height="98.21" rx="2" fill="#ffffff"><title>Sat — 625 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

demo/apprentice/productive-weekday.svg
+14 -12
View File
@@ -4,25 +4,27 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#ffffaf"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#ffffaf"/>
<text x="29" y="158" font-size="10" fill="#ffffaf" text-anchor="end">0</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#ffffaf"/>
<text x="29" y="122" font-size="10" fill="#ffffaf" text-anchor="end">100</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#ffffaf"/>
<text x="29" y="85" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#ffffaf"/>
<text x="29" y="131" font-size="10" fill="#ffffaf" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#ffffaf"/>
<text x="29" y="103" font-size="10" fill="#ffffaf" text-anchor="end">200</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#ffffaf"/>
<text x="29" y="76" font-size="10" fill="#ffffaf" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#ffffaf"/>
<text x="29" y="48" font-size="10" fill="#ffffaf" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#ffffaf" text-anchor="end">400</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#ffffaf"/>
<rect x="35.00" y="68.10" width="36.29" height="86.90" rx="2" fill="#9d9d9d"><title>Sun — 237 commits</title></rect>
<rect x="35.00" y="89.55" width="36.29" height="65.45" rx="2" fill="#9d9d9d"><title>Sun — 238 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Sun</text>
<rect x="77.29" y="87.53" width="36.29" height="67.47" rx="2" fill="#9d9d9d"><title>Mon — 184 commits</title></rect>
<rect x="77.29" y="104.40" width="36.29" height="50.60" rx="2" fill="#9d9d9d"><title>Mon — 184 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Mon</text>
<rect x="119.57" y="66.27" width="36.29" height="88.73" rx="2" fill="#9d9d9d"><title>Tue — 242 commits</title></rect>
<rect x="119.57" y="88.45" width="36.29" height="66.55" rx="2" fill="#9d9d9d"><title>Tue — 242 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Tue</text>
<rect x="161.86" y="80.20" width="36.29" height="74.80" rx="2" fill="#9d9d9d"><title>Wed — 204 commits</title></rect>
<rect x="161.86" y="98.90" width="36.29" height="56.10" rx="2" fill="#9d9d9d"><title>Wed — 204 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Wed</text>
<rect x="204.14" y="75.43" width="36.29" height="79.57" rx="2" fill="#9d9d9d"><title>Thu — 217 commits</title></rect>
<rect x="204.14" y="95.33" width="36.29" height="59.67" rx="2" fill="#9d9d9d"><title>Thu — 217 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Thu</text>
<rect x="246.43" y="86.80" width="36.29" height="68.20" rx="2" fill="#9d9d9d"><title>Fri — 186 commits</title></rect>
<rect x="246.43" y="103.85" width="36.29" height="51.15" rx="2" fill="#9d9d9d"><title>Fri — 186 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Fri</text>
<rect x="288.71" y="21.53" width="36.29" height="133.47" rx="2" fill="#ffffff"><title>Sat — 364 commits</title></rect>
<rect x="288.71" y="54.90" width="36.29" height="100.10" rx="2" fill="#ffffff"><title>Sat — 364 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#ffffaf" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

demo/apprentice/stats.svg
+3 -3
View File
@@ -6,13 +6,13 @@
<text x="320" y="55" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">4</text>
<g transform="translate(20,65.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="75" font-size="12" fill="#bcbcbc">Total Commits (all time)</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">3,148</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">3,149</text>
<g transform="translate(20,85.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="95" font-size="12" fill="#bcbcbc">Total Commits (last year)</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">1,776</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">1,777</text>
<g transform="translate(20,105.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"/></g>
<text x="40" y="115" font-size="12" fill="#bcbcbc">Total PRs</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">83</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">84</text>
<g transform="translate(20,125.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"/></g>
<text x="40" y="135" font-size="12" fill="#bcbcbc">Total Issues</text>
<text x="320" y="135" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">7</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

demo/aura/contributions-all-time.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#ffca85" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#ffca85"/>
<text x="318" y="153" font-size="10" fill="#ffca85" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#ffca85"/>
<text x="22" y="132" font-size="10" fill="#ffca85" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#ffca85"/>
<text x="318" y="132" font-size="10" fill="#ffca85" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#ffca85"/>
<text x="22" y="111" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#ffca85"/>
<text x="318" y="111" font-size="10" fill="#ffca85" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#ffca85"/>
<text x="22" y="90" font-size="10" fill="#ffca85" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#ffca85"/>
<text x="318" y="90" font-size="10" fill="#ffca85" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#ffca85"/>
<text x="22" y="69" font-size="10" fill="#ffca85" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#ffca85"/>
<text x="318" y="69" font-size="10" fill="#ffca85" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#ffca85"/>
<text x="22" y="136" font-size="10" fill="#ffca85" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#ffca85"/>
<text x="318" y="136" font-size="10" fill="#ffca85" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#ffca85"/>
<text x="22" y="118" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#ffca85"/>
<text x="318" y="118" font-size="10" fill="#ffca85" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#ffca85"/>
<text x="22" y="101" font-size="10" fill="#ffca85" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#ffca85"/>
<text x="318" y="101" font-size="10" fill="#ffca85" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#ffca85"/>
<text x="22" y="83" font-size="10" fill="#ffca85" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#ffca85"/>
<text x="318" y="83" font-size="10" fill="#ffca85" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#ffca85"/>
<text x="22" y="66" font-size="10" fill="#ffca85" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#ffca85"/>
<text x="318" y="66" font-size="10" fill="#ffca85" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#ffca85"/>
<text x="22" y="48" font-size="10" fill="#ffca85" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#ffca85" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#ffca85"/>
<text x="318" y="48" font-size="10" fill="#ffca85" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#ffca85" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#ffca85"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#ffca85"/>
<text x="28" y="166" font-size="10" fill="#ffca85" text-anchor="middle">01/18</text>
@@ -40,7 +44,7 @@
<text x="246" y="166" font-size="10" fill="#ffca85" text-anchor="middle">05/24</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#ffca85"/>
<text x="312" y="166" font-size="10" fill="#ffca85" text-anchor="middle">04/26</text>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#a277ff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94" fill="none" stroke="#a277ff" stroke-width="2"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#a277ff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10" fill="none" stroke="#a277ff" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#ffca85" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

demo/aura/contributions-by-year.svg
+20 -18
View File
@@ -4,29 +4,31 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#ffca85"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#ffca85"/>
<text x="29" y="158" font-size="10" fill="#ffca85" text-anchor="end">0</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#ffca85"/>
<text x="29" y="136" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#ffca85"/>
<text x="29" y="114" font-size="10" fill="#ffca85" text-anchor="end">400</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#ffca85"/>
<text x="29" y="92" font-size="10" fill="#ffca85" text-anchor="end">600</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#ffca85"/>
<text x="29" y="70" font-size="10" fill="#ffca85" text-anchor="end">800</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#ffca85"/>
<text x="29" y="140" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#ffca85"/>
<text x="29" y="122" font-size="10" fill="#ffca85" text-anchor="end">400</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#ffca85"/>
<text x="29" y="103" font-size="10" fill="#ffca85" text-anchor="end">600</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#ffca85"/>
<text x="29" y="85" font-size="10" fill="#ffca85" text-anchor="end">800</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#ffca85"/>
<text x="29" y="67" font-size="10" fill="#ffca85" text-anchor="end">1k</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#ffca85"/>
<text x="29" y="48" font-size="10" fill="#ffca85" text-anchor="end">1k</text>
<text x="29" y="48" font-size="10" fill="#ffca85" text-anchor="end">1.2k</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#ffca85"/>
<rect x="35.00" y="149.50" width="30.44" height="5.50" rx="2" fill="#624a98"><title>2018 — 50 commits</title></rect>
<rect x="35.00" y="150.42" width="30.44" height="4.58" rx="2" fill="#624a98"><title>2018 — 50 commits</title></rect>
<text x="50.22" y="169" font-size="10" fill="#ffca85" text-anchor="middle">2018</text>
<rect x="67.44" y="152.69" width="30.44" height="2.31" rx="2" fill="#624a98"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="148.07" width="30.44" height="6.93" rx="2" fill="#624a98"><title>2020 — 63 commits</title></rect>
<rect x="67.44" y="153.07" width="30.44" height="1.93" rx="2" fill="#624a98"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="149.22" width="30.44" height="5.78" rx="2" fill="#624a98"><title>2020 — 63 commits</title></rect>
<text x="115.11" y="169" font-size="10" fill="#ffca85" text-anchor="middle">2020</text>
<rect x="132.33" y="149.83" width="30.44" height="5.17" rx="2" fill="#624a98"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="120.68" width="30.44" height="34.32" rx="2" fill="#624a98"><title>2022 — 312 commits</title></rect>
<rect x="132.33" y="150.69" width="30.44" height="4.31" rx="2" fill="#624a98"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="126.40" width="30.44" height="28.60" rx="2" fill="#624a98"><title>2022 — 312 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#ffca85" text-anchor="middle">2022</text>
<rect x="197.22" y="100.22" width="30.44" height="54.78" rx="2" fill="#624a98"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="114.30" width="30.44" height="40.70" rx="2" fill="#624a98"><title>2024 — 370 commits</title></rect>
<rect x="197.22" y="109.35" width="30.44" height="45.65" rx="2" fill="#624a98"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="121.08" width="30.44" height="33.92" rx="2" fill="#624a98"><title>2024 — 370 commits</title></rect>
<text x="244.89" y="169" font-size="10" fill="#ffca85" text-anchor="middle">2024</text>
<rect x="262.11" y="34.44" width="30.44" height="120.56" rx="2" fill="#a277ff"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="43.90" width="30.44" height="111.10" rx="2" fill="#624a98"><title>2026 — 1010 commits</title></rect>
<rect x="262.11" y="54.53" width="30.44" height="100.47" rx="2" fill="#a277ff"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="62.23" width="30.44" height="92.77" rx="2" fill="#624a98"><title>2026 — 1012 commits</title></rect>
<text x="309.78" y="169" font-size="10" fill="#ffca85" text-anchor="middle">2026</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

demo/aura/contributions-heatmap.svg
+1 -1
View File
@@ -379,7 +379,7 @@
<rect x="328" y="86" width="5" height="5" rx="2" fill="#5b458d"><title>2026-04-16 — 28</title></rect>
<rect x="328" y="92" width="5" height="5" rx="2" fill="#382c54"><title>2026-04-17 — 17</title></rect>
<rect x="328" y="98" width="5" height="5" rx="2" fill="#a277ff"><title>2026-04-18 — 88</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#5b458d"><title>2026-04-19 — 36</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#5b458d"><title>2026-04-19 — 38</title></rect>
<text x="230" y="185" font-size="9" fill="#ffca85">Less</text>
<rect x="258" y="182" width="5" height="5" rx="2" fill="#15141b"/>
<rect x="265" y="182" width="5" height="5" rx="2" fill="#382c54"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

demo/aura/contributions.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#ffca85" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#ffca85"/>
<text x="318" y="153" font-size="10" fill="#ffca85" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#ffca85"/>
<text x="22" y="132" font-size="10" fill="#ffca85" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#ffca85"/>
<text x="318" y="132" font-size="10" fill="#ffca85" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#ffca85"/>
<text x="22" y="111" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#ffca85"/>
<text x="318" y="111" font-size="10" fill="#ffca85" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#ffca85"/>
<text x="22" y="90" font-size="10" fill="#ffca85" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#ffca85"/>
<text x="318" y="90" font-size="10" fill="#ffca85" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#ffca85"/>
<text x="22" y="69" font-size="10" fill="#ffca85" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#ffca85"/>
<text x="318" y="69" font-size="10" fill="#ffca85" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#ffca85"/>
<text x="22" y="136" font-size="10" fill="#ffca85" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#ffca85"/>
<text x="318" y="136" font-size="10" fill="#ffca85" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#ffca85"/>
<text x="22" y="118" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#ffca85"/>
<text x="318" y="118" font-size="10" fill="#ffca85" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#ffca85"/>
<text x="22" y="101" font-size="10" fill="#ffca85" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#ffca85"/>
<text x="318" y="101" font-size="10" fill="#ffca85" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#ffca85"/>
<text x="22" y="83" font-size="10" fill="#ffca85" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#ffca85"/>
<text x="318" y="83" font-size="10" fill="#ffca85" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#ffca85"/>
<text x="22" y="66" font-size="10" fill="#ffca85" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#ffca85"/>
<text x="318" y="66" font-size="10" fill="#ffca85" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#ffca85"/>
<text x="22" y="48" font-size="10" fill="#ffca85" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#ffca85" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#ffca85"/>
<text x="318" y="48" font-size="10" fill="#ffca85" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#ffca85" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#ffca85"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#ffca85"/>
<text x="28" y="166" font-size="10" fill="#ffca85" text-anchor="middle">04/25</text>
@@ -42,7 +46,7 @@
<text x="264" y="166" font-size="10" fill="#ffca85" text-anchor="middle">02/26</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#ffca85"/>
<text x="312" y="166" font-size="10" fill="#ffca85" text-anchor="middle">04/26</text>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#a277ff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94" fill="none" stroke="#a277ff" stroke-width="2"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#a277ff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10" fill="none" stroke="#a277ff" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#ffca85" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

demo/aura/most-commit-language-all-time.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#15141b" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#a277ff">Most Commit Language (all time)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#15141b" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#61ffca">JavaScript 31.57%</text>
<text x="36" y="55" font-size="11" fill="#61ffca">JavaScript 31.56%</text>
<rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#15141b" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#61ffca">Java 18.74%</text>
<text x="36" y="75" font-size="11" fill="#61ffca">Java 18.73%</text>
<rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#15141b" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#61ffca">HTML 18.71%</text>
<rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#15141b" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#61ffca">Go 7.44%</text>
<text x="36" y="115" font-size="11" fill="#61ffca">Go 7.48%</text>
<rect x="20" y="127" width="10" height="10" fill="#a277ff" stroke="#15141b" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#61ffca">Other 23.54%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.38,132.06 L277.48,122.03 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#15141b" stroke-width="1.5"/>
<path d="M300.38,132.06 A55.00,55.00 0 0 1 248.93,164.99 L249.42,139.99 A30.00,30.00 0 0 0 277.48,122.03 Z" fill="#b07219" stroke="#15141b" stroke-width="1.5"/>
<path d="M248.93,164.99 A55.00,55.00 0 0 1 198.84,130.18 L222.09,121.01 A30.00,30.00 0 0 0 249.42,139.99 Z" fill="#e34c26" stroke="#15141b" stroke-width="1.5"/>
<path d="M198.84,130.18 A55.00,55.00 0 0 1 195.23,104.95 L220.13,107.24 A30.00,30.00 0 0 0 222.09,121.01 Z" fill="#00ADD8" stroke="#15141b" stroke-width="1.5"/>
<path d="M195.23,104.95 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.24 Z" fill="#a277ff" stroke="#15141b" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#61ffca">Other 23.53%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.40,132.03 L277.49,122.01 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#15141b" stroke-width="1.5"/>
<path d="M300.40,132.03 A55.00,55.00 0 0 1 248.99,164.99 L249.45,139.99 A30.00,30.00 0 0 0 277.49,122.01 Z" fill="#b07219" stroke="#15141b" stroke-width="1.5"/>
<path d="M248.99,164.99 A55.00,55.00 0 0 1 198.87,130.26 L222.11,121.05 A30.00,30.00 0 0 0 249.45,139.99 Z" fill="#e34c26" stroke="#15141b" stroke-width="1.5"/>
<path d="M198.87,130.26 A55.00,55.00 0 0 1 195.24,104.92 L220.13,107.23 A30.00,30.00 0 0 0 222.11,121.05 Z" fill="#00ADD8" stroke="#15141b" stroke-width="1.5"/>
<path d="M195.24,104.92 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.23 Z" fill="#a277ff" stroke="#15141b" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/aura/most-commit-language.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#15141b" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#a277ff">Most Commit Language (last year)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#15141b" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#61ffca">JavaScript 44.73%</text>
<text x="36" y="55" font-size="11" fill="#61ffca">JavaScript 44.70%</text>
<rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#15141b" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#61ffca">Go 13.30%</text>
<text x="36" y="75" font-size="11" fill="#61ffca">Go 13.35%</text>
<rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#15141b" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#61ffca">Java 10.69%</text>
<text x="36" y="95" font-size="11" fill="#61ffca">Java 10.68%</text>
<rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#15141b" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#61ffca">HTML 9.69%</text>
<rect x="20" y="127" width="10" height="10" fill="#a277ff" stroke="#15141b" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#61ffca">Other 21.59%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.88,162.01 L259.75,138.37 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#15141b" stroke-width="1.5"/>
<path d="M267.88,162.01 A55.00,55.00 0 0 1 223.42,158.15 L235.50,136.26 A30.00,30.00 0 0 0 259.75,138.37 Z" fill="#00ADD8" stroke="#15141b" stroke-width="1.5"/>
<path d="M223.42,158.15 A55.00,55.00 0 0 1 199.23,131.14 L222.30,121.53 A30.00,30.00 0 0 0 235.50,136.26 Z" fill="#b07219" stroke="#15141b" stroke-width="1.5"/>
<path d="M199.23,131.14 A55.00,55.00 0 0 1 196.26,98.29 L220.69,103.61 A30.00,30.00 0 0 0 222.30,121.53 Z" fill="#e34c26" stroke="#15141b" stroke-width="1.5"/>
<path d="M196.26,98.29 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.61 Z" fill="#a277ff" stroke="#15141b" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#61ffca">Other 21.57%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.97,161.98 L259.80,138.35 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#15141b" stroke-width="1.5"/>
<path d="M267.97,161.98 A55.00,55.00 0 0 1 223.34,158.10 L235.46,136.24 A30.00,30.00 0 0 0 259.80,138.35 Z" fill="#00ADD8" stroke="#15141b" stroke-width="1.5"/>
<path d="M223.34,158.10 A55.00,55.00 0 0 1 199.20,131.08 L222.29,121.50 A30.00,30.00 0 0 0 235.46,136.24 Z" fill="#b07219" stroke="#15141b" stroke-width="1.5"/>
<path d="M199.20,131.08 A55.00,55.00 0 0 1 196.27,98.25 L220.69,103.59 A30.00,30.00 0 0 0 222.29,121.50 Z" fill="#e34c26" stroke="#15141b" stroke-width="1.5"/>
<path d="M196.27,98.25 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.59 Z" fill="#a277ff" stroke="#15141b" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/aura/productive-time-all-time.svg
+37 -35
View File
@@ -4,18 +4,20 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#ffca85"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#ffca85"/>
<text x="29" y="158" font-size="10" fill="#ffca85" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#ffca85"/>
<text x="29" y="140" font-size="10" fill="#ffca85" text-anchor="end">50</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#ffca85"/>
<text x="29" y="122" font-size="10" fill="#ffca85" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#ffca85"/>
<text x="29" y="103" font-size="10" fill="#ffca85" text-anchor="end">150</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#ffca85"/>
<text x="29" y="85" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#ffca85"/>
<text x="29" y="67" font-size="10" fill="#ffca85" text-anchor="end">250</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#ffca85"/>
<text x="29" y="143" font-size="10" fill="#ffca85" text-anchor="end">50</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#ffca85"/>
<text x="29" y="127" font-size="10" fill="#ffca85" text-anchor="end">100</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#ffca85"/>
<text x="29" y="111" font-size="10" fill="#ffca85" text-anchor="end">150</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#ffca85"/>
<text x="29" y="96" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#ffca85"/>
<text x="29" y="80" font-size="10" fill="#ffca85" text-anchor="end">250</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#ffca85"/>
<text x="29" y="64" font-size="10" fill="#ffca85" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#ffca85"/>
<text x="29" y="48" font-size="10" fill="#ffca85" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#ffca85" text-anchor="end">350</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#ffca85"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#ffca85"/>
<text x="40" y="171" font-size="10" fill="#ffca85" text-anchor="middle">0</text>
@@ -27,29 +29,29 @@
<text x="258" y="171" font-size="10" fill="#ffca85" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#ffca85"/>
<text x="319" y="171" font-size="10" fill="#ffca85" text-anchor="middle">23</text>
<rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#a277ff"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#a277ff"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#a277ff"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#a277ff"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#a277ff"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#a277ff"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#a277ff"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#a277ff"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="135.93" width="11.12" height="19.07" rx="2" fill="#a277ff"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="107.70" width="11.12" height="47.30" rx="2" fill="#a277ff"><title>09:00 — 129 commits</title></rect>
<rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#a277ff"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#a277ff"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#a277ff"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#a277ff"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#a277ff"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#a277ff"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#a277ff"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#a277ff"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#a277ff"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#a277ff"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#a277ff"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#a277ff"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#a277ff"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#a277ff"><title>23:00 — 298 commits</title></rect>
<rect x="35.00" y="103.14" width="11.12" height="51.86" rx="2" fill="#a277ff"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="136.14" width="11.12" height="18.86" rx="2" fill="#a277ff"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="150.29" width="11.12" height="4.71" rx="2" fill="#a277ff"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="151.54" width="11.12" height="3.46" rx="2" fill="#a277ff"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="152.17" width="11.12" height="2.83" rx="2" fill="#a277ff"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.80" width="11.12" height="2.20" rx="2" fill="#a277ff"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="151.54" width="11.12" height="3.46" rx="2" fill="#a277ff"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="150.29" width="11.12" height="4.71" rx="2" fill="#a277ff"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="138.66" width="11.12" height="16.34" rx="2" fill="#a277ff"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="114.14" width="11.12" height="40.86" rx="2" fill="#a277ff"><title>09:00 — 130 commits</title></rect>
<rect x="156.25" y="98.43" width="11.12" height="56.57" rx="2" fill="#a277ff"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="96.86" width="11.12" height="58.14" rx="2" fill="#a277ff"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="113.83" width="11.12" height="41.17" rx="2" fill="#a277ff"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="112.26" width="11.12" height="42.74" rx="2" fill="#a277ff"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="110.06" width="11.12" height="44.94" rx="2" fill="#a277ff"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="122.63" width="11.12" height="32.37" rx="2" fill="#a277ff"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="122.31" width="11.12" height="32.69" rx="2" fill="#a277ff"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="120.74" width="11.12" height="34.26" rx="2" fill="#a277ff"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="114.46" width="11.12" height="40.54" rx="2" fill="#a277ff"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="122.00" width="11.12" height="33.00" rx="2" fill="#a277ff"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="72.66" width="11.12" height="82.34" rx="2" fill="#a277ff"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="47.83" width="11.12" height="107.17" rx="2" fill="#a277ff"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="54.74" width="11.12" height="100.26" rx="2" fill="#a277ff"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="61.34" width="11.12" height="93.66" rx="2" fill="#a277ff"><title>23:00 — 298 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#ffca85" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

demo/aura/productive-time.svg
+31 -29
View File
@@ -4,14 +4,16 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#ffca85"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#ffca85"/>
<text x="29" y="158" font-size="10" fill="#ffca85" text-anchor="end">0</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#ffca85"/>
<text x="29" y="131" font-size="10" fill="#ffca85" text-anchor="end">50</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#ffca85"/>
<text x="29" y="103" font-size="10" fill="#ffca85" text-anchor="end">100</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#ffca85"/>
<text x="29" y="76" font-size="10" fill="#ffca85" text-anchor="end">150</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#ffca85"/>
<text x="29" y="136" font-size="10" fill="#ffca85" text-anchor="end">50</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#ffca85"/>
<text x="29" y="114" font-size="10" fill="#ffca85" text-anchor="end">100</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#ffca85"/>
<text x="29" y="92" font-size="10" fill="#ffca85" text-anchor="end">150</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#ffca85"/>
<text x="29" y="70" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#ffca85"/>
<text x="29" y="48" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<text x="29" y="48" font-size="10" fill="#ffca85" text-anchor="end">250</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#ffca85"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#ffca85"/>
<text x="40" y="171" font-size="10" fill="#ffca85" text-anchor="middle">0</text>
@@ -23,29 +25,29 @@
<text x="258" y="171" font-size="10" fill="#ffca85" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#ffca85"/>
<text x="319" y="171" font-size="10" fill="#ffca85" text-anchor="middle">23</text>
<rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#a277ff"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#a277ff"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#a277ff"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#a277ff"><title>03:00 — 4 commits</title></rect>
<rect x="35.00" y="114.96" width="11.12" height="40.04" rx="2" fill="#a277ff"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="142.68" width="11.12" height="12.32" rx="2" fill="#a277ff"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="153.24" width="11.12" height="1.76" rx="2" fill="#a277ff"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="153.24" width="11.12" height="1.76" rx="2" fill="#a277ff"><title>03:00 — 4 commits</title></rect>
<rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#a277ff"><title>04:00 — 0 commits</title></rect>
<rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#a277ff"><title>05:00 — 0 commits</title></rect>
<rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#a277ff"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#a277ff"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="135.20" width="11.12" height="19.80" rx="2" fill="#a277ff"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="97.80" width="11.12" height="57.20" rx="2" fill="#a277ff"><title>09:00 — 104 commits</title></rect>
<rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#a277ff"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#a277ff"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#a277ff"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#a277ff"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#a277ff"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#a277ff"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#a277ff"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#a277ff"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#a277ff"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#a277ff"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#a277ff"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#a277ff"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#a277ff"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#a277ff"><title>23:00 — 185 commits</title></rect>
<rect x="107.75" y="153.68" width="11.12" height="1.32" rx="2" fill="#a277ff"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.56" width="11.12" height="0.44" rx="2" fill="#a277ff"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="139.16" width="11.12" height="15.84" rx="2" fill="#a277ff"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="108.80" width="11.12" height="46.20" rx="2" fill="#a277ff"><title>09:00 — 105 commits</title></rect>
<rect x="156.25" y="101.76" width="11.12" height="53.24" rx="2" fill="#a277ff"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="114.52" width="11.12" height="40.48" rx="2" fill="#a277ff"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="131.24" width="11.12" height="23.76" rx="2" fill="#a277ff"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="123.76" width="11.12" height="31.24" rx="2" fill="#a277ff"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="128.60" width="11.12" height="26.40" rx="2" fill="#a277ff"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="129.92" width="11.12" height="25.08" rx="2" fill="#a277ff"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="127.72" width="11.12" height="27.28" rx="2" fill="#a277ff"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="127.28" width="11.12" height="27.72" rx="2" fill="#a277ff"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="128.16" width="11.12" height="26.84" rx="2" fill="#a277ff"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="136.52" width="11.12" height="18.48" rx="2" fill="#a277ff"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="95.60" width="11.12" height="59.40" rx="2" fill="#a277ff"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="86.36" width="11.12" height="68.64" rx="2" fill="#a277ff"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="65.24" width="11.12" height="89.76" rx="2" fill="#a277ff"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="73.60" width="11.12" height="81.40" rx="2" fill="#a277ff"><title>23:00 — 185 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#ffca85" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

demo/aura/productive-weekday-all-time.svg
+20 -18
View File
@@ -4,31 +4,33 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#ffca85"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#ffca85"/>
<text x="29" y="158" font-size="10" fill="#ffca85" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#ffca85"/>
<text x="29" y="140" font-size="10" fill="#ffca85" text-anchor="end">100</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#ffca85"/>
<text x="29" y="122" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#ffca85"/>
<text x="29" y="103" font-size="10" fill="#ffca85" text-anchor="end">300</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#ffca85"/>
<text x="29" y="85" font-size="10" fill="#ffca85" text-anchor="end">400</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#ffca85"/>
<text x="29" y="67" font-size="10" fill="#ffca85" text-anchor="end">500</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#ffca85"/>
<text x="29" y="143" font-size="10" fill="#ffca85" text-anchor="end">100</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#ffca85"/>
<text x="29" y="127" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#ffca85"/>
<text x="29" y="111" font-size="10" fill="#ffca85" text-anchor="end">300</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#ffca85"/>
<text x="29" y="96" font-size="10" fill="#ffca85" text-anchor="end">400</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#ffca85"/>
<text x="29" y="80" font-size="10" fill="#ffca85" text-anchor="end">500</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#ffca85"/>
<text x="29" y="64" font-size="10" fill="#ffca85" text-anchor="end">600</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#ffca85"/>
<text x="29" y="48" font-size="10" fill="#ffca85" text-anchor="end">600</text>
<text x="29" y="48" font-size="10" fill="#ffca85" text-anchor="end">700</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#ffca85"/>
<rect x="35.00" y="49.77" width="36.29" height="105.23" rx="2" fill="#624a98"><title>Sun — 574 commits</title></rect>
<rect x="35.00" y="64.64" width="36.29" height="90.36" rx="2" fill="#624a98"><title>Sun — 575 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Sun</text>
<rect x="77.29" y="89.92" width="36.29" height="65.08" rx="2" fill="#624a98"><title>Mon — 355 commits</title></rect>
<rect x="77.29" y="99.21" width="36.29" height="55.79" rx="2" fill="#624a98"><title>Mon — 355 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Mon</text>
<rect x="119.57" y="78.55" width="36.29" height="76.45" rx="2" fill="#624a98"><title>Tue — 417 commits</title></rect>
<rect x="119.57" y="89.47" width="36.29" height="65.53" rx="2" fill="#624a98"><title>Tue — 417 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Tue</text>
<rect x="161.86" y="91.93" width="36.29" height="63.07" rx="2" fill="#624a98"><title>Wed — 344 commits</title></rect>
<rect x="161.86" y="100.94" width="36.29" height="54.06" rx="2" fill="#624a98"><title>Wed — 344 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Wed</text>
<rect x="204.14" y="84.23" width="36.29" height="70.77" rx="2" fill="#624a98"><title>Thu — 386 commits</title></rect>
<rect x="204.14" y="94.34" width="36.29" height="60.66" rx="2" fill="#624a98"><title>Thu — 386 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Thu</text>
<rect x="246.43" y="96.70" width="36.29" height="58.30" rx="2" fill="#624a98"><title>Fri — 318 commits</title></rect>
<rect x="246.43" y="105.03" width="36.29" height="49.97" rx="2" fill="#624a98"><title>Fri — 318 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Fri</text>
<rect x="288.71" y="40.42" width="36.29" height="114.58" rx="2" fill="#a277ff"><title>Sat — 625 commits</title></rect>
<rect x="288.71" y="56.79" width="36.29" height="98.21" rx="2" fill="#a277ff"><title>Sat — 625 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

demo/aura/productive-weekday.svg
+14 -12
View File
@@ -4,25 +4,27 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#ffca85"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#ffca85"/>
<text x="29" y="158" font-size="10" fill="#ffca85" text-anchor="end">0</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#ffca85"/>
<text x="29" y="122" font-size="10" fill="#ffca85" text-anchor="end">100</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#ffca85"/>
<text x="29" y="85" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#ffca85"/>
<text x="29" y="131" font-size="10" fill="#ffca85" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#ffca85"/>
<text x="29" y="103" font-size="10" fill="#ffca85" text-anchor="end">200</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#ffca85"/>
<text x="29" y="76" font-size="10" fill="#ffca85" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#ffca85"/>
<text x="29" y="48" font-size="10" fill="#ffca85" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#ffca85" text-anchor="end">400</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#ffca85"/>
<rect x="35.00" y="68.10" width="36.29" height="86.90" rx="2" fill="#624a98"><title>Sun — 237 commits</title></rect>
<rect x="35.00" y="89.55" width="36.29" height="65.45" rx="2" fill="#624a98"><title>Sun — 238 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Sun</text>
<rect x="77.29" y="87.53" width="36.29" height="67.47" rx="2" fill="#624a98"><title>Mon — 184 commits</title></rect>
<rect x="77.29" y="104.40" width="36.29" height="50.60" rx="2" fill="#624a98"><title>Mon — 184 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Mon</text>
<rect x="119.57" y="66.27" width="36.29" height="88.73" rx="2" fill="#624a98"><title>Tue — 242 commits</title></rect>
<rect x="119.57" y="88.45" width="36.29" height="66.55" rx="2" fill="#624a98"><title>Tue — 242 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Tue</text>
<rect x="161.86" y="80.20" width="36.29" height="74.80" rx="2" fill="#624a98"><title>Wed — 204 commits</title></rect>
<rect x="161.86" y="98.90" width="36.29" height="56.10" rx="2" fill="#624a98"><title>Wed — 204 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Wed</text>
<rect x="204.14" y="75.43" width="36.29" height="79.57" rx="2" fill="#624a98"><title>Thu — 217 commits</title></rect>
<rect x="204.14" y="95.33" width="36.29" height="59.67" rx="2" fill="#624a98"><title>Thu — 217 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Thu</text>
<rect x="246.43" y="86.80" width="36.29" height="68.20" rx="2" fill="#624a98"><title>Fri — 186 commits</title></rect>
<rect x="246.43" y="103.85" width="36.29" height="51.15" rx="2" fill="#624a98"><title>Fri — 186 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Fri</text>
<rect x="288.71" y="21.53" width="36.29" height="133.47" rx="2" fill="#a277ff"><title>Sat — 364 commits</title></rect>
<rect x="288.71" y="54.90" width="36.29" height="100.10" rx="2" fill="#a277ff"><title>Sat — 364 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#ffca85" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

demo/aura/stats.svg
+3 -3
View File
@@ -6,13 +6,13 @@
<text x="320" y="55" font-size="12" font-weight="600" fill="#a277ff" text-anchor="end">4</text>
<g transform="translate(20,65.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="75" font-size="12" fill="#61ffca">Total Commits (all time)</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#a277ff" text-anchor="end">3,148</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#a277ff" text-anchor="end">3,149</text>
<g transform="translate(20,85.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="95" font-size="12" fill="#61ffca">Total Commits (last year)</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#a277ff" text-anchor="end">1,776</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#a277ff" text-anchor="end">1,777</text>
<g transform="translate(20,105.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"/></g>
<text x="40" y="115" font-size="12" fill="#61ffca">Total PRs</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#a277ff" text-anchor="end">83</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#a277ff" text-anchor="end">84</text>
<g transform="translate(20,125.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"/></g>
<text x="40" y="135" font-size="12" fill="#61ffca">Total Issues</text>
<text x="320" y="135" font-size="12" font-weight="600" fill="#a277ff" text-anchor="end">7</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

demo/aura_dark/contributions-all-time.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#6cffd0" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#6cffd0"/>
<text x="318" y="153" font-size="10" fill="#6cffd0" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#6cffd0"/>
<text x="22" y="132" font-size="10" fill="#6cffd0" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#6cffd0"/>
<text x="318" y="132" font-size="10" fill="#6cffd0" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#6cffd0"/>
<text x="22" y="111" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#6cffd0"/>
<text x="318" y="111" font-size="10" fill="#6cffd0" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#6cffd0"/>
<text x="22" y="90" font-size="10" fill="#6cffd0" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#6cffd0"/>
<text x="318" y="90" font-size="10" fill="#6cffd0" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#6cffd0"/>
<text x="22" y="69" font-size="10" fill="#6cffd0" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#6cffd0"/>
<text x="318" y="69" font-size="10" fill="#6cffd0" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#6cffd0"/>
<text x="22" y="136" font-size="10" fill="#6cffd0" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#6cffd0"/>
<text x="318" y="136" font-size="10" fill="#6cffd0" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#6cffd0"/>
<text x="22" y="118" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#6cffd0"/>
<text x="318" y="118" font-size="10" fill="#6cffd0" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#6cffd0"/>
<text x="22" y="101" font-size="10" fill="#6cffd0" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#6cffd0"/>
<text x="318" y="101" font-size="10" fill="#6cffd0" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#6cffd0"/>
<text x="22" y="83" font-size="10" fill="#6cffd0" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#6cffd0"/>
<text x="318" y="83" font-size="10" fill="#6cffd0" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#6cffd0"/>
<text x="22" y="66" font-size="10" fill="#6cffd0" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#6cffd0"/>
<text x="318" y="66" font-size="10" fill="#6cffd0" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#6cffd0"/>
<text x="22" y="48" font-size="10" fill="#6cffd0" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#6cffd0" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#6cffd0"/>
<text x="318" y="48" font-size="10" fill="#6cffd0" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#6cffd0" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#6cffd0"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#6cffd0"/>
<text x="28" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">01/18</text>
@@ -40,7 +44,7 @@
<text x="246" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">05/24</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#6cffd0"/>
<text x="312" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">04/26</text>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#ff7372" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94" fill="none" stroke="#ff7372" stroke-width="2"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#ff7372" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10" fill="none" stroke="#ff7372" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#6cffd0" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

demo/aura_dark/contributions-by-year.svg
+20 -18
View File
@@ -4,29 +4,31 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#6cffd0"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#6cffd0"/>
<text x="29" y="158" font-size="10" fill="#6cffd0" text-anchor="end">0</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#6cffd0"/>
<text x="29" y="136" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#6cffd0"/>
<text x="29" y="114" font-size="10" fill="#6cffd0" text-anchor="end">400</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#6cffd0"/>
<text x="29" y="92" font-size="10" fill="#6cffd0" text-anchor="end">600</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#6cffd0"/>
<text x="29" y="70" font-size="10" fill="#6cffd0" text-anchor="end">800</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#6cffd0"/>
<text x="29" y="140" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#6cffd0"/>
<text x="29" y="122" font-size="10" fill="#6cffd0" text-anchor="end">400</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#6cffd0"/>
<text x="29" y="103" font-size="10" fill="#6cffd0" text-anchor="end">600</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#6cffd0"/>
<text x="29" y="85" font-size="10" fill="#6cffd0" text-anchor="end">800</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#6cffd0"/>
<text x="29" y="67" font-size="10" fill="#6cffd0" text-anchor="end">1k</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#6cffd0"/>
<text x="29" y="48" font-size="10" fill="#6cffd0" text-anchor="end">1k</text>
<text x="29" y="48" font-size="10" fill="#6cffd0" text-anchor="end">1.2k</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#6cffd0"/>
<rect x="35.00" y="149.50" width="30.44" height="5.50" rx="2" fill="#9c4f56"><title>2018 — 50 commits</title></rect>
<rect x="35.00" y="150.42" width="30.44" height="4.58" rx="2" fill="#9c4f56"><title>2018 — 50 commits</title></rect>
<text x="50.22" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">2018</text>
<rect x="67.44" y="152.69" width="30.44" height="2.31" rx="2" fill="#9c4f56"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="148.07" width="30.44" height="6.93" rx="2" fill="#9c4f56"><title>2020 — 63 commits</title></rect>
<rect x="67.44" y="153.07" width="30.44" height="1.93" rx="2" fill="#9c4f56"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="149.22" width="30.44" height="5.78" rx="2" fill="#9c4f56"><title>2020 — 63 commits</title></rect>
<text x="115.11" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">2020</text>
<rect x="132.33" y="149.83" width="30.44" height="5.17" rx="2" fill="#9c4f56"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="120.68" width="30.44" height="34.32" rx="2" fill="#9c4f56"><title>2022 — 312 commits</title></rect>
<rect x="132.33" y="150.69" width="30.44" height="4.31" rx="2" fill="#9c4f56"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="126.40" width="30.44" height="28.60" rx="2" fill="#9c4f56"><title>2022 — 312 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">2022</text>
<rect x="197.22" y="100.22" width="30.44" height="54.78" rx="2" fill="#9c4f56"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="114.30" width="30.44" height="40.70" rx="2" fill="#9c4f56"><title>2024 — 370 commits</title></rect>
<rect x="197.22" y="109.35" width="30.44" height="45.65" rx="2" fill="#9c4f56"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="121.08" width="30.44" height="33.92" rx="2" fill="#9c4f56"><title>2024 — 370 commits</title></rect>
<text x="244.89" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">2024</text>
<rect x="262.11" y="34.44" width="30.44" height="120.56" rx="2" fill="#ff7372"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="43.90" width="30.44" height="111.10" rx="2" fill="#9c4f56"><title>2026 — 1010 commits</title></rect>
<rect x="262.11" y="54.53" width="30.44" height="100.47" rx="2" fill="#ff7372"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="62.23" width="30.44" height="92.77" rx="2" fill="#9c4f56"><title>2026 — 1012 commits</title></rect>
<text x="309.78" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">2026</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

demo/aura_dark/contributions-heatmap.svg
+1 -1
View File
@@ -379,7 +379,7 @@
<rect x="328" y="86" width="5" height="5" rx="2" fill="#924b53"><title>2026-04-16 — 28</title></rect>
<rect x="328" y="92" width="5" height="5" rx="2" fill="#5b3743"><title>2026-04-17 — 17</title></rect>
<rect x="328" y="98" width="5" height="5" rx="2" fill="#ff7372"><title>2026-04-18 — 88</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#924b53"><title>2026-04-19 — 36</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#924b53"><title>2026-04-19 — 38</title></rect>
<text x="230" y="185" font-size="9" fill="#6cffd0">Less</text>
<rect x="258" y="182" width="5" height="5" rx="2" fill="#252334"/>
<rect x="265" y="182" width="5" height="5" rx="2" fill="#5b3743"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

demo/aura_dark/contributions.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#6cffd0" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#6cffd0"/>
<text x="318" y="153" font-size="10" fill="#6cffd0" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#6cffd0"/>
<text x="22" y="132" font-size="10" fill="#6cffd0" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#6cffd0"/>
<text x="318" y="132" font-size="10" fill="#6cffd0" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#6cffd0"/>
<text x="22" y="111" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#6cffd0"/>
<text x="318" y="111" font-size="10" fill="#6cffd0" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#6cffd0"/>
<text x="22" y="90" font-size="10" fill="#6cffd0" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#6cffd0"/>
<text x="318" y="90" font-size="10" fill="#6cffd0" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#6cffd0"/>
<text x="22" y="69" font-size="10" fill="#6cffd0" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#6cffd0"/>
<text x="318" y="69" font-size="10" fill="#6cffd0" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#6cffd0"/>
<text x="22" y="136" font-size="10" fill="#6cffd0" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#6cffd0"/>
<text x="318" y="136" font-size="10" fill="#6cffd0" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#6cffd0"/>
<text x="22" y="118" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#6cffd0"/>
<text x="318" y="118" font-size="10" fill="#6cffd0" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#6cffd0"/>
<text x="22" y="101" font-size="10" fill="#6cffd0" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#6cffd0"/>
<text x="318" y="101" font-size="10" fill="#6cffd0" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#6cffd0"/>
<text x="22" y="83" font-size="10" fill="#6cffd0" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#6cffd0"/>
<text x="318" y="83" font-size="10" fill="#6cffd0" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#6cffd0"/>
<text x="22" y="66" font-size="10" fill="#6cffd0" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#6cffd0"/>
<text x="318" y="66" font-size="10" fill="#6cffd0" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#6cffd0"/>
<text x="22" y="48" font-size="10" fill="#6cffd0" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#6cffd0" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#6cffd0"/>
<text x="318" y="48" font-size="10" fill="#6cffd0" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#6cffd0" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#6cffd0"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#6cffd0"/>
<text x="28" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">04/25</text>
@@ -42,7 +46,7 @@
<text x="264" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">02/26</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#6cffd0"/>
<text x="312" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">04/26</text>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#ff7372" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94" fill="none" stroke="#ff7372" stroke-width="2"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#ff7372" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10" fill="none" stroke="#ff7372" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#6cffd0" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

demo/aura_dark/most-commit-language-all-time.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#252334" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#ff7372">Most Commit Language (all time)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#252334" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#dbdbdb">JavaScript 31.57%</text>
<text x="36" y="55" font-size="11" fill="#dbdbdb">JavaScript 31.56%</text>
<rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#252334" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#dbdbdb">Java 18.74%</text>
<text x="36" y="75" font-size="11" fill="#dbdbdb">Java 18.73%</text>
<rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#252334" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#dbdbdb">HTML 18.71%</text>
<rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#252334" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#dbdbdb">Go 7.44%</text>
<text x="36" y="115" font-size="11" fill="#dbdbdb">Go 7.48%</text>
<rect x="20" y="127" width="10" height="10" fill="#ff7372" stroke="#252334" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#dbdbdb">Other 23.54%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.38,132.06 L277.48,122.03 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#252334" stroke-width="1.5"/>
<path d="M300.38,132.06 A55.00,55.00 0 0 1 248.93,164.99 L249.42,139.99 A30.00,30.00 0 0 0 277.48,122.03 Z" fill="#b07219" stroke="#252334" stroke-width="1.5"/>
<path d="M248.93,164.99 A55.00,55.00 0 0 1 198.84,130.18 L222.09,121.01 A30.00,30.00 0 0 0 249.42,139.99 Z" fill="#e34c26" stroke="#252334" stroke-width="1.5"/>
<path d="M198.84,130.18 A55.00,55.00 0 0 1 195.23,104.95 L220.13,107.24 A30.00,30.00 0 0 0 222.09,121.01 Z" fill="#00ADD8" stroke="#252334" stroke-width="1.5"/>
<path d="M195.23,104.95 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.24 Z" fill="#ff7372" stroke="#252334" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#dbdbdb">Other 23.53%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.40,132.03 L277.49,122.01 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#252334" stroke-width="1.5"/>
<path d="M300.40,132.03 A55.00,55.00 0 0 1 248.99,164.99 L249.45,139.99 A30.00,30.00 0 0 0 277.49,122.01 Z" fill="#b07219" stroke="#252334" stroke-width="1.5"/>
<path d="M248.99,164.99 A55.00,55.00 0 0 1 198.87,130.26 L222.11,121.05 A30.00,30.00 0 0 0 249.45,139.99 Z" fill="#e34c26" stroke="#252334" stroke-width="1.5"/>
<path d="M198.87,130.26 A55.00,55.00 0 0 1 195.24,104.92 L220.13,107.23 A30.00,30.00 0 0 0 222.11,121.05 Z" fill="#00ADD8" stroke="#252334" stroke-width="1.5"/>
<path d="M195.24,104.92 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.23 Z" fill="#ff7372" stroke="#252334" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/aura_dark/most-commit-language.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#252334" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#ff7372">Most Commit Language (last year)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#252334" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#dbdbdb">JavaScript 44.73%</text>
<text x="36" y="55" font-size="11" fill="#dbdbdb">JavaScript 44.70%</text>
<rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#252334" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#dbdbdb">Go 13.30%</text>
<text x="36" y="75" font-size="11" fill="#dbdbdb">Go 13.35%</text>
<rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#252334" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#dbdbdb">Java 10.69%</text>
<text x="36" y="95" font-size="11" fill="#dbdbdb">Java 10.68%</text>
<rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#252334" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#dbdbdb">HTML 9.69%</text>
<rect x="20" y="127" width="10" height="10" fill="#ff7372" stroke="#252334" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#dbdbdb">Other 21.59%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.88,162.01 L259.75,138.37 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#252334" stroke-width="1.5"/>
<path d="M267.88,162.01 A55.00,55.00 0 0 1 223.42,158.15 L235.50,136.26 A30.00,30.00 0 0 0 259.75,138.37 Z" fill="#00ADD8" stroke="#252334" stroke-width="1.5"/>
<path d="M223.42,158.15 A55.00,55.00 0 0 1 199.23,131.14 L222.30,121.53 A30.00,30.00 0 0 0 235.50,136.26 Z" fill="#b07219" stroke="#252334" stroke-width="1.5"/>
<path d="M199.23,131.14 A55.00,55.00 0 0 1 196.26,98.29 L220.69,103.61 A30.00,30.00 0 0 0 222.30,121.53 Z" fill="#e34c26" stroke="#252334" stroke-width="1.5"/>
<path d="M196.26,98.29 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.61 Z" fill="#ff7372" stroke="#252334" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#dbdbdb">Other 21.57%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.97,161.98 L259.80,138.35 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#252334" stroke-width="1.5"/>
<path d="M267.97,161.98 A55.00,55.00 0 0 1 223.34,158.10 L235.46,136.24 A30.00,30.00 0 0 0 259.80,138.35 Z" fill="#00ADD8" stroke="#252334" stroke-width="1.5"/>
<path d="M223.34,158.10 A55.00,55.00 0 0 1 199.20,131.08 L222.29,121.50 A30.00,30.00 0 0 0 235.46,136.24 Z" fill="#b07219" stroke="#252334" stroke-width="1.5"/>
<path d="M199.20,131.08 A55.00,55.00 0 0 1 196.27,98.25 L220.69,103.59 A30.00,30.00 0 0 0 222.29,121.50 Z" fill="#e34c26" stroke="#252334" stroke-width="1.5"/>
<path d="M196.27,98.25 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.59 Z" fill="#ff7372" stroke="#252334" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/aura_dark/productive-time-all-time.svg
+37 -35
View File
@@ -4,18 +4,20 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#6cffd0"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#6cffd0"/>
<text x="29" y="158" font-size="10" fill="#6cffd0" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#6cffd0"/>
<text x="29" y="140" font-size="10" fill="#6cffd0" text-anchor="end">50</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#6cffd0"/>
<text x="29" y="122" font-size="10" fill="#6cffd0" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#6cffd0"/>
<text x="29" y="103" font-size="10" fill="#6cffd0" text-anchor="end">150</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#6cffd0"/>
<text x="29" y="85" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#6cffd0"/>
<text x="29" y="67" font-size="10" fill="#6cffd0" text-anchor="end">250</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#6cffd0"/>
<text x="29" y="143" font-size="10" fill="#6cffd0" text-anchor="end">50</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#6cffd0"/>
<text x="29" y="127" font-size="10" fill="#6cffd0" text-anchor="end">100</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#6cffd0"/>
<text x="29" y="111" font-size="10" fill="#6cffd0" text-anchor="end">150</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#6cffd0"/>
<text x="29" y="96" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#6cffd0"/>
<text x="29" y="80" font-size="10" fill="#6cffd0" text-anchor="end">250</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#6cffd0"/>
<text x="29" y="64" font-size="10" fill="#6cffd0" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#6cffd0"/>
<text x="29" y="48" font-size="10" fill="#6cffd0" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#6cffd0" text-anchor="end">350</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#6cffd0"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#6cffd0"/>
<text x="40" y="171" font-size="10" fill="#6cffd0" text-anchor="middle">0</text>
@@ -27,29 +29,29 @@
<text x="258" y="171" font-size="10" fill="#6cffd0" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#6cffd0"/>
<text x="319" y="171" font-size="10" fill="#6cffd0" text-anchor="middle">23</text>
<rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ff7372"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ff7372"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ff7372"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ff7372"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ff7372"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ff7372"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ff7372"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ff7372"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="135.93" width="11.12" height="19.07" rx="2" fill="#ff7372"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="107.70" width="11.12" height="47.30" rx="2" fill="#ff7372"><title>09:00 — 129 commits</title></rect>
<rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ff7372"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ff7372"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ff7372"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ff7372"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ff7372"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ff7372"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ff7372"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ff7372"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ff7372"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ff7372"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ff7372"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ff7372"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ff7372"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ff7372"><title>23:00 — 298 commits</title></rect>
<rect x="35.00" y="103.14" width="11.12" height="51.86" rx="2" fill="#ff7372"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="136.14" width="11.12" height="18.86" rx="2" fill="#ff7372"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="150.29" width="11.12" height="4.71" rx="2" fill="#ff7372"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="151.54" width="11.12" height="3.46" rx="2" fill="#ff7372"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="152.17" width="11.12" height="2.83" rx="2" fill="#ff7372"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff7372"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="151.54" width="11.12" height="3.46" rx="2" fill="#ff7372"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="150.29" width="11.12" height="4.71" rx="2" fill="#ff7372"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="138.66" width="11.12" height="16.34" rx="2" fill="#ff7372"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="114.14" width="11.12" height="40.86" rx="2" fill="#ff7372"><title>09:00 — 130 commits</title></rect>
<rect x="156.25" y="98.43" width="11.12" height="56.57" rx="2" fill="#ff7372"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="96.86" width="11.12" height="58.14" rx="2" fill="#ff7372"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="113.83" width="11.12" height="41.17" rx="2" fill="#ff7372"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="112.26" width="11.12" height="42.74" rx="2" fill="#ff7372"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="110.06" width="11.12" height="44.94" rx="2" fill="#ff7372"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="122.63" width="11.12" height="32.37" rx="2" fill="#ff7372"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="122.31" width="11.12" height="32.69" rx="2" fill="#ff7372"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="120.74" width="11.12" height="34.26" rx="2" fill="#ff7372"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="114.46" width="11.12" height="40.54" rx="2" fill="#ff7372"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="122.00" width="11.12" height="33.00" rx="2" fill="#ff7372"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="72.66" width="11.12" height="82.34" rx="2" fill="#ff7372"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="47.83" width="11.12" height="107.17" rx="2" fill="#ff7372"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="54.74" width="11.12" height="100.26" rx="2" fill="#ff7372"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="61.34" width="11.12" height="93.66" rx="2" fill="#ff7372"><title>23:00 — 298 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#6cffd0" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

demo/aura_dark/productive-time.svg
+31 -29
View File
@@ -4,14 +4,16 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#6cffd0"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#6cffd0"/>
<text x="29" y="158" font-size="10" fill="#6cffd0" text-anchor="end">0</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#6cffd0"/>
<text x="29" y="131" font-size="10" fill="#6cffd0" text-anchor="end">50</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#6cffd0"/>
<text x="29" y="103" font-size="10" fill="#6cffd0" text-anchor="end">100</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#6cffd0"/>
<text x="29" y="76" font-size="10" fill="#6cffd0" text-anchor="end">150</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#6cffd0"/>
<text x="29" y="136" font-size="10" fill="#6cffd0" text-anchor="end">50</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#6cffd0"/>
<text x="29" y="114" font-size="10" fill="#6cffd0" text-anchor="end">100</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#6cffd0"/>
<text x="29" y="92" font-size="10" fill="#6cffd0" text-anchor="end">150</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#6cffd0"/>
<text x="29" y="70" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#6cffd0"/>
<text x="29" y="48" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<text x="29" y="48" font-size="10" fill="#6cffd0" text-anchor="end">250</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#6cffd0"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#6cffd0"/>
<text x="40" y="171" font-size="10" fill="#6cffd0" text-anchor="middle">0</text>
@@ -23,29 +25,29 @@
<text x="258" y="171" font-size="10" fill="#6cffd0" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#6cffd0"/>
<text x="319" y="171" font-size="10" fill="#6cffd0" text-anchor="middle">23</text>
<rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ff7372"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ff7372"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff7372"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff7372"><title>03:00 — 4 commits</title></rect>
<rect x="35.00" y="114.96" width="11.12" height="40.04" rx="2" fill="#ff7372"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="142.68" width="11.12" height="12.32" rx="2" fill="#ff7372"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="153.24" width="11.12" height="1.76" rx="2" fill="#ff7372"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="153.24" width="11.12" height="1.76" rx="2" fill="#ff7372"><title>03:00 — 4 commits</title></rect>
<rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ff7372"><title>04:00 — 0 commits</title></rect>
<rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ff7372"><title>05:00 — 0 commits</title></rect>
<rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ff7372"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ff7372"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="135.20" width="11.12" height="19.80" rx="2" fill="#ff7372"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="97.80" width="11.12" height="57.20" rx="2" fill="#ff7372"><title>09:00 — 104 commits</title></rect>
<rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ff7372"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ff7372"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ff7372"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ff7372"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ff7372"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ff7372"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ff7372"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ff7372"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ff7372"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ff7372"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ff7372"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ff7372"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ff7372"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ff7372"><title>23:00 — 185 commits</title></rect>
<rect x="107.75" y="153.68" width="11.12" height="1.32" rx="2" fill="#ff7372"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.56" width="11.12" height="0.44" rx="2" fill="#ff7372"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="139.16" width="11.12" height="15.84" rx="2" fill="#ff7372"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="108.80" width="11.12" height="46.20" rx="2" fill="#ff7372"><title>09:00 — 105 commits</title></rect>
<rect x="156.25" y="101.76" width="11.12" height="53.24" rx="2" fill="#ff7372"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="114.52" width="11.12" height="40.48" rx="2" fill="#ff7372"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="131.24" width="11.12" height="23.76" rx="2" fill="#ff7372"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="123.76" width="11.12" height="31.24" rx="2" fill="#ff7372"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="128.60" width="11.12" height="26.40" rx="2" fill="#ff7372"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="129.92" width="11.12" height="25.08" rx="2" fill="#ff7372"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="127.72" width="11.12" height="27.28" rx="2" fill="#ff7372"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="127.28" width="11.12" height="27.72" rx="2" fill="#ff7372"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="128.16" width="11.12" height="26.84" rx="2" fill="#ff7372"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="136.52" width="11.12" height="18.48" rx="2" fill="#ff7372"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="95.60" width="11.12" height="59.40" rx="2" fill="#ff7372"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="86.36" width="11.12" height="68.64" rx="2" fill="#ff7372"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="65.24" width="11.12" height="89.76" rx="2" fill="#ff7372"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="73.60" width="11.12" height="81.40" rx="2" fill="#ff7372"><title>23:00 — 185 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#6cffd0" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

demo/aura_dark/productive-weekday-all-time.svg
+20 -18
View File
@@ -4,31 +4,33 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#6cffd0"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#6cffd0"/>
<text x="29" y="158" font-size="10" fill="#6cffd0" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#6cffd0"/>
<text x="29" y="140" font-size="10" fill="#6cffd0" text-anchor="end">100</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#6cffd0"/>
<text x="29" y="122" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#6cffd0"/>
<text x="29" y="103" font-size="10" fill="#6cffd0" text-anchor="end">300</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#6cffd0"/>
<text x="29" y="85" font-size="10" fill="#6cffd0" text-anchor="end">400</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#6cffd0"/>
<text x="29" y="67" font-size="10" fill="#6cffd0" text-anchor="end">500</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#6cffd0"/>
<text x="29" y="143" font-size="10" fill="#6cffd0" text-anchor="end">100</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#6cffd0"/>
<text x="29" y="127" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#6cffd0"/>
<text x="29" y="111" font-size="10" fill="#6cffd0" text-anchor="end">300</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#6cffd0"/>
<text x="29" y="96" font-size="10" fill="#6cffd0" text-anchor="end">400</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#6cffd0"/>
<text x="29" y="80" font-size="10" fill="#6cffd0" text-anchor="end">500</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#6cffd0"/>
<text x="29" y="64" font-size="10" fill="#6cffd0" text-anchor="end">600</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#6cffd0"/>
<text x="29" y="48" font-size="10" fill="#6cffd0" text-anchor="end">600</text>
<text x="29" y="48" font-size="10" fill="#6cffd0" text-anchor="end">700</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#6cffd0"/>
<rect x="35.00" y="49.77" width="36.29" height="105.23" rx="2" fill="#9c4f56"><title>Sun — 574 commits</title></rect>
<rect x="35.00" y="64.64" width="36.29" height="90.36" rx="2" fill="#9c4f56"><title>Sun — 575 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Sun</text>
<rect x="77.29" y="89.92" width="36.29" height="65.08" rx="2" fill="#9c4f56"><title>Mon — 355 commits</title></rect>
<rect x="77.29" y="99.21" width="36.29" height="55.79" rx="2" fill="#9c4f56"><title>Mon — 355 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Mon</text>
<rect x="119.57" y="78.55" width="36.29" height="76.45" rx="2" fill="#9c4f56"><title>Tue — 417 commits</title></rect>
<rect x="119.57" y="89.47" width="36.29" height="65.53" rx="2" fill="#9c4f56"><title>Tue — 417 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Tue</text>
<rect x="161.86" y="91.93" width="36.29" height="63.07" rx="2" fill="#9c4f56"><title>Wed — 344 commits</title></rect>
<rect x="161.86" y="100.94" width="36.29" height="54.06" rx="2" fill="#9c4f56"><title>Wed — 344 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Wed</text>
<rect x="204.14" y="84.23" width="36.29" height="70.77" rx="2" fill="#9c4f56"><title>Thu — 386 commits</title></rect>
<rect x="204.14" y="94.34" width="36.29" height="60.66" rx="2" fill="#9c4f56"><title>Thu — 386 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Thu</text>
<rect x="246.43" y="96.70" width="36.29" height="58.30" rx="2" fill="#9c4f56"><title>Fri — 318 commits</title></rect>
<rect x="246.43" y="105.03" width="36.29" height="49.97" rx="2" fill="#9c4f56"><title>Fri — 318 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Fri</text>
<rect x="288.71" y="40.42" width="36.29" height="114.58" rx="2" fill="#ff7372"><title>Sat — 625 commits</title></rect>
<rect x="288.71" y="56.79" width="36.29" height="98.21" rx="2" fill="#ff7372"><title>Sat — 625 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

demo/aura_dark/productive-weekday.svg
+14 -12
View File
@@ -4,25 +4,27 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#6cffd0"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#6cffd0"/>
<text x="29" y="158" font-size="10" fill="#6cffd0" text-anchor="end">0</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#6cffd0"/>
<text x="29" y="122" font-size="10" fill="#6cffd0" text-anchor="end">100</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#6cffd0"/>
<text x="29" y="85" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#6cffd0"/>
<text x="29" y="131" font-size="10" fill="#6cffd0" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#6cffd0"/>
<text x="29" y="103" font-size="10" fill="#6cffd0" text-anchor="end">200</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#6cffd0"/>
<text x="29" y="76" font-size="10" fill="#6cffd0" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#6cffd0"/>
<text x="29" y="48" font-size="10" fill="#6cffd0" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#6cffd0" text-anchor="end">400</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#6cffd0"/>
<rect x="35.00" y="68.10" width="36.29" height="86.90" rx="2" fill="#9c4f56"><title>Sun — 237 commits</title></rect>
<rect x="35.00" y="89.55" width="36.29" height="65.45" rx="2" fill="#9c4f56"><title>Sun — 238 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Sun</text>
<rect x="77.29" y="87.53" width="36.29" height="67.47" rx="2" fill="#9c4f56"><title>Mon — 184 commits</title></rect>
<rect x="77.29" y="104.40" width="36.29" height="50.60" rx="2" fill="#9c4f56"><title>Mon — 184 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Mon</text>
<rect x="119.57" y="66.27" width="36.29" height="88.73" rx="2" fill="#9c4f56"><title>Tue — 242 commits</title></rect>
<rect x="119.57" y="88.45" width="36.29" height="66.55" rx="2" fill="#9c4f56"><title>Tue — 242 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Tue</text>
<rect x="161.86" y="80.20" width="36.29" height="74.80" rx="2" fill="#9c4f56"><title>Wed — 204 commits</title></rect>
<rect x="161.86" y="98.90" width="36.29" height="56.10" rx="2" fill="#9c4f56"><title>Wed — 204 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Wed</text>
<rect x="204.14" y="75.43" width="36.29" height="79.57" rx="2" fill="#9c4f56"><title>Thu — 217 commits</title></rect>
<rect x="204.14" y="95.33" width="36.29" height="59.67" rx="2" fill="#9c4f56"><title>Thu — 217 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Thu</text>
<rect x="246.43" y="86.80" width="36.29" height="68.20" rx="2" fill="#9c4f56"><title>Fri — 186 commits</title></rect>
<rect x="246.43" y="103.85" width="36.29" height="51.15" rx="2" fill="#9c4f56"><title>Fri — 186 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Fri</text>
<rect x="288.71" y="21.53" width="36.29" height="133.47" rx="2" fill="#ff7372"><title>Sat — 364 commits</title></rect>
<rect x="288.71" y="54.90" width="36.29" height="100.10" rx="2" fill="#ff7372"><title>Sat — 364 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#6cffd0" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

demo/aura_dark/stats.svg
+3 -3
View File
@@ -6,13 +6,13 @@
<text x="320" y="55" font-size="12" font-weight="600" fill="#ff7372" text-anchor="end">4</text>
<g transform="translate(20,65.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="75" font-size="12" fill="#dbdbdb">Total Commits (all time)</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#ff7372" text-anchor="end">3,148</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#ff7372" text-anchor="end">3,149</text>
<g transform="translate(20,85.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="95" font-size="12" fill="#dbdbdb">Total Commits (last year)</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#ff7372" text-anchor="end">1,776</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#ff7372" text-anchor="end">1,777</text>
<g transform="translate(20,105.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"/></g>
<text x="40" y="115" font-size="12" fill="#dbdbdb">Total PRs</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#ff7372" text-anchor="end">83</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#ff7372" text-anchor="end">84</text>
<g transform="translate(20,125.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"/></g>
<text x="40" y="135" font-size="12" fill="#dbdbdb">Total Issues</text>
<text x="320" y="135" font-size="12" font-weight="600" fill="#ff7372" text-anchor="end">7</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

demo/ayu_mirage/contributions-all-time.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#73d0ff" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#73d0ff"/>
<text x="318" y="153" font-size="10" fill="#73d0ff" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#73d0ff"/>
<text x="22" y="132" font-size="10" fill="#73d0ff" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#73d0ff"/>
<text x="318" y="132" font-size="10" fill="#73d0ff" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#73d0ff"/>
<text x="22" y="111" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#73d0ff"/>
<text x="318" y="111" font-size="10" fill="#73d0ff" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#73d0ff"/>
<text x="22" y="90" font-size="10" fill="#73d0ff" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#73d0ff"/>
<text x="318" y="90" font-size="10" fill="#73d0ff" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#73d0ff"/>
<text x="22" y="69" font-size="10" fill="#73d0ff" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#73d0ff"/>
<text x="318" y="69" font-size="10" fill="#73d0ff" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#73d0ff"/>
<text x="22" y="136" font-size="10" fill="#73d0ff" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#73d0ff"/>
<text x="318" y="136" font-size="10" fill="#73d0ff" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#73d0ff"/>
<text x="22" y="118" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#73d0ff"/>
<text x="318" y="118" font-size="10" fill="#73d0ff" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#73d0ff"/>
<text x="22" y="101" font-size="10" fill="#73d0ff" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#73d0ff"/>
<text x="318" y="101" font-size="10" fill="#73d0ff" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#73d0ff"/>
<text x="22" y="83" font-size="10" fill="#73d0ff" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#73d0ff"/>
<text x="318" y="83" font-size="10" fill="#73d0ff" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#73d0ff"/>
<text x="22" y="66" font-size="10" fill="#73d0ff" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#73d0ff"/>
<text x="318" y="66" font-size="10" fill="#73d0ff" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#73d0ff"/>
<text x="22" y="48" font-size="10" fill="#73d0ff" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#73d0ff" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#73d0ff"/>
<text x="318" y="48" font-size="10" fill="#73d0ff" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#73d0ff" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#73d0ff"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#73d0ff"/>
<text x="28" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">01/18</text>
@@ -40,7 +44,7 @@
<text x="246" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">05/24</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#73d0ff"/>
<text x="312" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">04/26</text>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#f4cd7c" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94" fill="none" stroke="#f4cd7c" stroke-width="2"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#f4cd7c" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10" fill="none" stroke="#f4cd7c" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#73d0ff" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

demo/ayu_mirage/contributions-by-year.svg
+20 -18
View File
@@ -4,29 +4,31 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#73d0ff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#73d0ff"/>
<text x="29" y="158" font-size="10" fill="#73d0ff" text-anchor="end">0</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#73d0ff"/>
<text x="29" y="136" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#73d0ff"/>
<text x="29" y="114" font-size="10" fill="#73d0ff" text-anchor="end">400</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#73d0ff"/>
<text x="29" y="92" font-size="10" fill="#73d0ff" text-anchor="end">600</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#73d0ff"/>
<text x="29" y="70" font-size="10" fill="#73d0ff" text-anchor="end">800</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#73d0ff"/>
<text x="29" y="140" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#73d0ff"/>
<text x="29" y="122" font-size="10" fill="#73d0ff" text-anchor="end">400</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#73d0ff"/>
<text x="29" y="103" font-size="10" fill="#73d0ff" text-anchor="end">600</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#73d0ff"/>
<text x="29" y="85" font-size="10" fill="#73d0ff" text-anchor="end">800</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#73d0ff"/>
<text x="29" y="67" font-size="10" fill="#73d0ff" text-anchor="end">1k</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#73d0ff"/>
<text x="29" y="48" font-size="10" fill="#73d0ff" text-anchor="end">1k</text>
<text x="29" y="48" font-size="10" fill="#73d0ff" text-anchor="end">1.2k</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#73d0ff"/>
<rect x="35.00" y="149.50" width="30.44" height="5.50" rx="2" fill="#948059"><title>2018 — 50 commits</title></rect>
<rect x="35.00" y="150.42" width="30.44" height="4.58" rx="2" fill="#948059"><title>2018 — 50 commits</title></rect>
<text x="50.22" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">2018</text>
<rect x="67.44" y="152.69" width="30.44" height="2.31" rx="2" fill="#948059"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="148.07" width="30.44" height="6.93" rx="2" fill="#948059"><title>2020 — 63 commits</title></rect>
<rect x="67.44" y="153.07" width="30.44" height="1.93" rx="2" fill="#948059"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="149.22" width="30.44" height="5.78" rx="2" fill="#948059"><title>2020 — 63 commits</title></rect>
<text x="115.11" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">2020</text>
<rect x="132.33" y="149.83" width="30.44" height="5.17" rx="2" fill="#948059"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="120.68" width="30.44" height="34.32" rx="2" fill="#948059"><title>2022 — 312 commits</title></rect>
<rect x="132.33" y="150.69" width="30.44" height="4.31" rx="2" fill="#948059"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="126.40" width="30.44" height="28.60" rx="2" fill="#948059"><title>2022 — 312 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">2022</text>
<rect x="197.22" y="100.22" width="30.44" height="54.78" rx="2" fill="#948059"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="114.30" width="30.44" height="40.70" rx="2" fill="#948059"><title>2024 — 370 commits</title></rect>
<rect x="197.22" y="109.35" width="30.44" height="45.65" rx="2" fill="#948059"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="121.08" width="30.44" height="33.92" rx="2" fill="#948059"><title>2024 — 370 commits</title></rect>
<text x="244.89" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">2024</text>
<rect x="262.11" y="34.44" width="30.44" height="120.56" rx="2" fill="#f4cd7c"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="43.90" width="30.44" height="111.10" rx="2" fill="#948059"><title>2026 — 1010 commits</title></rect>
<rect x="262.11" y="54.53" width="30.44" height="100.47" rx="2" fill="#f4cd7c"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="62.23" width="30.44" height="92.77" rx="2" fill="#948059"><title>2026 — 1012 commits</title></rect>
<text x="309.78" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">2026</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

demo/ayu_mirage/contributions-heatmap.svg
+1 -1
View File
@@ -379,7 +379,7 @@
<rect x="328" y="86" width="5" height="5" rx="2" fill="#897856"><title>2026-04-16 — 28</title></rect>
<rect x="328" y="92" width="5" height="5" rx="2" fill="#544e43"><title>2026-04-17 — 17</title></rect>
<rect x="328" y="98" width="5" height="5" rx="2" fill="#f4cd7c"><title>2026-04-18 — 88</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#897856"><title>2026-04-19 — 36</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#897856"><title>2026-04-19 — 38</title></rect>
<text x="230" y="185" font-size="9" fill="#73d0ff">Less</text>
<rect x="258" y="182" width="5" height="5" rx="2" fill="#1f2430"/>
<rect x="265" y="182" width="5" height="5" rx="2" fill="#544e43"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

demo/ayu_mirage/contributions.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#73d0ff" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#73d0ff"/>
<text x="318" y="153" font-size="10" fill="#73d0ff" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#73d0ff"/>
<text x="22" y="132" font-size="10" fill="#73d0ff" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#73d0ff"/>
<text x="318" y="132" font-size="10" fill="#73d0ff" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#73d0ff"/>
<text x="22" y="111" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#73d0ff"/>
<text x="318" y="111" font-size="10" fill="#73d0ff" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#73d0ff"/>
<text x="22" y="90" font-size="10" fill="#73d0ff" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#73d0ff"/>
<text x="318" y="90" font-size="10" fill="#73d0ff" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#73d0ff"/>
<text x="22" y="69" font-size="10" fill="#73d0ff" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#73d0ff"/>
<text x="318" y="69" font-size="10" fill="#73d0ff" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#73d0ff"/>
<text x="22" y="136" font-size="10" fill="#73d0ff" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#73d0ff"/>
<text x="318" y="136" font-size="10" fill="#73d0ff" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#73d0ff"/>
<text x="22" y="118" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#73d0ff"/>
<text x="318" y="118" font-size="10" fill="#73d0ff" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#73d0ff"/>
<text x="22" y="101" font-size="10" fill="#73d0ff" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#73d0ff"/>
<text x="318" y="101" font-size="10" fill="#73d0ff" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#73d0ff"/>
<text x="22" y="83" font-size="10" fill="#73d0ff" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#73d0ff"/>
<text x="318" y="83" font-size="10" fill="#73d0ff" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#73d0ff"/>
<text x="22" y="66" font-size="10" fill="#73d0ff" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#73d0ff"/>
<text x="318" y="66" font-size="10" fill="#73d0ff" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#73d0ff"/>
<text x="22" y="48" font-size="10" fill="#73d0ff" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#73d0ff" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#73d0ff"/>
<text x="318" y="48" font-size="10" fill="#73d0ff" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#73d0ff" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#73d0ff"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#73d0ff"/>
<text x="28" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">04/25</text>
@@ -42,7 +46,7 @@
<text x="264" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">02/26</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#73d0ff"/>
<text x="312" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">04/26</text>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#f4cd7c" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94" fill="none" stroke="#f4cd7c" stroke-width="2"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#f4cd7c" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10" fill="none" stroke="#f4cd7c" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#73d0ff" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

demo/ayu_mirage/most-commit-language-all-time.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1f2430" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#f4cd7c">Most Commit Language (all time)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1f2430" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#c7c8c2">JavaScript 31.57%</text>
<text x="36" y="55" font-size="11" fill="#c7c8c2">JavaScript 31.56%</text>
<rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#1f2430" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#c7c8c2">Java 18.74%</text>
<text x="36" y="75" font-size="11" fill="#c7c8c2">Java 18.73%</text>
<rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#1f2430" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#c7c8c2">HTML 18.71%</text>
<rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#1f2430" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#c7c8c2">Go 7.44%</text>
<text x="36" y="115" font-size="11" fill="#c7c8c2">Go 7.48%</text>
<rect x="20" y="127" width="10" height="10" fill="#f4cd7c" stroke="#1f2430" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#c7c8c2">Other 23.54%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.38,132.06 L277.48,122.03 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2430" stroke-width="1.5"/>
<path d="M300.38,132.06 A55.00,55.00 0 0 1 248.93,164.99 L249.42,139.99 A30.00,30.00 0 0 0 277.48,122.03 Z" fill="#b07219" stroke="#1f2430" stroke-width="1.5"/>
<path d="M248.93,164.99 A55.00,55.00 0 0 1 198.84,130.18 L222.09,121.01 A30.00,30.00 0 0 0 249.42,139.99 Z" fill="#e34c26" stroke="#1f2430" stroke-width="1.5"/>
<path d="M198.84,130.18 A55.00,55.00 0 0 1 195.23,104.95 L220.13,107.24 A30.00,30.00 0 0 0 222.09,121.01 Z" fill="#00ADD8" stroke="#1f2430" stroke-width="1.5"/>
<path d="M195.23,104.95 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.24 Z" fill="#f4cd7c" stroke="#1f2430" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#c7c8c2">Other 23.53%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.40,132.03 L277.49,122.01 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2430" stroke-width="1.5"/>
<path d="M300.40,132.03 A55.00,55.00 0 0 1 248.99,164.99 L249.45,139.99 A30.00,30.00 0 0 0 277.49,122.01 Z" fill="#b07219" stroke="#1f2430" stroke-width="1.5"/>
<path d="M248.99,164.99 A55.00,55.00 0 0 1 198.87,130.26 L222.11,121.05 A30.00,30.00 0 0 0 249.45,139.99 Z" fill="#e34c26" stroke="#1f2430" stroke-width="1.5"/>
<path d="M198.87,130.26 A55.00,55.00 0 0 1 195.24,104.92 L220.13,107.23 A30.00,30.00 0 0 0 222.11,121.05 Z" fill="#00ADD8" stroke="#1f2430" stroke-width="1.5"/>
<path d="M195.24,104.92 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.23 Z" fill="#f4cd7c" stroke="#1f2430" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/ayu_mirage/most-commit-language.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1f2430" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#f4cd7c">Most Commit Language (last year)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1f2430" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#c7c8c2">JavaScript 44.73%</text>
<text x="36" y="55" font-size="11" fill="#c7c8c2">JavaScript 44.70%</text>
<rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#1f2430" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#c7c8c2">Go 13.30%</text>
<text x="36" y="75" font-size="11" fill="#c7c8c2">Go 13.35%</text>
<rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#1f2430" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#c7c8c2">Java 10.69%</text>
<text x="36" y="95" font-size="11" fill="#c7c8c2">Java 10.68%</text>
<rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#1f2430" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#c7c8c2">HTML 9.69%</text>
<rect x="20" y="127" width="10" height="10" fill="#f4cd7c" stroke="#1f2430" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#c7c8c2">Other 21.59%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.88,162.01 L259.75,138.37 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2430" stroke-width="1.5"/>
<path d="M267.88,162.01 A55.00,55.00 0 0 1 223.42,158.15 L235.50,136.26 A30.00,30.00 0 0 0 259.75,138.37 Z" fill="#00ADD8" stroke="#1f2430" stroke-width="1.5"/>
<path d="M223.42,158.15 A55.00,55.00 0 0 1 199.23,131.14 L222.30,121.53 A30.00,30.00 0 0 0 235.50,136.26 Z" fill="#b07219" stroke="#1f2430" stroke-width="1.5"/>
<path d="M199.23,131.14 A55.00,55.00 0 0 1 196.26,98.29 L220.69,103.61 A30.00,30.00 0 0 0 222.30,121.53 Z" fill="#e34c26" stroke="#1f2430" stroke-width="1.5"/>
<path d="M196.26,98.29 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.61 Z" fill="#f4cd7c" stroke="#1f2430" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#c7c8c2">Other 21.57%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.97,161.98 L259.80,138.35 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2430" stroke-width="1.5"/>
<path d="M267.97,161.98 A55.00,55.00 0 0 1 223.34,158.10 L235.46,136.24 A30.00,30.00 0 0 0 259.80,138.35 Z" fill="#00ADD8" stroke="#1f2430" stroke-width="1.5"/>
<path d="M223.34,158.10 A55.00,55.00 0 0 1 199.20,131.08 L222.29,121.50 A30.00,30.00 0 0 0 235.46,136.24 Z" fill="#b07219" stroke="#1f2430" stroke-width="1.5"/>
<path d="M199.20,131.08 A55.00,55.00 0 0 1 196.27,98.25 L220.69,103.59 A30.00,30.00 0 0 0 222.29,121.50 Z" fill="#e34c26" stroke="#1f2430" stroke-width="1.5"/>
<path d="M196.27,98.25 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.59 Z" fill="#f4cd7c" stroke="#1f2430" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/ayu_mirage/productive-time-all-time.svg
+37 -35
View File
@@ -4,18 +4,20 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#73d0ff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#73d0ff"/>
<text x="29" y="158" font-size="10" fill="#73d0ff" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#73d0ff"/>
<text x="29" y="140" font-size="10" fill="#73d0ff" text-anchor="end">50</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#73d0ff"/>
<text x="29" y="122" font-size="10" fill="#73d0ff" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#73d0ff"/>
<text x="29" y="103" font-size="10" fill="#73d0ff" text-anchor="end">150</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#73d0ff"/>
<text x="29" y="85" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#73d0ff"/>
<text x="29" y="67" font-size="10" fill="#73d0ff" text-anchor="end">250</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#73d0ff"/>
<text x="29" y="143" font-size="10" fill="#73d0ff" text-anchor="end">50</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#73d0ff"/>
<text x="29" y="127" font-size="10" fill="#73d0ff" text-anchor="end">100</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#73d0ff"/>
<text x="29" y="111" font-size="10" fill="#73d0ff" text-anchor="end">150</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#73d0ff"/>
<text x="29" y="96" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#73d0ff"/>
<text x="29" y="80" font-size="10" fill="#73d0ff" text-anchor="end">250</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#73d0ff"/>
<text x="29" y="64" font-size="10" fill="#73d0ff" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#73d0ff"/>
<text x="29" y="48" font-size="10" fill="#73d0ff" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#73d0ff" text-anchor="end">350</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#73d0ff"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#73d0ff"/>
<text x="40" y="171" font-size="10" fill="#73d0ff" text-anchor="middle">0</text>
@@ -27,29 +29,29 @@
<text x="258" y="171" font-size="10" fill="#73d0ff" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#73d0ff"/>
<text x="319" y="171" font-size="10" fill="#73d0ff" text-anchor="middle">23</text>
<rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#f4cd7c"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#f4cd7c"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#f4cd7c"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#f4cd7c"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#f4cd7c"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#f4cd7c"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#f4cd7c"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#f4cd7c"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="135.93" width="11.12" height="19.07" rx="2" fill="#f4cd7c"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="107.70" width="11.12" height="47.30" rx="2" fill="#f4cd7c"><title>09:00 — 129 commits</title></rect>
<rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#f4cd7c"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#f4cd7c"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#f4cd7c"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#f4cd7c"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#f4cd7c"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#f4cd7c"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#f4cd7c"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#f4cd7c"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#f4cd7c"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#f4cd7c"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#f4cd7c"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#f4cd7c"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#f4cd7c"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#f4cd7c"><title>23:00 — 298 commits</title></rect>
<rect x="35.00" y="103.14" width="11.12" height="51.86" rx="2" fill="#f4cd7c"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="136.14" width="11.12" height="18.86" rx="2" fill="#f4cd7c"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="150.29" width="11.12" height="4.71" rx="2" fill="#f4cd7c"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="151.54" width="11.12" height="3.46" rx="2" fill="#f4cd7c"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="152.17" width="11.12" height="2.83" rx="2" fill="#f4cd7c"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.80" width="11.12" height="2.20" rx="2" fill="#f4cd7c"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="151.54" width="11.12" height="3.46" rx="2" fill="#f4cd7c"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="150.29" width="11.12" height="4.71" rx="2" fill="#f4cd7c"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="138.66" width="11.12" height="16.34" rx="2" fill="#f4cd7c"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="114.14" width="11.12" height="40.86" rx="2" fill="#f4cd7c"><title>09:00 — 130 commits</title></rect>
<rect x="156.25" y="98.43" width="11.12" height="56.57" rx="2" fill="#f4cd7c"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="96.86" width="11.12" height="58.14" rx="2" fill="#f4cd7c"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="113.83" width="11.12" height="41.17" rx="2" fill="#f4cd7c"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="112.26" width="11.12" height="42.74" rx="2" fill="#f4cd7c"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="110.06" width="11.12" height="44.94" rx="2" fill="#f4cd7c"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="122.63" width="11.12" height="32.37" rx="2" fill="#f4cd7c"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="122.31" width="11.12" height="32.69" rx="2" fill="#f4cd7c"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="120.74" width="11.12" height="34.26" rx="2" fill="#f4cd7c"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="114.46" width="11.12" height="40.54" rx="2" fill="#f4cd7c"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="122.00" width="11.12" height="33.00" rx="2" fill="#f4cd7c"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="72.66" width="11.12" height="82.34" rx="2" fill="#f4cd7c"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="47.83" width="11.12" height="107.17" rx="2" fill="#f4cd7c"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="54.74" width="11.12" height="100.26" rx="2" fill="#f4cd7c"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="61.34" width="11.12" height="93.66" rx="2" fill="#f4cd7c"><title>23:00 — 298 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#73d0ff" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

demo/ayu_mirage/productive-time.svg
+31 -29
View File
@@ -4,14 +4,16 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#73d0ff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#73d0ff"/>
<text x="29" y="158" font-size="10" fill="#73d0ff" text-anchor="end">0</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#73d0ff"/>
<text x="29" y="131" font-size="10" fill="#73d0ff" text-anchor="end">50</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#73d0ff"/>
<text x="29" y="103" font-size="10" fill="#73d0ff" text-anchor="end">100</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#73d0ff"/>
<text x="29" y="76" font-size="10" fill="#73d0ff" text-anchor="end">150</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#73d0ff"/>
<text x="29" y="136" font-size="10" fill="#73d0ff" text-anchor="end">50</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#73d0ff"/>
<text x="29" y="114" font-size="10" fill="#73d0ff" text-anchor="end">100</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#73d0ff"/>
<text x="29" y="92" font-size="10" fill="#73d0ff" text-anchor="end">150</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#73d0ff"/>
<text x="29" y="70" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#73d0ff"/>
<text x="29" y="48" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<text x="29" y="48" font-size="10" fill="#73d0ff" text-anchor="end">250</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#73d0ff"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#73d0ff"/>
<text x="40" y="171" font-size="10" fill="#73d0ff" text-anchor="middle">0</text>
@@ -23,29 +25,29 @@
<text x="258" y="171" font-size="10" fill="#73d0ff" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#73d0ff"/>
<text x="319" y="171" font-size="10" fill="#73d0ff" text-anchor="middle">23</text>
<rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#f4cd7c"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#f4cd7c"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#f4cd7c"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#f4cd7c"><title>03:00 — 4 commits</title></rect>
<rect x="35.00" y="114.96" width="11.12" height="40.04" rx="2" fill="#f4cd7c"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="142.68" width="11.12" height="12.32" rx="2" fill="#f4cd7c"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="153.24" width="11.12" height="1.76" rx="2" fill="#f4cd7c"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="153.24" width="11.12" height="1.76" rx="2" fill="#f4cd7c"><title>03:00 — 4 commits</title></rect>
<rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#f4cd7c"><title>04:00 — 0 commits</title></rect>
<rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#f4cd7c"><title>05:00 — 0 commits</title></rect>
<rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#f4cd7c"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#f4cd7c"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="135.20" width="11.12" height="19.80" rx="2" fill="#f4cd7c"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="97.80" width="11.12" height="57.20" rx="2" fill="#f4cd7c"><title>09:00 — 104 commits</title></rect>
<rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#f4cd7c"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#f4cd7c"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#f4cd7c"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#f4cd7c"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#f4cd7c"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#f4cd7c"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#f4cd7c"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#f4cd7c"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#f4cd7c"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#f4cd7c"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#f4cd7c"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#f4cd7c"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#f4cd7c"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#f4cd7c"><title>23:00 — 185 commits</title></rect>
<rect x="107.75" y="153.68" width="11.12" height="1.32" rx="2" fill="#f4cd7c"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.56" width="11.12" height="0.44" rx="2" fill="#f4cd7c"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="139.16" width="11.12" height="15.84" rx="2" fill="#f4cd7c"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="108.80" width="11.12" height="46.20" rx="2" fill="#f4cd7c"><title>09:00 — 105 commits</title></rect>
<rect x="156.25" y="101.76" width="11.12" height="53.24" rx="2" fill="#f4cd7c"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="114.52" width="11.12" height="40.48" rx="2" fill="#f4cd7c"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="131.24" width="11.12" height="23.76" rx="2" fill="#f4cd7c"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="123.76" width="11.12" height="31.24" rx="2" fill="#f4cd7c"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="128.60" width="11.12" height="26.40" rx="2" fill="#f4cd7c"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="129.92" width="11.12" height="25.08" rx="2" fill="#f4cd7c"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="127.72" width="11.12" height="27.28" rx="2" fill="#f4cd7c"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="127.28" width="11.12" height="27.72" rx="2" fill="#f4cd7c"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="128.16" width="11.12" height="26.84" rx="2" fill="#f4cd7c"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="136.52" width="11.12" height="18.48" rx="2" fill="#f4cd7c"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="95.60" width="11.12" height="59.40" rx="2" fill="#f4cd7c"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="86.36" width="11.12" height="68.64" rx="2" fill="#f4cd7c"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="65.24" width="11.12" height="89.76" rx="2" fill="#f4cd7c"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="73.60" width="11.12" height="81.40" rx="2" fill="#f4cd7c"><title>23:00 — 185 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#73d0ff" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

demo/ayu_mirage/productive-weekday-all-time.svg
+20 -18
View File
@@ -4,31 +4,33 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#73d0ff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#73d0ff"/>
<text x="29" y="158" font-size="10" fill="#73d0ff" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#73d0ff"/>
<text x="29" y="140" font-size="10" fill="#73d0ff" text-anchor="end">100</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#73d0ff"/>
<text x="29" y="122" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#73d0ff"/>
<text x="29" y="103" font-size="10" fill="#73d0ff" text-anchor="end">300</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#73d0ff"/>
<text x="29" y="85" font-size="10" fill="#73d0ff" text-anchor="end">400</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#73d0ff"/>
<text x="29" y="67" font-size="10" fill="#73d0ff" text-anchor="end">500</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#73d0ff"/>
<text x="29" y="143" font-size="10" fill="#73d0ff" text-anchor="end">100</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#73d0ff"/>
<text x="29" y="127" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#73d0ff"/>
<text x="29" y="111" font-size="10" fill="#73d0ff" text-anchor="end">300</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#73d0ff"/>
<text x="29" y="96" font-size="10" fill="#73d0ff" text-anchor="end">400</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#73d0ff"/>
<text x="29" y="80" font-size="10" fill="#73d0ff" text-anchor="end">500</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#73d0ff"/>
<text x="29" y="64" font-size="10" fill="#73d0ff" text-anchor="end">600</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#73d0ff"/>
<text x="29" y="48" font-size="10" fill="#73d0ff" text-anchor="end">600</text>
<text x="29" y="48" font-size="10" fill="#73d0ff" text-anchor="end">700</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#73d0ff"/>
<rect x="35.00" y="49.77" width="36.29" height="105.23" rx="2" fill="#948059"><title>Sun — 574 commits</title></rect>
<rect x="35.00" y="64.64" width="36.29" height="90.36" rx="2" fill="#948059"><title>Sun — 575 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Sun</text>
<rect x="77.29" y="89.92" width="36.29" height="65.08" rx="2" fill="#948059"><title>Mon — 355 commits</title></rect>
<rect x="77.29" y="99.21" width="36.29" height="55.79" rx="2" fill="#948059"><title>Mon — 355 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Mon</text>
<rect x="119.57" y="78.55" width="36.29" height="76.45" rx="2" fill="#948059"><title>Tue — 417 commits</title></rect>
<rect x="119.57" y="89.47" width="36.29" height="65.53" rx="2" fill="#948059"><title>Tue — 417 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Tue</text>
<rect x="161.86" y="91.93" width="36.29" height="63.07" rx="2" fill="#948059"><title>Wed — 344 commits</title></rect>
<rect x="161.86" y="100.94" width="36.29" height="54.06" rx="2" fill="#948059"><title>Wed — 344 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Wed</text>
<rect x="204.14" y="84.23" width="36.29" height="70.77" rx="2" fill="#948059"><title>Thu — 386 commits</title></rect>
<rect x="204.14" y="94.34" width="36.29" height="60.66" rx="2" fill="#948059"><title>Thu — 386 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Thu</text>
<rect x="246.43" y="96.70" width="36.29" height="58.30" rx="2" fill="#948059"><title>Fri — 318 commits</title></rect>
<rect x="246.43" y="105.03" width="36.29" height="49.97" rx="2" fill="#948059"><title>Fri — 318 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Fri</text>
<rect x="288.71" y="40.42" width="36.29" height="114.58" rx="2" fill="#f4cd7c"><title>Sat — 625 commits</title></rect>
<rect x="288.71" y="56.79" width="36.29" height="98.21" rx="2" fill="#f4cd7c"><title>Sat — 625 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

demo/ayu_mirage/productive-weekday.svg
+14 -12
View File
@@ -4,25 +4,27 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#73d0ff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#73d0ff"/>
<text x="29" y="158" font-size="10" fill="#73d0ff" text-anchor="end">0</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#73d0ff"/>
<text x="29" y="122" font-size="10" fill="#73d0ff" text-anchor="end">100</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#73d0ff"/>
<text x="29" y="85" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#73d0ff"/>
<text x="29" y="131" font-size="10" fill="#73d0ff" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#73d0ff"/>
<text x="29" y="103" font-size="10" fill="#73d0ff" text-anchor="end">200</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#73d0ff"/>
<text x="29" y="76" font-size="10" fill="#73d0ff" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#73d0ff"/>
<text x="29" y="48" font-size="10" fill="#73d0ff" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#73d0ff" text-anchor="end">400</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#73d0ff"/>
<rect x="35.00" y="68.10" width="36.29" height="86.90" rx="2" fill="#948059"><title>Sun — 237 commits</title></rect>
<rect x="35.00" y="89.55" width="36.29" height="65.45" rx="2" fill="#948059"><title>Sun — 238 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Sun</text>
<rect x="77.29" y="87.53" width="36.29" height="67.47" rx="2" fill="#948059"><title>Mon — 184 commits</title></rect>
<rect x="77.29" y="104.40" width="36.29" height="50.60" rx="2" fill="#948059"><title>Mon — 184 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Mon</text>
<rect x="119.57" y="66.27" width="36.29" height="88.73" rx="2" fill="#948059"><title>Tue — 242 commits</title></rect>
<rect x="119.57" y="88.45" width="36.29" height="66.55" rx="2" fill="#948059"><title>Tue — 242 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Tue</text>
<rect x="161.86" y="80.20" width="36.29" height="74.80" rx="2" fill="#948059"><title>Wed — 204 commits</title></rect>
<rect x="161.86" y="98.90" width="36.29" height="56.10" rx="2" fill="#948059"><title>Wed — 204 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Wed</text>
<rect x="204.14" y="75.43" width="36.29" height="79.57" rx="2" fill="#948059"><title>Thu — 217 commits</title></rect>
<rect x="204.14" y="95.33" width="36.29" height="59.67" rx="2" fill="#948059"><title>Thu — 217 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Thu</text>
<rect x="246.43" y="86.80" width="36.29" height="68.20" rx="2" fill="#948059"><title>Fri — 186 commits</title></rect>
<rect x="246.43" y="103.85" width="36.29" height="51.15" rx="2" fill="#948059"><title>Fri — 186 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Fri</text>
<rect x="288.71" y="21.53" width="36.29" height="133.47" rx="2" fill="#f4cd7c"><title>Sat — 364 commits</title></rect>
<rect x="288.71" y="54.90" width="36.29" height="100.10" rx="2" fill="#f4cd7c"><title>Sat — 364 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#73d0ff" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

demo/ayu_mirage/stats.svg
+3 -3
View File
@@ -6,13 +6,13 @@
<text x="320" y="55" font-size="12" font-weight="600" fill="#f4cd7c" text-anchor="end">4</text>
<g transform="translate(20,65.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="75" font-size="12" fill="#c7c8c2">Total Commits (all time)</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#f4cd7c" text-anchor="end">3,148</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#f4cd7c" text-anchor="end">3,149</text>
<g transform="translate(20,85.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="95" font-size="12" fill="#c7c8c2">Total Commits (last year)</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#f4cd7c" text-anchor="end">1,776</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#f4cd7c" text-anchor="end">1,777</text>
<g transform="translate(20,105.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"/></g>
<text x="40" y="115" font-size="12" fill="#c7c8c2">Total PRs</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#f4cd7c" text-anchor="end">83</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#f4cd7c" text-anchor="end">84</text>
<g transform="translate(20,125.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"/></g>
<text x="40" y="135" font-size="12" fill="#c7c8c2">Total Issues</text>
<text x="320" y="135" font-size="12" font-weight="600" fill="#f4cd7c" text-anchor="end">7</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

demo/bear/contributions-all-time.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#00aeff" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#00aeff"/>
<text x="318" y="153" font-size="10" fill="#00aeff" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#00aeff"/>
<text x="22" y="132" font-size="10" fill="#00aeff" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#00aeff"/>
<text x="318" y="132" font-size="10" fill="#00aeff" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#00aeff"/>
<text x="22" y="111" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#00aeff"/>
<text x="318" y="111" font-size="10" fill="#00aeff" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#00aeff"/>
<text x="22" y="90" font-size="10" fill="#00aeff" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#00aeff"/>
<text x="318" y="90" font-size="10" fill="#00aeff" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#00aeff"/>
<text x="22" y="69" font-size="10" fill="#00aeff" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#00aeff"/>
<text x="318" y="69" font-size="10" fill="#00aeff" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#00aeff"/>
<text x="22" y="136" font-size="10" fill="#00aeff" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#00aeff"/>
<text x="318" y="136" font-size="10" fill="#00aeff" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#00aeff"/>
<text x="22" y="118" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#00aeff"/>
<text x="318" y="118" font-size="10" fill="#00aeff" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#00aeff"/>
<text x="22" y="101" font-size="10" fill="#00aeff" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#00aeff"/>
<text x="318" y="101" font-size="10" fill="#00aeff" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#00aeff"/>
<text x="22" y="83" font-size="10" fill="#00aeff" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#00aeff"/>
<text x="318" y="83" font-size="10" fill="#00aeff" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#00aeff"/>
<text x="22" y="66" font-size="10" fill="#00aeff" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#00aeff"/>
<text x="318" y="66" font-size="10" fill="#00aeff" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#00aeff"/>
<text x="22" y="48" font-size="10" fill="#00aeff" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#00aeff" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#00aeff"/>
<text x="318" y="48" font-size="10" fill="#00aeff" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#00aeff" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#00aeff"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#00aeff"/>
<text x="28" y="166" font-size="10" fill="#00aeff" text-anchor="middle">01/18</text>
@@ -40,7 +44,7 @@
<text x="246" y="166" font-size="10" fill="#00aeff" text-anchor="middle">05/24</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#00aeff"/>
<text x="312" y="166" font-size="10" fill="#00aeff" text-anchor="middle">04/26</text>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#e03c8a" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94" fill="none" stroke="#e03c8a" stroke-width="2"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#e03c8a" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10" fill="none" stroke="#e03c8a" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#00aeff" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

demo/bear/contributions-by-year.svg
+20 -18
View File
@@ -4,29 +4,31 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#00aeff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#00aeff"/>
<text x="29" y="158" font-size="10" fill="#00aeff" text-anchor="end">0</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#00aeff"/>
<text x="29" y="136" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#00aeff"/>
<text x="29" y="114" font-size="10" fill="#00aeff" text-anchor="end">400</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#00aeff"/>
<text x="29" y="92" font-size="10" fill="#00aeff" text-anchor="end">600</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#00aeff"/>
<text x="29" y="70" font-size="10" fill="#00aeff" text-anchor="end">800</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#00aeff"/>
<text x="29" y="140" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#00aeff"/>
<text x="29" y="122" font-size="10" fill="#00aeff" text-anchor="end">400</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#00aeff"/>
<text x="29" y="103" font-size="10" fill="#00aeff" text-anchor="end">600</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#00aeff"/>
<text x="29" y="85" font-size="10" fill="#00aeff" text-anchor="end">800</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#00aeff"/>
<text x="29" y="67" font-size="10" fill="#00aeff" text-anchor="end">1k</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#00aeff"/>
<text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">1k</text>
<text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">1.2k</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#00aeff"/>
<rect x="35.00" y="149.50" width="30.44" height="5.50" rx="2" fill="#892f5b"><title>2018 — 50 commits</title></rect>
<rect x="35.00" y="150.42" width="30.44" height="4.58" rx="2" fill="#892f5b"><title>2018 — 50 commits</title></rect>
<text x="50.22" y="169" font-size="10" fill="#00aeff" text-anchor="middle">2018</text>
<rect x="67.44" y="152.69" width="30.44" height="2.31" rx="2" fill="#892f5b"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="148.07" width="30.44" height="6.93" rx="2" fill="#892f5b"><title>2020 — 63 commits</title></rect>
<rect x="67.44" y="153.07" width="30.44" height="1.93" rx="2" fill="#892f5b"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="149.22" width="30.44" height="5.78" rx="2" fill="#892f5b"><title>2020 — 63 commits</title></rect>
<text x="115.11" y="169" font-size="10" fill="#00aeff" text-anchor="middle">2020</text>
<rect x="132.33" y="149.83" width="30.44" height="5.17" rx="2" fill="#892f5b"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="120.68" width="30.44" height="34.32" rx="2" fill="#892f5b"><title>2022 — 312 commits</title></rect>
<rect x="132.33" y="150.69" width="30.44" height="4.31" rx="2" fill="#892f5b"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="126.40" width="30.44" height="28.60" rx="2" fill="#892f5b"><title>2022 — 312 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#00aeff" text-anchor="middle">2022</text>
<rect x="197.22" y="100.22" width="30.44" height="54.78" rx="2" fill="#892f5b"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="114.30" width="30.44" height="40.70" rx="2" fill="#892f5b"><title>2024 — 370 commits</title></rect>
<rect x="197.22" y="109.35" width="30.44" height="45.65" rx="2" fill="#892f5b"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="121.08" width="30.44" height="33.92" rx="2" fill="#892f5b"><title>2024 — 370 commits</title></rect>
<text x="244.89" y="169" font-size="10" fill="#00aeff" text-anchor="middle">2024</text>
<rect x="262.11" y="34.44" width="30.44" height="120.56" rx="2" fill="#e03c8a"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="43.90" width="30.44" height="111.10" rx="2" fill="#892f5b"><title>2026 — 1010 commits</title></rect>
<rect x="262.11" y="54.53" width="30.44" height="100.47" rx="2" fill="#e03c8a"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="62.23" width="30.44" height="92.77" rx="2" fill="#892f5b"><title>2026 — 1012 commits</title></rect>
<text x="309.78" y="169" font-size="10" fill="#00aeff" text-anchor="middle">2026</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

demo/bear/contributions-heatmap.svg
+1 -1
View File
@@ -379,7 +379,7 @@
<rect x="328" y="86" width="5" height="5" rx="2" fill="#7f2e56"><title>2026-04-16 — 28</title></rect>
<rect x="328" y="92" width="5" height="5" rx="2" fill="#4f273c"><title>2026-04-17 — 17</title></rect>
<rect x="328" y="98" width="5" height="5" rx="2" fill="#e03c8a"><title>2026-04-18 — 88</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#7f2e56"><title>2026-04-19 — 36</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#7f2e56"><title>2026-04-19 — 38</title></rect>
<text x="230" y="185" font-size="9" fill="#00aeff">Less</text>
<rect x="258" y="182" width="5" height="5" rx="2" fill="#1f2023"/>
<rect x="265" y="182" width="5" height="5" rx="2" fill="#4f273c"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

demo/bear/contributions.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#00aeff" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#00aeff"/>
<text x="318" y="153" font-size="10" fill="#00aeff" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#00aeff"/>
<text x="22" y="132" font-size="10" fill="#00aeff" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#00aeff"/>
<text x="318" y="132" font-size="10" fill="#00aeff" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#00aeff"/>
<text x="22" y="111" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#00aeff"/>
<text x="318" y="111" font-size="10" fill="#00aeff" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#00aeff"/>
<text x="22" y="90" font-size="10" fill="#00aeff" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#00aeff"/>
<text x="318" y="90" font-size="10" fill="#00aeff" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#00aeff"/>
<text x="22" y="69" font-size="10" fill="#00aeff" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#00aeff"/>
<text x="318" y="69" font-size="10" fill="#00aeff" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#00aeff"/>
<text x="22" y="136" font-size="10" fill="#00aeff" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#00aeff"/>
<text x="318" y="136" font-size="10" fill="#00aeff" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#00aeff"/>
<text x="22" y="118" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#00aeff"/>
<text x="318" y="118" font-size="10" fill="#00aeff" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#00aeff"/>
<text x="22" y="101" font-size="10" fill="#00aeff" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#00aeff"/>
<text x="318" y="101" font-size="10" fill="#00aeff" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#00aeff"/>
<text x="22" y="83" font-size="10" fill="#00aeff" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#00aeff"/>
<text x="318" y="83" font-size="10" fill="#00aeff" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#00aeff"/>
<text x="22" y="66" font-size="10" fill="#00aeff" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#00aeff"/>
<text x="318" y="66" font-size="10" fill="#00aeff" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#00aeff"/>
<text x="22" y="48" font-size="10" fill="#00aeff" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#00aeff" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#00aeff"/>
<text x="318" y="48" font-size="10" fill="#00aeff" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#00aeff" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#00aeff"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#00aeff"/>
<text x="28" y="166" font-size="10" fill="#00aeff" text-anchor="middle">04/25</text>
@@ -42,7 +46,7 @@
<text x="264" y="166" font-size="10" fill="#00aeff" text-anchor="middle">02/26</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#00aeff"/>
<text x="312" y="166" font-size="10" fill="#00aeff" text-anchor="middle">04/26</text>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#e03c8a" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94" fill="none" stroke="#e03c8a" stroke-width="2"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#e03c8a" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10" fill="none" stroke="#e03c8a" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#00aeff" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

demo/bear/most-commit-language-all-time.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1f2023" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#e03c8a">Most Commit Language (all time)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1f2023" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#bcb28d">JavaScript 31.57%</text>
<text x="36" y="55" font-size="11" fill="#bcb28d">JavaScript 31.56%</text>
<rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#1f2023" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#bcb28d">Java 18.74%</text>
<text x="36" y="75" font-size="11" fill="#bcb28d">Java 18.73%</text>
<rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#1f2023" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#bcb28d">HTML 18.71%</text>
<rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#1f2023" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#bcb28d">Go 7.44%</text>
<text x="36" y="115" font-size="11" fill="#bcb28d">Go 7.48%</text>
<rect x="20" y="127" width="10" height="10" fill="#e03c8a" stroke="#1f2023" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#bcb28d">Other 23.54%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.38,132.06 L277.48,122.03 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2023" stroke-width="1.5"/>
<path d="M300.38,132.06 A55.00,55.00 0 0 1 248.93,164.99 L249.42,139.99 A30.00,30.00 0 0 0 277.48,122.03 Z" fill="#b07219" stroke="#1f2023" stroke-width="1.5"/>
<path d="M248.93,164.99 A55.00,55.00 0 0 1 198.84,130.18 L222.09,121.01 A30.00,30.00 0 0 0 249.42,139.99 Z" fill="#e34c26" stroke="#1f2023" stroke-width="1.5"/>
<path d="M198.84,130.18 A55.00,55.00 0 0 1 195.23,104.95 L220.13,107.24 A30.00,30.00 0 0 0 222.09,121.01 Z" fill="#00ADD8" stroke="#1f2023" stroke-width="1.5"/>
<path d="M195.23,104.95 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.24 Z" fill="#e03c8a" stroke="#1f2023" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#bcb28d">Other 23.53%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.40,132.03 L277.49,122.01 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2023" stroke-width="1.5"/>
<path d="M300.40,132.03 A55.00,55.00 0 0 1 248.99,164.99 L249.45,139.99 A30.00,30.00 0 0 0 277.49,122.01 Z" fill="#b07219" stroke="#1f2023" stroke-width="1.5"/>
<path d="M248.99,164.99 A55.00,55.00 0 0 1 198.87,130.26 L222.11,121.05 A30.00,30.00 0 0 0 249.45,139.99 Z" fill="#e34c26" stroke="#1f2023" stroke-width="1.5"/>
<path d="M198.87,130.26 A55.00,55.00 0 0 1 195.24,104.92 L220.13,107.23 A30.00,30.00 0 0 0 222.11,121.05 Z" fill="#00ADD8" stroke="#1f2023" stroke-width="1.5"/>
<path d="M195.24,104.92 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.23 Z" fill="#e03c8a" stroke="#1f2023" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/bear/most-commit-language.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1f2023" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#e03c8a">Most Commit Language (last year)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1f2023" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#bcb28d">JavaScript 44.73%</text>
<text x="36" y="55" font-size="11" fill="#bcb28d">JavaScript 44.70%</text>
<rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#1f2023" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#bcb28d">Go 13.30%</text>
<text x="36" y="75" font-size="11" fill="#bcb28d">Go 13.35%</text>
<rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#1f2023" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#bcb28d">Java 10.69%</text>
<text x="36" y="95" font-size="11" fill="#bcb28d">Java 10.68%</text>
<rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#1f2023" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#bcb28d">HTML 9.69%</text>
<rect x="20" y="127" width="10" height="10" fill="#e03c8a" stroke="#1f2023" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#bcb28d">Other 21.59%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.88,162.01 L259.75,138.37 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2023" stroke-width="1.5"/>
<path d="M267.88,162.01 A55.00,55.00 0 0 1 223.42,158.15 L235.50,136.26 A30.00,30.00 0 0 0 259.75,138.37 Z" fill="#00ADD8" stroke="#1f2023" stroke-width="1.5"/>
<path d="M223.42,158.15 A55.00,55.00 0 0 1 199.23,131.14 L222.30,121.53 A30.00,30.00 0 0 0 235.50,136.26 Z" fill="#b07219" stroke="#1f2023" stroke-width="1.5"/>
<path d="M199.23,131.14 A55.00,55.00 0 0 1 196.26,98.29 L220.69,103.61 A30.00,30.00 0 0 0 222.30,121.53 Z" fill="#e34c26" stroke="#1f2023" stroke-width="1.5"/>
<path d="M196.26,98.29 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.61 Z" fill="#e03c8a" stroke="#1f2023" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#bcb28d">Other 21.57%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.97,161.98 L259.80,138.35 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2023" stroke-width="1.5"/>
<path d="M267.97,161.98 A55.00,55.00 0 0 1 223.34,158.10 L235.46,136.24 A30.00,30.00 0 0 0 259.80,138.35 Z" fill="#00ADD8" stroke="#1f2023" stroke-width="1.5"/>
<path d="M223.34,158.10 A55.00,55.00 0 0 1 199.20,131.08 L222.29,121.50 A30.00,30.00 0 0 0 235.46,136.24 Z" fill="#b07219" stroke="#1f2023" stroke-width="1.5"/>
<path d="M199.20,131.08 A55.00,55.00 0 0 1 196.27,98.25 L220.69,103.59 A30.00,30.00 0 0 0 222.29,121.50 Z" fill="#e34c26" stroke="#1f2023" stroke-width="1.5"/>
<path d="M196.27,98.25 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.59 Z" fill="#e03c8a" stroke="#1f2023" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/bear/productive-time-all-time.svg
+37 -35
View File
@@ -4,18 +4,20 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#00aeff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#00aeff"/>
<text x="29" y="158" font-size="10" fill="#00aeff" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#00aeff"/>
<text x="29" y="140" font-size="10" fill="#00aeff" text-anchor="end">50</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#00aeff"/>
<text x="29" y="122" font-size="10" fill="#00aeff" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#00aeff"/>
<text x="29" y="103" font-size="10" fill="#00aeff" text-anchor="end">150</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#00aeff"/>
<text x="29" y="85" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#00aeff"/>
<text x="29" y="67" font-size="10" fill="#00aeff" text-anchor="end">250</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#00aeff"/>
<text x="29" y="143" font-size="10" fill="#00aeff" text-anchor="end">50</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#00aeff"/>
<text x="29" y="127" font-size="10" fill="#00aeff" text-anchor="end">100</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#00aeff"/>
<text x="29" y="111" font-size="10" fill="#00aeff" text-anchor="end">150</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#00aeff"/>
<text x="29" y="96" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#00aeff"/>
<text x="29" y="80" font-size="10" fill="#00aeff" text-anchor="end">250</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#00aeff"/>
<text x="29" y="64" font-size="10" fill="#00aeff" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#00aeff"/>
<text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">350</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#00aeff"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#00aeff"/>
<text x="40" y="171" font-size="10" fill="#00aeff" text-anchor="middle">0</text>
@@ -27,29 +29,29 @@
<text x="258" y="171" font-size="10" fill="#00aeff" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#00aeff"/>
<text x="319" y="171" font-size="10" fill="#00aeff" text-anchor="middle">23</text>
<rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#e03c8a"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#e03c8a"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#e03c8a"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#e03c8a"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#e03c8a"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#e03c8a"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#e03c8a"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#e03c8a"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="135.93" width="11.12" height="19.07" rx="2" fill="#e03c8a"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="107.70" width="11.12" height="47.30" rx="2" fill="#e03c8a"><title>09:00 — 129 commits</title></rect>
<rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#e03c8a"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#e03c8a"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#e03c8a"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#e03c8a"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#e03c8a"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#e03c8a"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#e03c8a"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#e03c8a"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#e03c8a"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#e03c8a"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#e03c8a"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#e03c8a"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#e03c8a"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#e03c8a"><title>23:00 — 298 commits</title></rect>
<rect x="35.00" y="103.14" width="11.12" height="51.86" rx="2" fill="#e03c8a"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="136.14" width="11.12" height="18.86" rx="2" fill="#e03c8a"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="150.29" width="11.12" height="4.71" rx="2" fill="#e03c8a"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="151.54" width="11.12" height="3.46" rx="2" fill="#e03c8a"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="152.17" width="11.12" height="2.83" rx="2" fill="#e03c8a"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.80" width="11.12" height="2.20" rx="2" fill="#e03c8a"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="151.54" width="11.12" height="3.46" rx="2" fill="#e03c8a"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="150.29" width="11.12" height="4.71" rx="2" fill="#e03c8a"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="138.66" width="11.12" height="16.34" rx="2" fill="#e03c8a"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="114.14" width="11.12" height="40.86" rx="2" fill="#e03c8a"><title>09:00 — 130 commits</title></rect>
<rect x="156.25" y="98.43" width="11.12" height="56.57" rx="2" fill="#e03c8a"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="96.86" width="11.12" height="58.14" rx="2" fill="#e03c8a"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="113.83" width="11.12" height="41.17" rx="2" fill="#e03c8a"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="112.26" width="11.12" height="42.74" rx="2" fill="#e03c8a"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="110.06" width="11.12" height="44.94" rx="2" fill="#e03c8a"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="122.63" width="11.12" height="32.37" rx="2" fill="#e03c8a"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="122.31" width="11.12" height="32.69" rx="2" fill="#e03c8a"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="120.74" width="11.12" height="34.26" rx="2" fill="#e03c8a"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="114.46" width="11.12" height="40.54" rx="2" fill="#e03c8a"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="122.00" width="11.12" height="33.00" rx="2" fill="#e03c8a"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="72.66" width="11.12" height="82.34" rx="2" fill="#e03c8a"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="47.83" width="11.12" height="107.17" rx="2" fill="#e03c8a"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="54.74" width="11.12" height="100.26" rx="2" fill="#e03c8a"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="61.34" width="11.12" height="93.66" rx="2" fill="#e03c8a"><title>23:00 — 298 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#00aeff" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

demo/bear/productive-time.svg
+31 -29
View File
@@ -4,14 +4,16 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#00aeff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#00aeff"/>
<text x="29" y="158" font-size="10" fill="#00aeff" text-anchor="end">0</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#00aeff"/>
<text x="29" y="131" font-size="10" fill="#00aeff" text-anchor="end">50</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#00aeff"/>
<text x="29" y="103" font-size="10" fill="#00aeff" text-anchor="end">100</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#00aeff"/>
<text x="29" y="76" font-size="10" fill="#00aeff" text-anchor="end">150</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#00aeff"/>
<text x="29" y="136" font-size="10" fill="#00aeff" text-anchor="end">50</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#00aeff"/>
<text x="29" y="114" font-size="10" fill="#00aeff" text-anchor="end">100</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#00aeff"/>
<text x="29" y="92" font-size="10" fill="#00aeff" text-anchor="end">150</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#00aeff"/>
<text x="29" y="70" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#00aeff"/>
<text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">250</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#00aeff"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#00aeff"/>
<text x="40" y="171" font-size="10" fill="#00aeff" text-anchor="middle">0</text>
@@ -23,29 +25,29 @@
<text x="258" y="171" font-size="10" fill="#00aeff" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#00aeff"/>
<text x="319" y="171" font-size="10" fill="#00aeff" text-anchor="middle">23</text>
<rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#e03c8a"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#e03c8a"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#e03c8a"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#e03c8a"><title>03:00 — 4 commits</title></rect>
<rect x="35.00" y="114.96" width="11.12" height="40.04" rx="2" fill="#e03c8a"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="142.68" width="11.12" height="12.32" rx="2" fill="#e03c8a"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="153.24" width="11.12" height="1.76" rx="2" fill="#e03c8a"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="153.24" width="11.12" height="1.76" rx="2" fill="#e03c8a"><title>03:00 — 4 commits</title></rect>
<rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#e03c8a"><title>04:00 — 0 commits</title></rect>
<rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#e03c8a"><title>05:00 — 0 commits</title></rect>
<rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#e03c8a"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#e03c8a"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="135.20" width="11.12" height="19.80" rx="2" fill="#e03c8a"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="97.80" width="11.12" height="57.20" rx="2" fill="#e03c8a"><title>09:00 — 104 commits</title></rect>
<rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#e03c8a"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#e03c8a"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#e03c8a"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#e03c8a"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#e03c8a"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#e03c8a"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#e03c8a"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#e03c8a"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#e03c8a"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#e03c8a"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#e03c8a"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#e03c8a"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#e03c8a"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#e03c8a"><title>23:00 — 185 commits</title></rect>
<rect x="107.75" y="153.68" width="11.12" height="1.32" rx="2" fill="#e03c8a"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.56" width="11.12" height="0.44" rx="2" fill="#e03c8a"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="139.16" width="11.12" height="15.84" rx="2" fill="#e03c8a"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="108.80" width="11.12" height="46.20" rx="2" fill="#e03c8a"><title>09:00 — 105 commits</title></rect>
<rect x="156.25" y="101.76" width="11.12" height="53.24" rx="2" fill="#e03c8a"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="114.52" width="11.12" height="40.48" rx="2" fill="#e03c8a"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="131.24" width="11.12" height="23.76" rx="2" fill="#e03c8a"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="123.76" width="11.12" height="31.24" rx="2" fill="#e03c8a"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="128.60" width="11.12" height="26.40" rx="2" fill="#e03c8a"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="129.92" width="11.12" height="25.08" rx="2" fill="#e03c8a"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="127.72" width="11.12" height="27.28" rx="2" fill="#e03c8a"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="127.28" width="11.12" height="27.72" rx="2" fill="#e03c8a"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="128.16" width="11.12" height="26.84" rx="2" fill="#e03c8a"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="136.52" width="11.12" height="18.48" rx="2" fill="#e03c8a"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="95.60" width="11.12" height="59.40" rx="2" fill="#e03c8a"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="86.36" width="11.12" height="68.64" rx="2" fill="#e03c8a"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="65.24" width="11.12" height="89.76" rx="2" fill="#e03c8a"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="73.60" width="11.12" height="81.40" rx="2" fill="#e03c8a"><title>23:00 — 185 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#00aeff" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

demo/bear/productive-weekday-all-time.svg
+20 -18
View File
@@ -4,31 +4,33 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#00aeff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#00aeff"/>
<text x="29" y="158" font-size="10" fill="#00aeff" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#00aeff"/>
<text x="29" y="140" font-size="10" fill="#00aeff" text-anchor="end">100</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#00aeff"/>
<text x="29" y="122" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#00aeff"/>
<text x="29" y="103" font-size="10" fill="#00aeff" text-anchor="end">300</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#00aeff"/>
<text x="29" y="85" font-size="10" fill="#00aeff" text-anchor="end">400</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#00aeff"/>
<text x="29" y="67" font-size="10" fill="#00aeff" text-anchor="end">500</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#00aeff"/>
<text x="29" y="143" font-size="10" fill="#00aeff" text-anchor="end">100</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#00aeff"/>
<text x="29" y="127" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#00aeff"/>
<text x="29" y="111" font-size="10" fill="#00aeff" text-anchor="end">300</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#00aeff"/>
<text x="29" y="96" font-size="10" fill="#00aeff" text-anchor="end">400</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#00aeff"/>
<text x="29" y="80" font-size="10" fill="#00aeff" text-anchor="end">500</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#00aeff"/>
<text x="29" y="64" font-size="10" fill="#00aeff" text-anchor="end">600</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#00aeff"/>
<text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">600</text>
<text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">700</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#00aeff"/>
<rect x="35.00" y="49.77" width="36.29" height="105.23" rx="2" fill="#892f5b"><title>Sun — 574 commits</title></rect>
<rect x="35.00" y="64.64" width="36.29" height="90.36" rx="2" fill="#892f5b"><title>Sun — 575 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Sun</text>
<rect x="77.29" y="89.92" width="36.29" height="65.08" rx="2" fill="#892f5b"><title>Mon — 355 commits</title></rect>
<rect x="77.29" y="99.21" width="36.29" height="55.79" rx="2" fill="#892f5b"><title>Mon — 355 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Mon</text>
<rect x="119.57" y="78.55" width="36.29" height="76.45" rx="2" fill="#892f5b"><title>Tue — 417 commits</title></rect>
<rect x="119.57" y="89.47" width="36.29" height="65.53" rx="2" fill="#892f5b"><title>Tue — 417 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Tue</text>
<rect x="161.86" y="91.93" width="36.29" height="63.07" rx="2" fill="#892f5b"><title>Wed — 344 commits</title></rect>
<rect x="161.86" y="100.94" width="36.29" height="54.06" rx="2" fill="#892f5b"><title>Wed — 344 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Wed</text>
<rect x="204.14" y="84.23" width="36.29" height="70.77" rx="2" fill="#892f5b"><title>Thu — 386 commits</title></rect>
<rect x="204.14" y="94.34" width="36.29" height="60.66" rx="2" fill="#892f5b"><title>Thu — 386 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Thu</text>
<rect x="246.43" y="96.70" width="36.29" height="58.30" rx="2" fill="#892f5b"><title>Fri — 318 commits</title></rect>
<rect x="246.43" y="105.03" width="36.29" height="49.97" rx="2" fill="#892f5b"><title>Fri — 318 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Fri</text>
<rect x="288.71" y="40.42" width="36.29" height="114.58" rx="2" fill="#e03c8a"><title>Sat — 625 commits</title></rect>
<rect x="288.71" y="56.79" width="36.29" height="98.21" rx="2" fill="#e03c8a"><title>Sat — 625 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

demo/bear/productive-weekday.svg
+14 -12
View File
@@ -4,25 +4,27 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#00aeff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#00aeff"/>
<text x="29" y="158" font-size="10" fill="#00aeff" text-anchor="end">0</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#00aeff"/>
<text x="29" y="122" font-size="10" fill="#00aeff" text-anchor="end">100</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#00aeff"/>
<text x="29" y="85" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#00aeff"/>
<text x="29" y="131" font-size="10" fill="#00aeff" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#00aeff"/>
<text x="29" y="103" font-size="10" fill="#00aeff" text-anchor="end">200</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#00aeff"/>
<text x="29" y="76" font-size="10" fill="#00aeff" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#00aeff"/>
<text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">400</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#00aeff"/>
<rect x="35.00" y="68.10" width="36.29" height="86.90" rx="2" fill="#892f5b"><title>Sun — 237 commits</title></rect>
<rect x="35.00" y="89.55" width="36.29" height="65.45" rx="2" fill="#892f5b"><title>Sun — 238 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Sun</text>
<rect x="77.29" y="87.53" width="36.29" height="67.47" rx="2" fill="#892f5b"><title>Mon — 184 commits</title></rect>
<rect x="77.29" y="104.40" width="36.29" height="50.60" rx="2" fill="#892f5b"><title>Mon — 184 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Mon</text>
<rect x="119.57" y="66.27" width="36.29" height="88.73" rx="2" fill="#892f5b"><title>Tue — 242 commits</title></rect>
<rect x="119.57" y="88.45" width="36.29" height="66.55" rx="2" fill="#892f5b"><title>Tue — 242 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Tue</text>
<rect x="161.86" y="80.20" width="36.29" height="74.80" rx="2" fill="#892f5b"><title>Wed — 204 commits</title></rect>
<rect x="161.86" y="98.90" width="36.29" height="56.10" rx="2" fill="#892f5b"><title>Wed — 204 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Wed</text>
<rect x="204.14" y="75.43" width="36.29" height="79.57" rx="2" fill="#892f5b"><title>Thu — 217 commits</title></rect>
<rect x="204.14" y="95.33" width="36.29" height="59.67" rx="2" fill="#892f5b"><title>Thu — 217 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Thu</text>
<rect x="246.43" y="86.80" width="36.29" height="68.20" rx="2" fill="#892f5b"><title>Fri — 186 commits</title></rect>
<rect x="246.43" y="103.85" width="36.29" height="51.15" rx="2" fill="#892f5b"><title>Fri — 186 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Fri</text>
<rect x="288.71" y="21.53" width="36.29" height="133.47" rx="2" fill="#e03c8a"><title>Sat — 364 commits</title></rect>
<rect x="288.71" y="54.90" width="36.29" height="100.10" rx="2" fill="#e03c8a"><title>Sat — 364 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#00aeff" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

demo/bear/stats.svg
+3 -3
View File
@@ -6,13 +6,13 @@
<text x="320" y="55" font-size="12" font-weight="600" fill="#e03c8a" text-anchor="end">4</text>
<g transform="translate(20,65.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="75" font-size="12" fill="#bcb28d">Total Commits (all time)</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#e03c8a" text-anchor="end">3,148</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#e03c8a" text-anchor="end">3,149</text>
<g transform="translate(20,85.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="95" font-size="12" fill="#bcb28d">Total Commits (last year)</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#e03c8a" text-anchor="end">1,776</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#e03c8a" text-anchor="end">1,777</text>
<g transform="translate(20,105.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"/></g>
<text x="40" y="115" font-size="12" fill="#bcb28d">Total PRs</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#e03c8a" text-anchor="end">83</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#e03c8a" text-anchor="end">84</text>
<g transform="translate(20,125.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"/></g>
<text x="40" y="135" font-size="12" fill="#bcb28d">Total Issues</text>
<text x="320" y="135" font-size="12" font-weight="600" fill="#e03c8a" text-anchor="end">7</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

demo/blue_green/contributions-all-time.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#f5b700" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#f5b700"/>
<text x="318" y="153" font-size="10" fill="#f5b700" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#f5b700"/>
<text x="22" y="132" font-size="10" fill="#f5b700" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#f5b700"/>
<text x="318" y="132" font-size="10" fill="#f5b700" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#f5b700"/>
<text x="22" y="111" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#f5b700"/>
<text x="318" y="111" font-size="10" fill="#f5b700" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#f5b700"/>
<text x="22" y="90" font-size="10" fill="#f5b700" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#f5b700"/>
<text x="318" y="90" font-size="10" fill="#f5b700" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#f5b700"/>
<text x="22" y="69" font-size="10" fill="#f5b700" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#f5b700"/>
<text x="318" y="69" font-size="10" fill="#f5b700" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#f5b700"/>
<text x="22" y="136" font-size="10" fill="#f5b700" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#f5b700"/>
<text x="318" y="136" font-size="10" fill="#f5b700" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#f5b700"/>
<text x="22" y="118" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#f5b700"/>
<text x="318" y="118" font-size="10" fill="#f5b700" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#f5b700"/>
<text x="22" y="101" font-size="10" fill="#f5b700" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#f5b700"/>
<text x="318" y="101" font-size="10" fill="#f5b700" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#f5b700"/>
<text x="22" y="83" font-size="10" fill="#f5b700" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#f5b700"/>
<text x="318" y="83" font-size="10" fill="#f5b700" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#f5b700"/>
<text x="22" y="66" font-size="10" fill="#f5b700" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#f5b700"/>
<text x="318" y="66" font-size="10" fill="#f5b700" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#f5b700"/>
<text x="22" y="48" font-size="10" fill="#f5b700" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#f5b700" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#f5b700"/>
<text x="318" y="48" font-size="10" fill="#f5b700" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#f5b700" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#f5b700"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#f5b700"/>
<text x="28" y="166" font-size="10" fill="#f5b700" text-anchor="middle">01/18</text>
@@ -40,7 +44,7 @@
<text x="246" y="166" font-size="10" fill="#f5b700" text-anchor="middle">05/24</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#f5b700"/>
<text x="312" y="166" font-size="10" fill="#f5b700" text-anchor="middle">04/26</text>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#2f97c1" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94" fill="none" stroke="#2f97c1" stroke-width="2"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#2f97c1" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10" fill="none" stroke="#2f97c1" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#f5b700" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

demo/blue_green/contributions-by-year.svg
+20 -18
View File
@@ -4,29 +4,31 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#f5b700"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#f5b700"/>
<text x="29" y="158" font-size="10" fill="#f5b700" text-anchor="end">0</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#f5b700"/>
<text x="29" y="136" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#f5b700"/>
<text x="29" y="114" font-size="10" fill="#f5b700" text-anchor="end">400</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#f5b700"/>
<text x="29" y="92" font-size="10" fill="#f5b700" text-anchor="end">600</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#f5b700"/>
<text x="29" y="70" font-size="10" fill="#f5b700" text-anchor="end">800</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#f5b700"/>
<text x="29" y="140" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#f5b700"/>
<text x="29" y="122" font-size="10" fill="#f5b700" text-anchor="end">400</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#f5b700"/>
<text x="29" y="103" font-size="10" fill="#f5b700" text-anchor="end">600</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#f5b700"/>
<text x="29" y="85" font-size="10" fill="#f5b700" text-anchor="end">800</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#f5b700"/>
<text x="29" y="67" font-size="10" fill="#f5b700" text-anchor="end">1k</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#f5b700"/>
<text x="29" y="48" font-size="10" fill="#f5b700" text-anchor="end">1k</text>
<text x="29" y="48" font-size="10" fill="#f5b700" text-anchor="end">1.2k</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#f5b700"/>
<rect x="35.00" y="149.50" width="30.44" height="5.50" rx="2" fill="#1b5970"><title>2018 — 50 commits</title></rect>
<rect x="35.00" y="150.42" width="30.44" height="4.58" rx="2" fill="#1b5970"><title>2018 — 50 commits</title></rect>
<text x="50.22" y="169" font-size="10" fill="#f5b700" text-anchor="middle">2018</text>
<rect x="67.44" y="152.69" width="30.44" height="2.31" rx="2" fill="#1b5970"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="148.07" width="30.44" height="6.93" rx="2" fill="#1b5970"><title>2020 — 63 commits</title></rect>
<rect x="67.44" y="153.07" width="30.44" height="1.93" rx="2" fill="#1b5970"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="149.22" width="30.44" height="5.78" rx="2" fill="#1b5970"><title>2020 — 63 commits</title></rect>
<text x="115.11" y="169" font-size="10" fill="#f5b700" text-anchor="middle">2020</text>
<rect x="132.33" y="149.83" width="30.44" height="5.17" rx="2" fill="#1b5970"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="120.68" width="30.44" height="34.32" rx="2" fill="#1b5970"><title>2022 — 312 commits</title></rect>
<rect x="132.33" y="150.69" width="30.44" height="4.31" rx="2" fill="#1b5970"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="126.40" width="30.44" height="28.60" rx="2" fill="#1b5970"><title>2022 — 312 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#f5b700" text-anchor="middle">2022</text>
<rect x="197.22" y="100.22" width="30.44" height="54.78" rx="2" fill="#1b5970"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="114.30" width="30.44" height="40.70" rx="2" fill="#1b5970"><title>2024 — 370 commits</title></rect>
<rect x="197.22" y="109.35" width="30.44" height="45.65" rx="2" fill="#1b5970"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="121.08" width="30.44" height="33.92" rx="2" fill="#1b5970"><title>2024 — 370 commits</title></rect>
<text x="244.89" y="169" font-size="10" fill="#f5b700" text-anchor="middle">2024</text>
<rect x="262.11" y="34.44" width="30.44" height="120.56" rx="2" fill="#2f97c1"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="43.90" width="30.44" height="111.10" rx="2" fill="#1b5970"><title>2026 — 1010 commits</title></rect>
<rect x="262.11" y="54.53" width="30.44" height="100.47" rx="2" fill="#2f97c1"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="62.23" width="30.44" height="92.77" rx="2" fill="#1b5970"><title>2026 — 1012 commits</title></rect>
<text x="309.78" y="169" font-size="10" fill="#f5b700" text-anchor="middle">2026</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

demo/blue_green/contributions-heatmap.svg
+1 -1
View File
@@ -379,7 +379,7 @@
<rect x="328" y="86" width="5" height="5" rx="2" fill="#195368"><title>2026-04-16 — 28</title></rect>
<rect x="328" y="92" width="5" height="5" rx="2" fill="#0e313b"><title>2026-04-17 — 17</title></rect>
<rect x="328" y="98" width="5" height="5" rx="2" fill="#2f97c1"><title>2026-04-18 — 88</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#195368"><title>2026-04-19 — 36</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#195368"><title>2026-04-19 — 38</title></rect>
<text x="230" y="185" font-size="9" fill="#f5b700">Less</text>
<rect x="258" y="182" width="5" height="5" rx="2" fill="#040f0f"/>
<rect x="265" y="182" width="5" height="5" rx="2" fill="#0e313b"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

demo/blue_green/contributions.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#f5b700" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#f5b700"/>
<text x="318" y="153" font-size="10" fill="#f5b700" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#f5b700"/>
<text x="22" y="132" font-size="10" fill="#f5b700" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#f5b700"/>
<text x="318" y="132" font-size="10" fill="#f5b700" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#f5b700"/>
<text x="22" y="111" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#f5b700"/>
<text x="318" y="111" font-size="10" fill="#f5b700" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#f5b700"/>
<text x="22" y="90" font-size="10" fill="#f5b700" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#f5b700"/>
<text x="318" y="90" font-size="10" fill="#f5b700" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#f5b700"/>
<text x="22" y="69" font-size="10" fill="#f5b700" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#f5b700"/>
<text x="318" y="69" font-size="10" fill="#f5b700" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#f5b700"/>
<text x="22" y="136" font-size="10" fill="#f5b700" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#f5b700"/>
<text x="318" y="136" font-size="10" fill="#f5b700" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#f5b700"/>
<text x="22" y="118" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#f5b700"/>
<text x="318" y="118" font-size="10" fill="#f5b700" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#f5b700"/>
<text x="22" y="101" font-size="10" fill="#f5b700" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#f5b700"/>
<text x="318" y="101" font-size="10" fill="#f5b700" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#f5b700"/>
<text x="22" y="83" font-size="10" fill="#f5b700" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#f5b700"/>
<text x="318" y="83" font-size="10" fill="#f5b700" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#f5b700"/>
<text x="22" y="66" font-size="10" fill="#f5b700" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#f5b700"/>
<text x="318" y="66" font-size="10" fill="#f5b700" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#f5b700"/>
<text x="22" y="48" font-size="10" fill="#f5b700" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#f5b700" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#f5b700"/>
<text x="318" y="48" font-size="10" fill="#f5b700" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#f5b700" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#f5b700"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#f5b700"/>
<text x="28" y="166" font-size="10" fill="#f5b700" text-anchor="middle">04/25</text>
@@ -42,7 +46,7 @@
<text x="264" y="166" font-size="10" fill="#f5b700" text-anchor="middle">02/26</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#f5b700"/>
<text x="312" y="166" font-size="10" fill="#f5b700" text-anchor="middle">04/26</text>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#2f97c1" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94" fill="none" stroke="#2f97c1" stroke-width="2"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#2f97c1" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10" fill="none" stroke="#2f97c1" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#f5b700" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

demo/blue_green/most-commit-language-all-time.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#040f0f" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#2f97c1">Most Commit Language (all time)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#040f0f" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#0cf574">JavaScript 31.57%</text>
<text x="36" y="55" font-size="11" fill="#0cf574">JavaScript 31.56%</text>
<rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#040f0f" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#0cf574">Java 18.74%</text>
<text x="36" y="75" font-size="11" fill="#0cf574">Java 18.73%</text>
<rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#040f0f" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#0cf574">HTML 18.71%</text>
<rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#040f0f" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#0cf574">Go 7.44%</text>
<text x="36" y="115" font-size="11" fill="#0cf574">Go 7.48%</text>
<rect x="20" y="127" width="10" height="10" fill="#2f97c1" stroke="#040f0f" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#0cf574">Other 23.54%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.38,132.06 L277.48,122.03 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#040f0f" stroke-width="1.5"/>
<path d="M300.38,132.06 A55.00,55.00 0 0 1 248.93,164.99 L249.42,139.99 A30.00,30.00 0 0 0 277.48,122.03 Z" fill="#b07219" stroke="#040f0f" stroke-width="1.5"/>
<path d="M248.93,164.99 A55.00,55.00 0 0 1 198.84,130.18 L222.09,121.01 A30.00,30.00 0 0 0 249.42,139.99 Z" fill="#e34c26" stroke="#040f0f" stroke-width="1.5"/>
<path d="M198.84,130.18 A55.00,55.00 0 0 1 195.23,104.95 L220.13,107.24 A30.00,30.00 0 0 0 222.09,121.01 Z" fill="#00ADD8" stroke="#040f0f" stroke-width="1.5"/>
<path d="M195.23,104.95 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.24 Z" fill="#2f97c1" stroke="#040f0f" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#0cf574">Other 23.53%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.40,132.03 L277.49,122.01 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#040f0f" stroke-width="1.5"/>
<path d="M300.40,132.03 A55.00,55.00 0 0 1 248.99,164.99 L249.45,139.99 A30.00,30.00 0 0 0 277.49,122.01 Z" fill="#b07219" stroke="#040f0f" stroke-width="1.5"/>
<path d="M248.99,164.99 A55.00,55.00 0 0 1 198.87,130.26 L222.11,121.05 A30.00,30.00 0 0 0 249.45,139.99 Z" fill="#e34c26" stroke="#040f0f" stroke-width="1.5"/>
<path d="M198.87,130.26 A55.00,55.00 0 0 1 195.24,104.92 L220.13,107.23 A30.00,30.00 0 0 0 222.11,121.05 Z" fill="#00ADD8" stroke="#040f0f" stroke-width="1.5"/>
<path d="M195.24,104.92 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.23 Z" fill="#2f97c1" stroke="#040f0f" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/blue_green/most-commit-language.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#040f0f" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#2f97c1">Most Commit Language (last year)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#040f0f" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#0cf574">JavaScript 44.73%</text>
<text x="36" y="55" font-size="11" fill="#0cf574">JavaScript 44.70%</text>
<rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#040f0f" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#0cf574">Go 13.30%</text>
<text x="36" y="75" font-size="11" fill="#0cf574">Go 13.35%</text>
<rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#040f0f" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#0cf574">Java 10.69%</text>
<text x="36" y="95" font-size="11" fill="#0cf574">Java 10.68%</text>
<rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#040f0f" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#0cf574">HTML 9.69%</text>
<rect x="20" y="127" width="10" height="10" fill="#2f97c1" stroke="#040f0f" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#0cf574">Other 21.59%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.88,162.01 L259.75,138.37 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#040f0f" stroke-width="1.5"/>
<path d="M267.88,162.01 A55.00,55.00 0 0 1 223.42,158.15 L235.50,136.26 A30.00,30.00 0 0 0 259.75,138.37 Z" fill="#00ADD8" stroke="#040f0f" stroke-width="1.5"/>
<path d="M223.42,158.15 A55.00,55.00 0 0 1 199.23,131.14 L222.30,121.53 A30.00,30.00 0 0 0 235.50,136.26 Z" fill="#b07219" stroke="#040f0f" stroke-width="1.5"/>
<path d="M199.23,131.14 A55.00,55.00 0 0 1 196.26,98.29 L220.69,103.61 A30.00,30.00 0 0 0 222.30,121.53 Z" fill="#e34c26" stroke="#040f0f" stroke-width="1.5"/>
<path d="M196.26,98.29 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.61 Z" fill="#2f97c1" stroke="#040f0f" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#0cf574">Other 21.57%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.97,161.98 L259.80,138.35 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#040f0f" stroke-width="1.5"/>
<path d="M267.97,161.98 A55.00,55.00 0 0 1 223.34,158.10 L235.46,136.24 A30.00,30.00 0 0 0 259.80,138.35 Z" fill="#00ADD8" stroke="#040f0f" stroke-width="1.5"/>
<path d="M223.34,158.10 A55.00,55.00 0 0 1 199.20,131.08 L222.29,121.50 A30.00,30.00 0 0 0 235.46,136.24 Z" fill="#b07219" stroke="#040f0f" stroke-width="1.5"/>
<path d="M199.20,131.08 A55.00,55.00 0 0 1 196.27,98.25 L220.69,103.59 A30.00,30.00 0 0 0 222.29,121.50 Z" fill="#e34c26" stroke="#040f0f" stroke-width="1.5"/>
<path d="M196.27,98.25 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.59 Z" fill="#2f97c1" stroke="#040f0f" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/blue_green/productive-time-all-time.svg
+37 -35
View File
@@ -4,18 +4,20 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#f5b700"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#f5b700"/>
<text x="29" y="158" font-size="10" fill="#f5b700" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#f5b700"/>
<text x="29" y="140" font-size="10" fill="#f5b700" text-anchor="end">50</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#f5b700"/>
<text x="29" y="122" font-size="10" fill="#f5b700" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#f5b700"/>
<text x="29" y="103" font-size="10" fill="#f5b700" text-anchor="end">150</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#f5b700"/>
<text x="29" y="85" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#f5b700"/>
<text x="29" y="67" font-size="10" fill="#f5b700" text-anchor="end">250</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#f5b700"/>
<text x="29" y="143" font-size="10" fill="#f5b700" text-anchor="end">50</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#f5b700"/>
<text x="29" y="127" font-size="10" fill="#f5b700" text-anchor="end">100</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#f5b700"/>
<text x="29" y="111" font-size="10" fill="#f5b700" text-anchor="end">150</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#f5b700"/>
<text x="29" y="96" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#f5b700"/>
<text x="29" y="80" font-size="10" fill="#f5b700" text-anchor="end">250</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#f5b700"/>
<text x="29" y="64" font-size="10" fill="#f5b700" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#f5b700"/>
<text x="29" y="48" font-size="10" fill="#f5b700" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#f5b700" text-anchor="end">350</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#f5b700"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#f5b700"/>
<text x="40" y="171" font-size="10" fill="#f5b700" text-anchor="middle">0</text>
@@ -27,29 +29,29 @@
<text x="258" y="171" font-size="10" fill="#f5b700" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#f5b700"/>
<text x="319" y="171" font-size="10" fill="#f5b700" text-anchor="middle">23</text>
<rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#2f97c1"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#2f97c1"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#2f97c1"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#2f97c1"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#2f97c1"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#2f97c1"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#2f97c1"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#2f97c1"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="135.93" width="11.12" height="19.07" rx="2" fill="#2f97c1"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="107.70" width="11.12" height="47.30" rx="2" fill="#2f97c1"><title>09:00 — 129 commits</title></rect>
<rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#2f97c1"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#2f97c1"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#2f97c1"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#2f97c1"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#2f97c1"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#2f97c1"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#2f97c1"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#2f97c1"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#2f97c1"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#2f97c1"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#2f97c1"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#2f97c1"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#2f97c1"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#2f97c1"><title>23:00 — 298 commits</title></rect>
<rect x="35.00" y="103.14" width="11.12" height="51.86" rx="2" fill="#2f97c1"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="136.14" width="11.12" height="18.86" rx="2" fill="#2f97c1"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="150.29" width="11.12" height="4.71" rx="2" fill="#2f97c1"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="151.54" width="11.12" height="3.46" rx="2" fill="#2f97c1"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="152.17" width="11.12" height="2.83" rx="2" fill="#2f97c1"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.80" width="11.12" height="2.20" rx="2" fill="#2f97c1"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="151.54" width="11.12" height="3.46" rx="2" fill="#2f97c1"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="150.29" width="11.12" height="4.71" rx="2" fill="#2f97c1"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="138.66" width="11.12" height="16.34" rx="2" fill="#2f97c1"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="114.14" width="11.12" height="40.86" rx="2" fill="#2f97c1"><title>09:00 — 130 commits</title></rect>
<rect x="156.25" y="98.43" width="11.12" height="56.57" rx="2" fill="#2f97c1"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="96.86" width="11.12" height="58.14" rx="2" fill="#2f97c1"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="113.83" width="11.12" height="41.17" rx="2" fill="#2f97c1"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="112.26" width="11.12" height="42.74" rx="2" fill="#2f97c1"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="110.06" width="11.12" height="44.94" rx="2" fill="#2f97c1"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="122.63" width="11.12" height="32.37" rx="2" fill="#2f97c1"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="122.31" width="11.12" height="32.69" rx="2" fill="#2f97c1"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="120.74" width="11.12" height="34.26" rx="2" fill="#2f97c1"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="114.46" width="11.12" height="40.54" rx="2" fill="#2f97c1"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="122.00" width="11.12" height="33.00" rx="2" fill="#2f97c1"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="72.66" width="11.12" height="82.34" rx="2" fill="#2f97c1"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="47.83" width="11.12" height="107.17" rx="2" fill="#2f97c1"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="54.74" width="11.12" height="100.26" rx="2" fill="#2f97c1"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="61.34" width="11.12" height="93.66" rx="2" fill="#2f97c1"><title>23:00 — 298 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#f5b700" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

demo/blue_green/productive-time.svg
+31 -29
View File
@@ -4,14 +4,16 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#f5b700"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#f5b700"/>
<text x="29" y="158" font-size="10" fill="#f5b700" text-anchor="end">0</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#f5b700"/>
<text x="29" y="131" font-size="10" fill="#f5b700" text-anchor="end">50</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#f5b700"/>
<text x="29" y="103" font-size="10" fill="#f5b700" text-anchor="end">100</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#f5b700"/>
<text x="29" y="76" font-size="10" fill="#f5b700" text-anchor="end">150</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#f5b700"/>
<text x="29" y="136" font-size="10" fill="#f5b700" text-anchor="end">50</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#f5b700"/>
<text x="29" y="114" font-size="10" fill="#f5b700" text-anchor="end">100</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#f5b700"/>
<text x="29" y="92" font-size="10" fill="#f5b700" text-anchor="end">150</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#f5b700"/>
<text x="29" y="70" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#f5b700"/>
<text x="29" y="48" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<text x="29" y="48" font-size="10" fill="#f5b700" text-anchor="end">250</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#f5b700"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#f5b700"/>
<text x="40" y="171" font-size="10" fill="#f5b700" text-anchor="middle">0</text>
@@ -23,29 +25,29 @@
<text x="258" y="171" font-size="10" fill="#f5b700" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#f5b700"/>
<text x="319" y="171" font-size="10" fill="#f5b700" text-anchor="middle">23</text>
<rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#2f97c1"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#2f97c1"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#2f97c1"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#2f97c1"><title>03:00 — 4 commits</title></rect>
<rect x="35.00" y="114.96" width="11.12" height="40.04" rx="2" fill="#2f97c1"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="142.68" width="11.12" height="12.32" rx="2" fill="#2f97c1"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="153.24" width="11.12" height="1.76" rx="2" fill="#2f97c1"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="153.24" width="11.12" height="1.76" rx="2" fill="#2f97c1"><title>03:00 — 4 commits</title></rect>
<rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#2f97c1"><title>04:00 — 0 commits</title></rect>
<rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#2f97c1"><title>05:00 — 0 commits</title></rect>
<rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#2f97c1"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#2f97c1"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="135.20" width="11.12" height="19.80" rx="2" fill="#2f97c1"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="97.80" width="11.12" height="57.20" rx="2" fill="#2f97c1"><title>09:00 — 104 commits</title></rect>
<rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#2f97c1"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#2f97c1"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#2f97c1"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#2f97c1"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#2f97c1"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#2f97c1"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#2f97c1"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#2f97c1"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#2f97c1"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#2f97c1"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#2f97c1"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#2f97c1"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#2f97c1"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#2f97c1"><title>23:00 — 185 commits</title></rect>
<rect x="107.75" y="153.68" width="11.12" height="1.32" rx="2" fill="#2f97c1"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.56" width="11.12" height="0.44" rx="2" fill="#2f97c1"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="139.16" width="11.12" height="15.84" rx="2" fill="#2f97c1"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="108.80" width="11.12" height="46.20" rx="2" fill="#2f97c1"><title>09:00 — 105 commits</title></rect>
<rect x="156.25" y="101.76" width="11.12" height="53.24" rx="2" fill="#2f97c1"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="114.52" width="11.12" height="40.48" rx="2" fill="#2f97c1"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="131.24" width="11.12" height="23.76" rx="2" fill="#2f97c1"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="123.76" width="11.12" height="31.24" rx="2" fill="#2f97c1"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="128.60" width="11.12" height="26.40" rx="2" fill="#2f97c1"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="129.92" width="11.12" height="25.08" rx="2" fill="#2f97c1"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="127.72" width="11.12" height="27.28" rx="2" fill="#2f97c1"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="127.28" width="11.12" height="27.72" rx="2" fill="#2f97c1"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="128.16" width="11.12" height="26.84" rx="2" fill="#2f97c1"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="136.52" width="11.12" height="18.48" rx="2" fill="#2f97c1"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="95.60" width="11.12" height="59.40" rx="2" fill="#2f97c1"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="86.36" width="11.12" height="68.64" rx="2" fill="#2f97c1"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="65.24" width="11.12" height="89.76" rx="2" fill="#2f97c1"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="73.60" width="11.12" height="81.40" rx="2" fill="#2f97c1"><title>23:00 — 185 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#f5b700" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

demo/blue_green/productive-weekday-all-time.svg
+20 -18
View File
@@ -4,31 +4,33 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#f5b700"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#f5b700"/>
<text x="29" y="158" font-size="10" fill="#f5b700" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#f5b700"/>
<text x="29" y="140" font-size="10" fill="#f5b700" text-anchor="end">100</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#f5b700"/>
<text x="29" y="122" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#f5b700"/>
<text x="29" y="103" font-size="10" fill="#f5b700" text-anchor="end">300</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#f5b700"/>
<text x="29" y="85" font-size="10" fill="#f5b700" text-anchor="end">400</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#f5b700"/>
<text x="29" y="67" font-size="10" fill="#f5b700" text-anchor="end">500</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#f5b700"/>
<text x="29" y="143" font-size="10" fill="#f5b700" text-anchor="end">100</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#f5b700"/>
<text x="29" y="127" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#f5b700"/>
<text x="29" y="111" font-size="10" fill="#f5b700" text-anchor="end">300</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#f5b700"/>
<text x="29" y="96" font-size="10" fill="#f5b700" text-anchor="end">400</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#f5b700"/>
<text x="29" y="80" font-size="10" fill="#f5b700" text-anchor="end">500</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#f5b700"/>
<text x="29" y="64" font-size="10" fill="#f5b700" text-anchor="end">600</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#f5b700"/>
<text x="29" y="48" font-size="10" fill="#f5b700" text-anchor="end">600</text>
<text x="29" y="48" font-size="10" fill="#f5b700" text-anchor="end">700</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#f5b700"/>
<rect x="35.00" y="49.77" width="36.29" height="105.23" rx="2" fill="#1b5970"><title>Sun — 574 commits</title></rect>
<rect x="35.00" y="64.64" width="36.29" height="90.36" rx="2" fill="#1b5970"><title>Sun — 575 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Sun</text>
<rect x="77.29" y="89.92" width="36.29" height="65.08" rx="2" fill="#1b5970"><title>Mon — 355 commits</title></rect>
<rect x="77.29" y="99.21" width="36.29" height="55.79" rx="2" fill="#1b5970"><title>Mon — 355 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Mon</text>
<rect x="119.57" y="78.55" width="36.29" height="76.45" rx="2" fill="#1b5970"><title>Tue — 417 commits</title></rect>
<rect x="119.57" y="89.47" width="36.29" height="65.53" rx="2" fill="#1b5970"><title>Tue — 417 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Tue</text>
<rect x="161.86" y="91.93" width="36.29" height="63.07" rx="2" fill="#1b5970"><title>Wed — 344 commits</title></rect>
<rect x="161.86" y="100.94" width="36.29" height="54.06" rx="2" fill="#1b5970"><title>Wed — 344 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Wed</text>
<rect x="204.14" y="84.23" width="36.29" height="70.77" rx="2" fill="#1b5970"><title>Thu — 386 commits</title></rect>
<rect x="204.14" y="94.34" width="36.29" height="60.66" rx="2" fill="#1b5970"><title>Thu — 386 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Thu</text>
<rect x="246.43" y="96.70" width="36.29" height="58.30" rx="2" fill="#1b5970"><title>Fri — 318 commits</title></rect>
<rect x="246.43" y="105.03" width="36.29" height="49.97" rx="2" fill="#1b5970"><title>Fri — 318 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Fri</text>
<rect x="288.71" y="40.42" width="36.29" height="114.58" rx="2" fill="#2f97c1"><title>Sat — 625 commits</title></rect>
<rect x="288.71" y="56.79" width="36.29" height="98.21" rx="2" fill="#2f97c1"><title>Sat — 625 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

demo/blue_green/productive-weekday.svg
+14 -12
View File
@@ -4,25 +4,27 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#f5b700"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#f5b700"/>
<text x="29" y="158" font-size="10" fill="#f5b700" text-anchor="end">0</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#f5b700"/>
<text x="29" y="122" font-size="10" fill="#f5b700" text-anchor="end">100</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#f5b700"/>
<text x="29" y="85" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#f5b700"/>
<text x="29" y="131" font-size="10" fill="#f5b700" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#f5b700"/>
<text x="29" y="103" font-size="10" fill="#f5b700" text-anchor="end">200</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#f5b700"/>
<text x="29" y="76" font-size="10" fill="#f5b700" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#f5b700"/>
<text x="29" y="48" font-size="10" fill="#f5b700" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#f5b700" text-anchor="end">400</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#f5b700"/>
<rect x="35.00" y="68.10" width="36.29" height="86.90" rx="2" fill="#1b5970"><title>Sun — 237 commits</title></rect>
<rect x="35.00" y="89.55" width="36.29" height="65.45" rx="2" fill="#1b5970"><title>Sun — 238 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Sun</text>
<rect x="77.29" y="87.53" width="36.29" height="67.47" rx="2" fill="#1b5970"><title>Mon — 184 commits</title></rect>
<rect x="77.29" y="104.40" width="36.29" height="50.60" rx="2" fill="#1b5970"><title>Mon — 184 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Mon</text>
<rect x="119.57" y="66.27" width="36.29" height="88.73" rx="2" fill="#1b5970"><title>Tue — 242 commits</title></rect>
<rect x="119.57" y="88.45" width="36.29" height="66.55" rx="2" fill="#1b5970"><title>Tue — 242 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Tue</text>
<rect x="161.86" y="80.20" width="36.29" height="74.80" rx="2" fill="#1b5970"><title>Wed — 204 commits</title></rect>
<rect x="161.86" y="98.90" width="36.29" height="56.10" rx="2" fill="#1b5970"><title>Wed — 204 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Wed</text>
<rect x="204.14" y="75.43" width="36.29" height="79.57" rx="2" fill="#1b5970"><title>Thu — 217 commits</title></rect>
<rect x="204.14" y="95.33" width="36.29" height="59.67" rx="2" fill="#1b5970"><title>Thu — 217 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Thu</text>
<rect x="246.43" y="86.80" width="36.29" height="68.20" rx="2" fill="#1b5970"><title>Fri — 186 commits</title></rect>
<rect x="246.43" y="103.85" width="36.29" height="51.15" rx="2" fill="#1b5970"><title>Fri — 186 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Fri</text>
<rect x="288.71" y="21.53" width="36.29" height="133.47" rx="2" fill="#2f97c1"><title>Sat — 364 commits</title></rect>
<rect x="288.71" y="54.90" width="36.29" height="100.10" rx="2" fill="#2f97c1"><title>Sat — 364 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#f5b700" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

demo/blue_green/stats.svg
+3 -3
View File
@@ -6,13 +6,13 @@
<text x="320" y="55" font-size="12" font-weight="600" fill="#2f97c1" text-anchor="end">4</text>
<g transform="translate(20,65.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="75" font-size="12" fill="#0cf574">Total Commits (all time)</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#2f97c1" text-anchor="end">3,148</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#2f97c1" text-anchor="end">3,149</text>
<g transform="translate(20,85.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="95" font-size="12" fill="#0cf574">Total Commits (last year)</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#2f97c1" text-anchor="end">1,776</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#2f97c1" text-anchor="end">1,777</text>
<g transform="translate(20,105.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"/></g>
<text x="40" y="115" font-size="12" fill="#0cf574">Total PRs</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#2f97c1" text-anchor="end">83</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#2f97c1" text-anchor="end">84</text>
<g transform="translate(20,125.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"/></g>
<text x="40" y="135" font-size="12" fill="#0cf574">Total Issues</text>
<text x="320" y="135" font-size="12" font-weight="600" fill="#2f97c1" text-anchor="end">7</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

demo/blueberry/contributions-all-time.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#89ddff" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#89ddff"/>
<text x="318" y="153" font-size="10" fill="#89ddff" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#89ddff"/>
<text x="22" y="132" font-size="10" fill="#89ddff" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#89ddff"/>
<text x="318" y="132" font-size="10" fill="#89ddff" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#89ddff"/>
<text x="22" y="111" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#89ddff"/>
<text x="318" y="111" font-size="10" fill="#89ddff" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#89ddff"/>
<text x="22" y="90" font-size="10" fill="#89ddff" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#89ddff"/>
<text x="318" y="90" font-size="10" fill="#89ddff" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#89ddff"/>
<text x="22" y="69" font-size="10" fill="#89ddff" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#89ddff"/>
<text x="318" y="69" font-size="10" fill="#89ddff" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#89ddff"/>
<text x="22" y="136" font-size="10" fill="#89ddff" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#89ddff"/>
<text x="318" y="136" font-size="10" fill="#89ddff" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#89ddff"/>
<text x="22" y="118" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#89ddff"/>
<text x="318" y="118" font-size="10" fill="#89ddff" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#89ddff"/>
<text x="22" y="101" font-size="10" fill="#89ddff" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#89ddff"/>
<text x="318" y="101" font-size="10" fill="#89ddff" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#89ddff"/>
<text x="22" y="83" font-size="10" fill="#89ddff" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#89ddff"/>
<text x="318" y="83" font-size="10" fill="#89ddff" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#89ddff"/>
<text x="22" y="66" font-size="10" fill="#89ddff" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#89ddff"/>
<text x="318" y="66" font-size="10" fill="#89ddff" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#89ddff"/>
<text x="22" y="48" font-size="10" fill="#89ddff" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#89ddff" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#89ddff"/>
<text x="318" y="48" font-size="10" fill="#89ddff" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#89ddff" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#89ddff"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#89ddff"/>
<text x="28" y="166" font-size="10" fill="#89ddff" text-anchor="middle">01/18</text>
@@ -40,7 +44,7 @@
<text x="246" y="166" font-size="10" fill="#89ddff" text-anchor="middle">05/24</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#89ddff"/>
<text x="312" y="166" font-size="10" fill="#89ddff" text-anchor="middle">04/26</text>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#82aaff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94" fill="none" stroke="#82aaff" stroke-width="2"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#82aaff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10" fill="none" stroke="#82aaff" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#89ddff" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

demo/blueberry/contributions-by-year.svg
+20 -18
View File
@@ -4,29 +4,31 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#89ddff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#89ddff"/>
<text x="29" y="158" font-size="10" fill="#89ddff" text-anchor="end">0</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#89ddff"/>
<text x="29" y="136" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#89ddff"/>
<text x="29" y="114" font-size="10" fill="#89ddff" text-anchor="end">400</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#89ddff"/>
<text x="29" y="92" font-size="10" fill="#89ddff" text-anchor="end">600</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#89ddff"/>
<text x="29" y="70" font-size="10" fill="#89ddff" text-anchor="end">800</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#89ddff"/>
<text x="29" y="140" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#89ddff"/>
<text x="29" y="122" font-size="10" fill="#89ddff" text-anchor="end">400</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#89ddff"/>
<text x="29" y="103" font-size="10" fill="#89ddff" text-anchor="end">600</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#89ddff"/>
<text x="29" y="85" font-size="10" fill="#89ddff" text-anchor="end">800</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#89ddff"/>
<text x="29" y="67" font-size="10" fill="#89ddff" text-anchor="end">1k</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#89ddff"/>
<text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">1k</text>
<text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">1.2k</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#89ddff"/>
<rect x="35.00" y="149.50" width="30.44" height="5.50" rx="2" fill="#576fa5"><title>2018 — 50 commits</title></rect>
<rect x="35.00" y="150.42" width="30.44" height="4.58" rx="2" fill="#576fa5"><title>2018 — 50 commits</title></rect>
<text x="50.22" y="169" font-size="10" fill="#89ddff" text-anchor="middle">2018</text>
<rect x="67.44" y="152.69" width="30.44" height="2.31" rx="2" fill="#576fa5"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="148.07" width="30.44" height="6.93" rx="2" fill="#576fa5"><title>2020 — 63 commits</title></rect>
<rect x="67.44" y="153.07" width="30.44" height="1.93" rx="2" fill="#576fa5"><title>2019 — 21 commits</title></rect>
<rect x="99.89" y="149.22" width="30.44" height="5.78" rx="2" fill="#576fa5"><title>2020 — 63 commits</title></rect>
<text x="115.11" y="169" font-size="10" fill="#89ddff" text-anchor="middle">2020</text>
<rect x="132.33" y="149.83" width="30.44" height="5.17" rx="2" fill="#576fa5"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="120.68" width="30.44" height="34.32" rx="2" fill="#576fa5"><title>2022 — 312 commits</title></rect>
<rect x="132.33" y="150.69" width="30.44" height="4.31" rx="2" fill="#576fa5"><title>2021 — 47 commits</title></rect>
<rect x="164.78" y="126.40" width="30.44" height="28.60" rx="2" fill="#576fa5"><title>2022 — 312 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#89ddff" text-anchor="middle">2022</text>
<rect x="197.22" y="100.22" width="30.44" height="54.78" rx="2" fill="#576fa5"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="114.30" width="30.44" height="40.70" rx="2" fill="#576fa5"><title>2024 — 370 commits</title></rect>
<rect x="197.22" y="109.35" width="30.44" height="45.65" rx="2" fill="#576fa5"><title>2023 — 498 commits</title></rect>
<rect x="229.67" y="121.08" width="30.44" height="33.92" rx="2" fill="#576fa5"><title>2024 — 370 commits</title></rect>
<text x="244.89" y="169" font-size="10" fill="#89ddff" text-anchor="middle">2024</text>
<rect x="262.11" y="34.44" width="30.44" height="120.56" rx="2" fill="#82aaff"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="43.90" width="30.44" height="111.10" rx="2" fill="#576fa5"><title>2026 — 1010 commits</title></rect>
<rect x="262.11" y="54.53" width="30.44" height="100.47" rx="2" fill="#82aaff"><title>2025 — 1096 commits</title></rect>
<rect x="294.56" y="62.23" width="30.44" height="92.77" rx="2" fill="#576fa5"><title>2026 — 1012 commits</title></rect>
<text x="309.78" y="169" font-size="10" fill="#89ddff" text-anchor="middle">2026</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

demo/blueberry/contributions-heatmap.svg
+1 -1
View File
@@ -379,7 +379,7 @@
<rect x="328" y="86" width="5" height="5" rx="2" fill="#53699b"><title>2026-04-16 — 28</title></rect>
<rect x="328" y="92" width="5" height="5" rx="2" fill="#3b4969"><title>2026-04-17 — 17</title></rect>
<rect x="328" y="98" width="5" height="5" rx="2" fill="#82aaff"><title>2026-04-18 — 88</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#53699b"><title>2026-04-19 — 36</title></rect>
<rect x="334" y="62" width="5" height="5" rx="2" fill="#53699b"><title>2026-04-19 — 38</title></rect>
<text x="230" y="185" font-size="9" fill="#89ddff">Less</text>
<rect x="258" y="182" width="5" height="5" rx="2" fill="#242938"/>
<rect x="265" y="182" width="5" height="5" rx="2" fill="#3b4969"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

demo/blueberry/contributions.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#89ddff" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#89ddff"/>
<text x="318" y="153" font-size="10" fill="#89ddff" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#89ddff"/>
<text x="22" y="132" font-size="10" fill="#89ddff" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#89ddff"/>
<text x="318" y="132" font-size="10" fill="#89ddff" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#89ddff"/>
<text x="22" y="111" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#89ddff"/>
<text x="318" y="111" font-size="10" fill="#89ddff" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#89ddff"/>
<text x="22" y="90" font-size="10" fill="#89ddff" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#89ddff"/>
<text x="318" y="90" font-size="10" fill="#89ddff" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#89ddff"/>
<text x="22" y="69" font-size="10" fill="#89ddff" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#89ddff"/>
<text x="318" y="69" font-size="10" fill="#89ddff" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#89ddff"/>
<text x="22" y="136" font-size="10" fill="#89ddff" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#89ddff"/>
<text x="318" y="136" font-size="10" fill="#89ddff" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#89ddff"/>
<text x="22" y="118" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#89ddff"/>
<text x="318" y="118" font-size="10" fill="#89ddff" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#89ddff"/>
<text x="22" y="101" font-size="10" fill="#89ddff" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#89ddff"/>
<text x="318" y="101" font-size="10" fill="#89ddff" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#89ddff"/>
<text x="22" y="83" font-size="10" fill="#89ddff" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#89ddff"/>
<text x="318" y="83" font-size="10" fill="#89ddff" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#89ddff"/>
<text x="22" y="66" font-size="10" fill="#89ddff" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#89ddff"/>
<text x="318" y="66" font-size="10" fill="#89ddff" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#89ddff"/>
<text x="22" y="48" font-size="10" fill="#89ddff" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#89ddff" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#89ddff"/>
<text x="318" y="48" font-size="10" fill="#89ddff" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#89ddff" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#89ddff"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#89ddff"/>
<text x="28" y="166" font-size="10" fill="#89ddff" text-anchor="middle">04/25</text>
@@ -42,7 +46,7 @@
<text x="264" y="166" font-size="10" fill="#89ddff" text-anchor="middle">02/26</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#89ddff"/>
<text x="312" y="166" font-size="10" fill="#89ddff" text-anchor="middle">04/26</text>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#82aaff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,142.23 C31.94,140.16 43.78,130.12 51.67,129.84 C59.56,129.56 67.44,138.98 75.33,140.55 C83.22,142.12 91.11,140.23 99.00,139.29 C106.89,138.34 114.78,134.42 122.67,134.88 C130.56,135.34 138.44,143.63 146.33,142.02 C154.22,140.41 162.11,132.68 170.00,125.22 C177.89,117.77 185.78,99.25 193.67,97.29 C201.56,95.33 209.44,105.94 217.33,113.46 C225.22,120.99 233.11,140.06 241.00,142.44 C248.89,144.82 256.78,136.35 264.67,127.74 C272.56,119.13 280.44,107.58 288.33,90.78 C296.22,73.98 308.06,37.58 312.00,26.94" fill="none" stroke="#82aaff" stroke-width="2"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#82aaff" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,143.53 C31.94,141.80 43.78,133.43 51.67,133.20 C59.56,132.97 67.44,140.81 75.33,142.12 C83.22,143.44 91.11,141.86 99.00,141.07 C106.89,140.29 114.78,137.02 122.67,137.40 C130.56,137.78 138.44,144.69 146.33,143.35 C154.22,142.01 162.11,135.56 170.00,129.35 C177.89,123.14 185.78,107.71 193.67,106.08 C201.56,104.44 209.44,113.28 217.33,119.55 C225.22,125.82 233.11,141.72 241.00,143.70 C248.89,145.68 256.78,138.62 264.67,131.45 C272.56,124.27 280.44,114.71 288.33,100.65 C296.22,86.59 308.06,56.02 312.00,47.10" fill="none" stroke="#82aaff" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#89ddff" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

demo/blueberry/most-commit-language-all-time.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#242938" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#82aaff">Most Commit Language (all time)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#242938" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#27e8a7">JavaScript 31.57%</text>
<text x="36" y="55" font-size="11" fill="#27e8a7">JavaScript 31.56%</text>
<rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#242938" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#27e8a7">Java 18.74%</text>
<text x="36" y="75" font-size="11" fill="#27e8a7">Java 18.73%</text>
<rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#242938" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#27e8a7">HTML 18.71%</text>
<rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#242938" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#27e8a7">Go 7.44%</text>
<text x="36" y="115" font-size="11" fill="#27e8a7">Go 7.48%</text>
<rect x="20" y="127" width="10" height="10" fill="#82aaff" stroke="#242938" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#27e8a7">Other 23.54%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.38,132.06 L277.48,122.03 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#242938" stroke-width="1.5"/>
<path d="M300.38,132.06 A55.00,55.00 0 0 1 248.93,164.99 L249.42,139.99 A30.00,30.00 0 0 0 277.48,122.03 Z" fill="#b07219" stroke="#242938" stroke-width="1.5"/>
<path d="M248.93,164.99 A55.00,55.00 0 0 1 198.84,130.18 L222.09,121.01 A30.00,30.00 0 0 0 249.42,139.99 Z" fill="#e34c26" stroke="#242938" stroke-width="1.5"/>
<path d="M198.84,130.18 A55.00,55.00 0 0 1 195.23,104.95 L220.13,107.24 A30.00,30.00 0 0 0 222.09,121.01 Z" fill="#00ADD8" stroke="#242938" stroke-width="1.5"/>
<path d="M195.23,104.95 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.24 Z" fill="#82aaff" stroke="#242938" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#27e8a7">Other 23.53%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 300.40,132.03 L277.49,122.01 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#242938" stroke-width="1.5"/>
<path d="M300.40,132.03 A55.00,55.00 0 0 1 248.99,164.99 L249.45,139.99 A30.00,30.00 0 0 0 277.49,122.01 Z" fill="#b07219" stroke="#242938" stroke-width="1.5"/>
<path d="M248.99,164.99 A55.00,55.00 0 0 1 198.87,130.26 L222.11,121.05 A30.00,30.00 0 0 0 249.45,139.99 Z" fill="#e34c26" stroke="#242938" stroke-width="1.5"/>
<path d="M198.87,130.26 A55.00,55.00 0 0 1 195.24,104.92 L220.13,107.23 A30.00,30.00 0 0 0 222.11,121.05 Z" fill="#00ADD8" stroke="#242938" stroke-width="1.5"/>
<path d="M195.24,104.92 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.13,107.23 Z" fill="#82aaff" stroke="#242938" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/blueberry/most-commit-language.svg
+9 -9
View File
@@ -2,18 +2,18 @@
<rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#242938" stroke="#000000" stroke-opacity="0.00"/>
<text x="20" y="30" font-size="15" font-weight="600" fill="#82aaff">Most Commit Language (last year)</text>
<rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#242938" stroke-width="1"/>
<text x="36" y="55" font-size="11" fill="#27e8a7">JavaScript 44.73%</text>
<text x="36" y="55" font-size="11" fill="#27e8a7">JavaScript 44.70%</text>
<rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#242938" stroke-width="1"/>
<text x="36" y="75" font-size="11" fill="#27e8a7">Go 13.30%</text>
<text x="36" y="75" font-size="11" fill="#27e8a7">Go 13.35%</text>
<rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#242938" stroke-width="1"/>
<text x="36" y="95" font-size="11" fill="#27e8a7">Java 10.69%</text>
<text x="36" y="95" font-size="11" fill="#27e8a7">Java 10.68%</text>
<rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#242938" stroke-width="1"/>
<text x="36" y="115" font-size="11" fill="#27e8a7">HTML 9.69%</text>
<rect x="20" y="127" width="10" height="10" fill="#82aaff" stroke="#242938" stroke-width="1"/>
<text x="36" y="135" font-size="11" fill="#27e8a7">Other 21.59%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.88,162.01 L259.75,138.37 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#242938" stroke-width="1.5"/>
<path d="M267.88,162.01 A55.00,55.00 0 0 1 223.42,158.15 L235.50,136.26 A30.00,30.00 0 0 0 259.75,138.37 Z" fill="#00ADD8" stroke="#242938" stroke-width="1.5"/>
<path d="M223.42,158.15 A55.00,55.00 0 0 1 199.23,131.14 L222.30,121.53 A30.00,30.00 0 0 0 235.50,136.26 Z" fill="#b07219" stroke="#242938" stroke-width="1.5"/>
<path d="M199.23,131.14 A55.00,55.00 0 0 1 196.26,98.29 L220.69,103.61 A30.00,30.00 0 0 0 222.30,121.53 Z" fill="#e34c26" stroke="#242938" stroke-width="1.5"/>
<path d="M196.26,98.29 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.61 Z" fill="#82aaff" stroke="#242938" stroke-width="1.5"/>
<text x="36" y="135" font-size="11" fill="#27e8a7">Other 21.57%</text>
<path d="M250.00,55.00 A55.00,55.00 0 0 1 267.97,161.98 L259.80,138.35 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#242938" stroke-width="1.5"/>
<path d="M267.97,161.98 A55.00,55.00 0 0 1 223.34,158.10 L235.46,136.24 A30.00,30.00 0 0 0 259.80,138.35 Z" fill="#00ADD8" stroke="#242938" stroke-width="1.5"/>
<path d="M223.34,158.10 A55.00,55.00 0 0 1 199.20,131.08 L222.29,121.50 A30.00,30.00 0 0 0 235.46,136.24 Z" fill="#b07219" stroke="#242938" stroke-width="1.5"/>
<path d="M199.20,131.08 A55.00,55.00 0 0 1 196.27,98.25 L220.69,103.59 A30.00,30.00 0 0 0 222.29,121.50 Z" fill="#e34c26" stroke="#242938" stroke-width="1.5"/>
<path d="M196.27,98.25 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.69,103.59 Z" fill="#82aaff" stroke="#242938" stroke-width="1.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

demo/blueberry/productive-time-all-time.svg
+37 -35
View File
@@ -4,18 +4,20 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#89ddff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#89ddff"/>
<text x="29" y="158" font-size="10" fill="#89ddff" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#89ddff"/>
<text x="29" y="140" font-size="10" fill="#89ddff" text-anchor="end">50</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#89ddff"/>
<text x="29" y="122" font-size="10" fill="#89ddff" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#89ddff"/>
<text x="29" y="103" font-size="10" fill="#89ddff" text-anchor="end">150</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#89ddff"/>
<text x="29" y="85" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#89ddff"/>
<text x="29" y="67" font-size="10" fill="#89ddff" text-anchor="end">250</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#89ddff"/>
<text x="29" y="143" font-size="10" fill="#89ddff" text-anchor="end">50</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#89ddff"/>
<text x="29" y="127" font-size="10" fill="#89ddff" text-anchor="end">100</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#89ddff"/>
<text x="29" y="111" font-size="10" fill="#89ddff" text-anchor="end">150</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#89ddff"/>
<text x="29" y="96" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#89ddff"/>
<text x="29" y="80" font-size="10" fill="#89ddff" text-anchor="end">250</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#89ddff"/>
<text x="29" y="64" font-size="10" fill="#89ddff" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#89ddff"/>
<text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">350</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#89ddff"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#89ddff"/>
<text x="40" y="171" font-size="10" fill="#89ddff" text-anchor="middle">0</text>
@@ -27,29 +29,29 @@
<text x="258" y="171" font-size="10" fill="#89ddff" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#89ddff"/>
<text x="319" y="171" font-size="10" fill="#89ddff" text-anchor="middle">23</text>
<rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#82aaff"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#82aaff"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#82aaff"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#82aaff"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#82aaff"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#82aaff"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#82aaff"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#82aaff"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="135.93" width="11.12" height="19.07" rx="2" fill="#82aaff"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="107.70" width="11.12" height="47.30" rx="2" fill="#82aaff"><title>09:00 — 129 commits</title></rect>
<rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#82aaff"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#82aaff"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#82aaff"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#82aaff"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#82aaff"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#82aaff"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#82aaff"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#82aaff"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#82aaff"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#82aaff"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#82aaff"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#82aaff"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#82aaff"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#82aaff"><title>23:00 — 298 commits</title></rect>
<rect x="35.00" y="103.14" width="11.12" height="51.86" rx="2" fill="#82aaff"><title>00:00 — 165 commits</title></rect>
<rect x="47.12" y="136.14" width="11.12" height="18.86" rx="2" fill="#82aaff"><title>01:00 — 60 commits</title></rect>
<rect x="59.25" y="150.29" width="11.12" height="4.71" rx="2" fill="#82aaff"><title>02:00 — 15 commits</title></rect>
<rect x="71.38" y="151.54" width="11.12" height="3.46" rx="2" fill="#82aaff"><title>03:00 — 11 commits</title></rect>
<rect x="83.50" y="152.17" width="11.12" height="2.83" rx="2" fill="#82aaff"><title>04:00 — 9 commits</title></rect>
<rect x="95.62" y="152.80" width="11.12" height="2.20" rx="2" fill="#82aaff"><title>05:00 — 7 commits</title></rect>
<rect x="107.75" y="151.54" width="11.12" height="3.46" rx="2" fill="#82aaff"><title>06:00 — 11 commits</title></rect>
<rect x="119.88" y="150.29" width="11.12" height="4.71" rx="2" fill="#82aaff"><title>07:00 — 15 commits</title></rect>
<rect x="132.00" y="138.66" width="11.12" height="16.34" rx="2" fill="#82aaff"><title>08:00 — 52 commits</title></rect>
<rect x="144.12" y="114.14" width="11.12" height="40.86" rx="2" fill="#82aaff"><title>09:00 — 130 commits</title></rect>
<rect x="156.25" y="98.43" width="11.12" height="56.57" rx="2" fill="#82aaff"><title>10:00 — 180 commits</title></rect>
<rect x="168.38" y="96.86" width="11.12" height="58.14" rx="2" fill="#82aaff"><title>11:00 — 185 commits</title></rect>
<rect x="180.50" y="113.83" width="11.12" height="41.17" rx="2" fill="#82aaff"><title>12:00 — 131 commits</title></rect>
<rect x="192.62" y="112.26" width="11.12" height="42.74" rx="2" fill="#82aaff"><title>13:00 — 136 commits</title></rect>
<rect x="204.75" y="110.06" width="11.12" height="44.94" rx="2" fill="#82aaff"><title>14:00 — 143 commits</title></rect>
<rect x="216.88" y="122.63" width="11.12" height="32.37" rx="2" fill="#82aaff"><title>15:00 — 103 commits</title></rect>
<rect x="229.00" y="122.31" width="11.12" height="32.69" rx="2" fill="#82aaff"><title>16:00 — 104 commits</title></rect>
<rect x="241.12" y="120.74" width="11.12" height="34.26" rx="2" fill="#82aaff"><title>17:00 — 109 commits</title></rect>
<rect x="253.25" y="114.46" width="11.12" height="40.54" rx="2" fill="#82aaff"><title>18:00 — 129 commits</title></rect>
<rect x="265.38" y="122.00" width="11.12" height="33.00" rx="2" fill="#82aaff"><title>19:00 — 105 commits</title></rect>
<rect x="277.50" y="72.66" width="11.12" height="82.34" rx="2" fill="#82aaff"><title>20:00 — 262 commits</title></rect>
<rect x="289.62" y="47.83" width="11.12" height="107.17" rx="2" fill="#82aaff"><title>21:00 — 341 commits</title></rect>
<rect x="301.75" y="54.74" width="11.12" height="100.26" rx="2" fill="#82aaff"><title>22:00 — 319 commits</title></rect>
<rect x="313.88" y="61.34" width="11.12" height="93.66" rx="2" fill="#82aaff"><title>23:00 — 298 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#89ddff" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

demo/blueberry/productive-time.svg
+31 -29
View File
@@ -4,14 +4,16 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#89ddff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#89ddff"/>
<text x="29" y="158" font-size="10" fill="#89ddff" text-anchor="end">0</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#89ddff"/>
<text x="29" y="131" font-size="10" fill="#89ddff" text-anchor="end">50</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#89ddff"/>
<text x="29" y="103" font-size="10" fill="#89ddff" text-anchor="end">100</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#89ddff"/>
<text x="29" y="76" font-size="10" fill="#89ddff" text-anchor="end">150</text>
<line x1="31" y1="133" x2="35" y2="133" stroke="#89ddff"/>
<text x="29" y="136" font-size="10" fill="#89ddff" text-anchor="end">50</text>
<line x1="31" y1="111" x2="35" y2="111" stroke="#89ddff"/>
<text x="29" y="114" font-size="10" fill="#89ddff" text-anchor="end">100</text>
<line x1="31" y1="89" x2="35" y2="89" stroke="#89ddff"/>
<text x="29" y="92" font-size="10" fill="#89ddff" text-anchor="end">150</text>
<line x1="31" y1="67" x2="35" y2="67" stroke="#89ddff"/>
<text x="29" y="70" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#89ddff"/>
<text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">250</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#89ddff"/>
<line x1="40" y1="155" x2="40" y2="159" stroke="#89ddff"/>
<text x="40" y="171" font-size="10" fill="#89ddff" text-anchor="middle">0</text>
@@ -23,29 +25,29 @@
<text x="258" y="171" font-size="10" fill="#89ddff" text-anchor="middle">18</text>
<line x1="319" y1="155" x2="319" y2="159" stroke="#89ddff"/>
<text x="319" y="171" font-size="10" fill="#89ddff" text-anchor="middle">23</text>
<rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#82aaff"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#82aaff"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#82aaff"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#82aaff"><title>03:00 — 4 commits</title></rect>
<rect x="35.00" y="114.96" width="11.12" height="40.04" rx="2" fill="#82aaff"><title>00:00 — 91 commits</title></rect>
<rect x="47.12" y="142.68" width="11.12" height="12.32" rx="2" fill="#82aaff"><title>01:00 — 28 commits</title></rect>
<rect x="59.25" y="153.24" width="11.12" height="1.76" rx="2" fill="#82aaff"><title>02:00 — 4 commits</title></rect>
<rect x="71.38" y="153.24" width="11.12" height="1.76" rx="2" fill="#82aaff"><title>03:00 — 4 commits</title></rect>
<rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#82aaff"><title>04:00 — 0 commits</title></rect>
<rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#82aaff"><title>05:00 — 0 commits</title></rect>
<rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#82aaff"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#82aaff"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="135.20" width="11.12" height="19.80" rx="2" fill="#82aaff"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="97.80" width="11.12" height="57.20" rx="2" fill="#82aaff"><title>09:00 — 104 commits</title></rect>
<rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#82aaff"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#82aaff"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#82aaff"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#82aaff"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#82aaff"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#82aaff"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#82aaff"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#82aaff"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#82aaff"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#82aaff"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#82aaff"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#82aaff"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#82aaff"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#82aaff"><title>23:00 — 185 commits</title></rect>
<rect x="107.75" y="153.68" width="11.12" height="1.32" rx="2" fill="#82aaff"><title>06:00 — 3 commits</title></rect>
<rect x="119.88" y="154.56" width="11.12" height="0.44" rx="2" fill="#82aaff"><title>07:00 — 1 commits</title></rect>
<rect x="132.00" y="139.16" width="11.12" height="15.84" rx="2" fill="#82aaff"><title>08:00 — 36 commits</title></rect>
<rect x="144.12" y="108.80" width="11.12" height="46.20" rx="2" fill="#82aaff"><title>09:00 — 105 commits</title></rect>
<rect x="156.25" y="101.76" width="11.12" height="53.24" rx="2" fill="#82aaff"><title>10:00 — 121 commits</title></rect>
<rect x="168.38" y="114.52" width="11.12" height="40.48" rx="2" fill="#82aaff"><title>11:00 — 92 commits</title></rect>
<rect x="180.50" y="131.24" width="11.12" height="23.76" rx="2" fill="#82aaff"><title>12:00 — 54 commits</title></rect>
<rect x="192.62" y="123.76" width="11.12" height="31.24" rx="2" fill="#82aaff"><title>13:00 — 71 commits</title></rect>
<rect x="204.75" y="128.60" width="11.12" height="26.40" rx="2" fill="#82aaff"><title>14:00 — 60 commits</title></rect>
<rect x="216.88" y="129.92" width="11.12" height="25.08" rx="2" fill="#82aaff"><title>15:00 — 57 commits</title></rect>
<rect x="229.00" y="127.72" width="11.12" height="27.28" rx="2" fill="#82aaff"><title>16:00 — 62 commits</title></rect>
<rect x="241.12" y="127.28" width="11.12" height="27.72" rx="2" fill="#82aaff"><title>17:00 — 63 commits</title></rect>
<rect x="253.25" y="128.16" width="11.12" height="26.84" rx="2" fill="#82aaff"><title>18:00 — 61 commits</title></rect>
<rect x="265.38" y="136.52" width="11.12" height="18.48" rx="2" fill="#82aaff"><title>19:00 — 42 commits</title></rect>
<rect x="277.50" y="95.60" width="11.12" height="59.40" rx="2" fill="#82aaff"><title>20:00 — 135 commits</title></rect>
<rect x="289.62" y="86.36" width="11.12" height="68.64" rx="2" fill="#82aaff"><title>21:00 — 156 commits</title></rect>
<rect x="301.75" y="65.24" width="11.12" height="89.76" rx="2" fill="#82aaff"><title>22:00 — 204 commits</title></rect>
<rect x="313.88" y="73.60" width="11.12" height="81.40" rx="2" fill="#82aaff"><title>23:00 — 185 commits</title></rect>
<text x="180" y="189" font-size="11" fill="#89ddff" text-anchor="middle">hour of day</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

demo/blueberry/productive-weekday-all-time.svg
+20 -18
View File
@@ -4,31 +4,33 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#89ddff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#89ddff"/>
<text x="29" y="158" font-size="10" fill="#89ddff" text-anchor="end">0</text>
<line x1="31" y1="137" x2="35" y2="137" stroke="#89ddff"/>
<text x="29" y="140" font-size="10" fill="#89ddff" text-anchor="end">100</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#89ddff"/>
<text x="29" y="122" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#89ddff"/>
<text x="29" y="103" font-size="10" fill="#89ddff" text-anchor="end">300</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#89ddff"/>
<text x="29" y="85" font-size="10" fill="#89ddff" text-anchor="end">400</text>
<line x1="31" y1="64" x2="35" y2="64" stroke="#89ddff"/>
<text x="29" y="67" font-size="10" fill="#89ddff" text-anchor="end">500</text>
<line x1="31" y1="140" x2="35" y2="140" stroke="#89ddff"/>
<text x="29" y="143" font-size="10" fill="#89ddff" text-anchor="end">100</text>
<line x1="31" y1="124" x2="35" y2="124" stroke="#89ddff"/>
<text x="29" y="127" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="31" y1="108" x2="35" y2="108" stroke="#89ddff"/>
<text x="29" y="111" font-size="10" fill="#89ddff" text-anchor="end">300</text>
<line x1="31" y1="93" x2="35" y2="93" stroke="#89ddff"/>
<text x="29" y="96" font-size="10" fill="#89ddff" text-anchor="end">400</text>
<line x1="31" y1="77" x2="35" y2="77" stroke="#89ddff"/>
<text x="29" y="80" font-size="10" fill="#89ddff" text-anchor="end">500</text>
<line x1="31" y1="61" x2="35" y2="61" stroke="#89ddff"/>
<text x="29" y="64" font-size="10" fill="#89ddff" text-anchor="end">600</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#89ddff"/>
<text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">600</text>
<text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">700</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#89ddff"/>
<rect x="35.00" y="49.77" width="36.29" height="105.23" rx="2" fill="#576fa5"><title>Sun — 574 commits</title></rect>
<rect x="35.00" y="64.64" width="36.29" height="90.36" rx="2" fill="#576fa5"><title>Sun — 575 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Sun</text>
<rect x="77.29" y="89.92" width="36.29" height="65.08" rx="2" fill="#576fa5"><title>Mon — 355 commits</title></rect>
<rect x="77.29" y="99.21" width="36.29" height="55.79" rx="2" fill="#576fa5"><title>Mon — 355 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Mon</text>
<rect x="119.57" y="78.55" width="36.29" height="76.45" rx="2" fill="#576fa5"><title>Tue — 417 commits</title></rect>
<rect x="119.57" y="89.47" width="36.29" height="65.53" rx="2" fill="#576fa5"><title>Tue — 417 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Tue</text>
<rect x="161.86" y="91.93" width="36.29" height="63.07" rx="2" fill="#576fa5"><title>Wed — 344 commits</title></rect>
<rect x="161.86" y="100.94" width="36.29" height="54.06" rx="2" fill="#576fa5"><title>Wed — 344 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Wed</text>
<rect x="204.14" y="84.23" width="36.29" height="70.77" rx="2" fill="#576fa5"><title>Thu — 386 commits</title></rect>
<rect x="204.14" y="94.34" width="36.29" height="60.66" rx="2" fill="#576fa5"><title>Thu — 386 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Thu</text>
<rect x="246.43" y="96.70" width="36.29" height="58.30" rx="2" fill="#576fa5"><title>Fri — 318 commits</title></rect>
<rect x="246.43" y="105.03" width="36.29" height="49.97" rx="2" fill="#576fa5"><title>Fri — 318 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Fri</text>
<rect x="288.71" y="40.42" width="36.29" height="114.58" rx="2" fill="#82aaff"><title>Sat — 625 commits</title></rect>
<rect x="288.71" y="56.79" width="36.29" height="98.21" rx="2" fill="#82aaff"><title>Sat — 625 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

demo/blueberry/productive-weekday.svg
+14 -12
View File
@@ -4,25 +4,27 @@
<line x1="35" y1="45" x2="35" y2="155" stroke="#89ddff"/>
<line x1="31" y1="155" x2="35" y2="155" stroke="#89ddff"/>
<text x="29" y="158" font-size="10" fill="#89ddff" text-anchor="end">0</text>
<line x1="31" y1="119" x2="35" y2="119" stroke="#89ddff"/>
<text x="29" y="122" font-size="10" fill="#89ddff" text-anchor="end">100</text>
<line x1="31" y1="82" x2="35" y2="82" stroke="#89ddff"/>
<text x="29" y="85" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="31" y1="128" x2="35" y2="128" stroke="#89ddff"/>
<text x="29" y="131" font-size="10" fill="#89ddff" text-anchor="end">100</text>
<line x1="31" y1="100" x2="35" y2="100" stroke="#89ddff"/>
<text x="29" y="103" font-size="10" fill="#89ddff" text-anchor="end">200</text>
<line x1="31" y1="73" x2="35" y2="73" stroke="#89ddff"/>
<text x="29" y="76" font-size="10" fill="#89ddff" text-anchor="end">300</text>
<line x1="31" y1="45" x2="35" y2="45" stroke="#89ddff"/>
<text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">300</text>
<text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">400</text>
<line x1="35" y1="155" x2="325" y2="155" stroke="#89ddff"/>
<rect x="35.00" y="68.10" width="36.29" height="86.90" rx="2" fill="#576fa5"><title>Sun — 237 commits</title></rect>
<rect x="35.00" y="89.55" width="36.29" height="65.45" rx="2" fill="#576fa5"><title>Sun — 238 commits</title></rect>
<text x="53.14" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Sun</text>
<rect x="77.29" y="87.53" width="36.29" height="67.47" rx="2" fill="#576fa5"><title>Mon — 184 commits</title></rect>
<rect x="77.29" y="104.40" width="36.29" height="50.60" rx="2" fill="#576fa5"><title>Mon — 184 commits</title></rect>
<text x="95.43" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Mon</text>
<rect x="119.57" y="66.27" width="36.29" height="88.73" rx="2" fill="#576fa5"><title>Tue — 242 commits</title></rect>
<rect x="119.57" y="88.45" width="36.29" height="66.55" rx="2" fill="#576fa5"><title>Tue — 242 commits</title></rect>
<text x="137.71" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Tue</text>
<rect x="161.86" y="80.20" width="36.29" height="74.80" rx="2" fill="#576fa5"><title>Wed — 204 commits</title></rect>
<rect x="161.86" y="98.90" width="36.29" height="56.10" rx="2" fill="#576fa5"><title>Wed — 204 commits</title></rect>
<text x="180.00" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Wed</text>
<rect x="204.14" y="75.43" width="36.29" height="79.57" rx="2" fill="#576fa5"><title>Thu — 217 commits</title></rect>
<rect x="204.14" y="95.33" width="36.29" height="59.67" rx="2" fill="#576fa5"><title>Thu — 217 commits</title></rect>
<text x="222.29" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Thu</text>
<rect x="246.43" y="86.80" width="36.29" height="68.20" rx="2" fill="#576fa5"><title>Fri — 186 commits</title></rect>
<rect x="246.43" y="103.85" width="36.29" height="51.15" rx="2" fill="#576fa5"><title>Fri — 186 commits</title></rect>
<text x="264.57" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Fri</text>
<rect x="288.71" y="21.53" width="36.29" height="133.47" rx="2" fill="#82aaff"><title>Sat — 364 commits</title></rect>
<rect x="288.71" y="54.90" width="36.29" height="100.10" rx="2" fill="#82aaff"><title>Sat — 364 commits</title></rect>
<text x="306.86" y="169" font-size="10" fill="#89ddff" text-anchor="middle">Sat</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

demo/blueberry/stats.svg
+3 -3
View File
@@ -6,13 +6,13 @@
<text x="320" y="55" font-size="12" font-weight="600" fill="#82aaff" text-anchor="end">4</text>
<g transform="translate(20,65.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="75" font-size="12" fill="#27e8a7">Total Commits (all time)</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#82aaff" text-anchor="end">3,148</text>
<text x="320" y="75" font-size="12" font-weight="600" fill="#82aaff" text-anchor="end">3,149</text>
<g transform="translate(20,85.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M10.5 7.75a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm1.43.75a4.002 4.002 0 01-7.86 0H.75a.75.75 0 110-1.5h3.32a4.001 4.001 0 017.86 0h3.32a.75.75 0 110 1.5h-3.32z"/></g>
<text x="40" y="95" font-size="12" fill="#27e8a7">Total Commits (last year)</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#82aaff" text-anchor="end">1,776</text>
<text x="320" y="95" font-size="12" font-weight="600" fill="#82aaff" text-anchor="end">1,777</text>
<g transform="translate(20,105.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"/></g>
<text x="40" y="115" font-size="12" fill="#27e8a7">Total PRs</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#82aaff" text-anchor="end">83</text>
<text x="320" y="115" font-size="12" font-weight="600" fill="#82aaff" text-anchor="end">84</text>
<g transform="translate(20,125.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"/></g>
<text x="40" y="135" font-size="12" fill="#27e8a7">Total Issues</text>
<text x="320" y="135" font-size="12" font-weight="600" fill="#82aaff" text-anchor="end">7</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

demo/buefy/contributions-all-time.svg
+24 -20
View File
@@ -7,26 +7,30 @@
<text x="22" y="153" font-size="10" fill="#ff3860" text-anchor="end">0</text>
<line x1="312" y1="150" x2="316" y2="150" stroke="#ff3860"/>
<text x="318" y="153" font-size="10" fill="#ff3860" text-anchor="start">0</text>
<line x1="24" y1="129" x2="28" y2="129" stroke="#ff3860"/>
<text x="22" y="132" font-size="10" fill="#ff3860" text-anchor="end">100</text>
<line x1="312" y1="129" x2="316" y2="129" stroke="#ff3860"/>
<text x="318" y="132" font-size="10" fill="#ff3860" text-anchor="start">100</text>
<line x1="24" y1="108" x2="28" y2="108" stroke="#ff3860"/>
<text x="22" y="111" font-size="10" fill="#ff3860" text-anchor="end">200</text>
<line x1="312" y1="108" x2="316" y2="108" stroke="#ff3860"/>
<text x="318" y="111" font-size="10" fill="#ff3860" text-anchor="start">200</text>
<line x1="24" y1="87" x2="28" y2="87" stroke="#ff3860"/>
<text x="22" y="90" font-size="10" fill="#ff3860" text-anchor="end">300</text>
<line x1="312" y1="87" x2="316" y2="87" stroke="#ff3860"/>
<text x="318" y="90" font-size="10" fill="#ff3860" text-anchor="start">300</text>
<line x1="24" y1="66" x2="28" y2="66" stroke="#ff3860"/>
<text x="22" y="69" font-size="10" fill="#ff3860" text-anchor="end">400</text>
<line x1="312" y1="66" x2="316" y2="66" stroke="#ff3860"/>
<text x="318" y="69" font-size="10" fill="#ff3860" text-anchor="start">400</text>
<line x1="24" y1="133" x2="28" y2="133" stroke="#ff3860"/>
<text x="22" y="136" font-size="10" fill="#ff3860" text-anchor="end">100</text>
<line x1="312" y1="133" x2="316" y2="133" stroke="#ff3860"/>
<text x="318" y="136" font-size="10" fill="#ff3860" text-anchor="start">100</text>
<line x1="24" y1="115" x2="28" y2="115" stroke="#ff3860"/>
<text x="22" y="118" font-size="10" fill="#ff3860" text-anchor="end">200</text>
<line x1="312" y1="115" x2="316" y2="115" stroke="#ff3860"/>
<text x="318" y="118" font-size="10" fill="#ff3860" text-anchor="start">200</text>
<line x1="24" y1="98" x2="28" y2="98" stroke="#ff3860"/>
<text x="22" y="101" font-size="10" fill="#ff3860" text-anchor="end">300</text>
<line x1="312" y1="98" x2="316" y2="98" stroke="#ff3860"/>
<text x="318" y="101" font-size="10" fill="#ff3860" text-anchor="start">300</text>
<line x1="24" y1="80" x2="28" y2="80" stroke="#ff3860"/>
<text x="22" y="83" font-size="10" fill="#ff3860" text-anchor="end">400</text>
<line x1="312" y1="80" x2="316" y2="80" stroke="#ff3860"/>
<text x="318" y="83" font-size="10" fill="#ff3860" text-anchor="start">400</text>
<line x1="24" y1="63" x2="28" y2="63" stroke="#ff3860"/>
<text x="22" y="66" font-size="10" fill="#ff3860" text-anchor="end">500</text>
<line x1="312" y1="63" x2="316" y2="63" stroke="#ff3860"/>
<text x="318" y="66" font-size="10" fill="#ff3860" text-anchor="start">500</text>
<line x1="24" y1="45" x2="28" y2="45" stroke="#ff3860"/>
<text x="22" y="48" font-size="10" fill="#ff3860" text-anchor="end">500</text>
<text x="22" y="48" font-size="10" fill="#ff3860" text-anchor="end">600</text>
<line x1="312" y1="45" x2="316" y2="45" stroke="#ff3860"/>
<text x="318" y="48" font-size="10" fill="#ff3860" text-anchor="start">500</text>
<text x="318" y="48" font-size="10" fill="#ff3860" text-anchor="start">600</text>
<line x1="28" y1="150" x2="312" y2="150" stroke="#ff3860"/>
<line x1="28" y1="150" x2="28" y2="154" stroke="#ff3860"/>
<text x="28" y="166" font-size="10" fill="#ff3860" text-anchor="middle">01/18</text>
@@ -40,7 +44,7 @@
<text x="246" y="166" font-size="10" fill="#ff3860" text-anchor="middle">05/24</text>
<line x1="312" y1="150" x2="312" y2="154" stroke="#ff3860"/>
<text x="312" y="166" font-size="10" fill="#ff3860" text-anchor="middle">04/26</text>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94 L312.00,150.00 L28.00,150.00 Z" fill="#7957d5" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.31 39.47,149.79 C40.43,149.26 41.39,146.81 42.34,146.85 C43.30,146.88 44.26,149.47 45.21,150.00 C46.17,150.53 47.12,150.14 48.08,150.00 C49.04,149.86 49.99,149.89 50.95,149.16 C51.91,148.43 52.86,145.76 53.82,145.59 C54.77,145.42 55.73,147.38 56.69,148.11 C57.64,148.85 58.60,149.72 59.56,150.00 C60.51,150.28 61.47,149.82 62.42,149.79 C63.38,149.75 64.34,149.75 65.29,149.79 C66.25,149.82 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.31 79.64,149.79 C80.59,149.26 81.55,146.81 82.51,146.85 C83.46,146.88 84.42,149.47 85.37,150.00 C86.33,150.53 87.29,150.10 88.24,150.00 C89.20,149.90 90.15,149.37 91.11,149.37 C92.07,149.37 93.02,149.90 93.98,150.00 C94.94,150.10 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.21 99.72,150.00 C100.67,149.79 101.63,148.74 102.59,148.74 C103.54,148.74 104.50,149.86 105.45,150.00 C106.41,150.14 107.37,149.79 108.32,149.58 C109.28,149.37 110.24,148.71 111.19,148.74 C112.15,148.78 113.10,150.49 114.06,149.79 C115.02,149.09 115.97,144.54 116.93,144.54 C117.89,144.54 118.84,149.58 119.80,149.79 C120.75,150.00 121.71,145.80 122.67,145.80 C123.62,145.80 124.58,149.09 125.54,149.79 C126.49,150.49 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.10 131.27,150.00 C132.23,149.90 133.19,149.82 134.14,149.37 C135.10,148.92 136.05,147.41 137.01,147.27 C137.97,147.13 138.92,148.07 139.88,148.53 C140.84,148.99 141.79,149.75 142.75,150.00 C143.70,150.25 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.18 148.48,150.00 C149.44,149.82 150.40,149.33 151.35,148.95 C152.31,148.56 153.27,147.76 154.22,147.69 C155.18,147.62 156.13,148.15 157.09,148.53 C158.05,148.91 159.00,149.79 159.96,150.00 C160.92,150.21 161.87,149.93 162.83,149.79 C163.78,149.65 164.74,149.37 165.70,149.16 C166.65,148.95 167.61,148.78 168.57,148.53 C169.52,148.28 170.48,147.72 171.43,147.69 C172.39,147.66 173.35,147.94 174.30,148.32 C175.26,148.70 176.22,150.45 177.17,150.00 C178.13,149.55 179.08,146.36 180.04,145.59 C181.00,144.82 181.95,144.68 182.91,145.38 C183.87,146.08 184.82,149.69 185.78,149.79 C186.73,149.89 187.69,147.13 188.65,146.01 C189.60,144.89 190.56,145.17 191.52,143.07 C192.47,140.97 193.43,136.00 194.38,133.41 C195.34,130.82 196.30,124.77 197.25,127.53 C198.21,130.30 199.16,148.28 200.12,150.00 C201.08,151.72 202.03,138.87 202.99,137.82 C203.95,136.77 204.90,142.40 205.86,143.70 C206.81,145.00 207.77,146.47 208.73,145.59 C209.68,144.72 210.64,138.94 211.60,138.45 C212.55,137.96 213.51,141.28 214.46,142.65 C215.42,144.02 216.38,147.34 217.33,146.64 C218.29,145.94 219.25,143.10 220.20,138.45 C221.16,133.79 222.11,118.78 223.07,118.71 C224.03,118.64 224.98,133.24 225.94,138.03 C226.90,142.82 227.85,145.83 228.81,147.48 C229.76,149.12 230.72,147.52 231.68,147.90 C232.63,148.28 233.59,149.44 234.55,149.79 C235.50,150.14 236.46,150.77 237.41,150.00 C238.37,149.23 239.33,149.09 240.28,145.17 C241.24,141.25 242.20,128.86 243.15,126.48 C244.11,124.10 245.06,127.46 246.02,130.89 C246.98,134.32 247.93,144.12 248.89,147.06 C249.85,150.00 250.80,148.99 251.76,148.53 C252.71,148.07 253.67,145.06 254.63,144.33 C255.58,143.60 256.54,144.47 257.49,144.12 C258.45,143.77 259.41,141.77 260.36,142.23 C261.32,142.69 262.28,146.08 263.23,146.85 C264.19,147.62 265.14,146.67 266.10,146.85 C267.06,147.03 268.01,149.72 268.97,147.90 C269.93,146.08 270.88,139.01 271.84,135.93 C272.79,132.85 273.75,129.74 274.71,129.42 C275.66,129.11 276.62,133.97 277.58,134.04 C278.53,134.11 279.49,128.75 280.44,129.84 C281.40,130.93 282.36,138.98 283.31,140.55 C284.27,142.12 285.23,140.23 286.18,139.29 C287.14,138.34 288.09,134.42 289.05,134.88 C290.01,135.34 290.96,143.63 291.92,142.02 C292.88,140.41 293.83,132.68 294.79,125.22 C295.74,117.77 296.70,99.25 297.66,97.29 C298.61,95.33 299.57,105.94 300.53,113.46 C301.48,120.99 302.44,140.06 303.39,142.44 C304.35,144.82 305.31,136.35 306.26,127.74 C307.22,119.13 308.18,107.58 309.13,90.78 C310.09,73.98 311.52,37.58 312.00,26.94" fill="none" stroke="#7957d5" stroke-width="2"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10 L312.00,150.00 L28.00,150.00 Z" fill="#7957d5" fill-opacity="0.25" stroke="none"/>
<path d="M28.00,150.00 C28.48,150.00 29.91,150.00 30.87,150.00 C31.82,150.00 32.78,150.00 33.74,150.00 C34.69,150.00 35.65,150.03 36.61,150.00 C37.56,149.97 38.52,150.26 39.47,149.82 C40.43,149.39 41.39,147.35 42.34,147.38 C43.30,147.40 44.26,149.56 45.21,150.00 C46.17,150.44 47.12,150.12 48.08,150.00 C49.04,149.88 49.99,149.91 50.95,149.30 C51.91,148.69 52.86,146.47 53.82,146.32 C54.77,146.18 55.73,147.81 56.69,148.43 C57.64,149.04 58.60,149.77 59.56,150.00 C60.51,150.23 61.47,149.85 62.42,149.82 C63.38,149.80 64.34,149.80 65.29,149.82 C66.25,149.85 67.21,149.97 68.16,150.00 C69.12,150.03 70.07,150.00 71.03,150.00 C71.99,150.00 72.94,150.00 73.90,150.00 C74.86,150.00 75.81,150.03 76.77,150.00 C77.72,149.97 78.68,150.26 79.64,149.82 C80.59,149.39 81.55,147.35 82.51,147.38 C83.46,147.40 84.42,149.56 85.37,150.00 C86.33,150.44 87.29,150.09 88.24,150.00 C89.20,149.91 90.15,149.47 91.11,149.47 C92.07,149.47 93.02,149.91 93.98,150.00 C94.94,150.09 95.89,150.00 96.85,150.00 C97.80,150.00 98.76,150.18 99.72,150.00 C100.67,149.82 101.63,148.95 102.59,148.95 C103.54,148.95 104.50,149.88 105.45,150.00 C106.41,150.12 107.37,149.83 108.32,149.65 C109.28,149.47 110.24,148.92 111.19,148.95 C112.15,148.98 113.10,150.41 114.06,149.82 C115.02,149.24 115.97,145.45 116.93,145.45 C117.89,145.45 118.84,149.65 119.80,149.82 C120.75,150.00 121.71,146.50 122.67,146.50 C123.62,146.50 124.58,149.24 125.54,149.82 C126.49,150.41 127.45,149.97 128.40,150.00 C129.36,150.03 130.32,150.09 131.27,150.00 C132.23,149.91 133.19,149.85 134.14,149.47 C135.10,149.10 136.05,147.84 137.01,147.72 C137.97,147.61 138.92,148.40 139.88,148.78 C140.84,149.15 141.79,149.80 142.75,150.00 C143.70,150.20 144.66,150.00 145.62,150.00 C146.57,150.00 147.53,150.15 148.48,150.00 C149.44,149.85 150.40,149.45 151.35,149.12 C152.31,148.80 153.27,148.13 154.22,148.07 C155.18,148.02 156.13,148.45 157.09,148.78 C158.05,149.10 159.00,149.82 159.96,150.00 C160.92,150.18 161.87,149.94 162.83,149.82 C163.78,149.71 164.74,149.48 165.70,149.30 C166.65,149.12 167.61,148.98 168.57,148.78 C169.52,148.57 170.48,148.10 171.43,148.07 C172.39,148.05 173.35,148.28 174.30,148.60 C175.26,148.92 176.22,150.38 177.17,150.00 C178.13,149.62 179.08,146.97 180.04,146.32 C181.00,145.68 181.95,145.57 182.91,146.15 C183.87,146.73 184.82,149.74 185.78,149.82 C186.73,149.91 187.69,147.61 188.65,146.68 C189.60,145.74 190.56,145.97 191.52,144.22 C192.47,142.47 193.43,138.33 194.38,136.18 C195.34,134.02 196.30,128.97 197.25,131.28 C198.21,133.58 199.16,148.57 200.12,150.00 C201.08,151.43 202.03,140.72 202.99,139.85 C203.95,138.97 204.90,143.67 205.86,144.75 C206.81,145.83 207.77,147.05 208.73,146.32 C209.68,145.60 210.64,140.78 211.60,140.38 C212.55,139.97 213.51,142.74 214.46,143.88 C215.42,145.01 216.38,147.78 217.33,147.20 C218.29,146.62 219.25,144.25 220.20,140.38 C221.16,136.50 222.11,123.98 223.07,123.92 C224.03,123.87 224.98,136.03 225.94,140.03 C226.90,144.02 227.85,146.53 228.81,147.90 C229.76,149.27 230.72,147.93 231.68,148.25 C232.63,148.57 233.59,149.53 234.55,149.82 C235.50,150.12 236.46,150.64 237.41,150.00 C238.37,149.36 239.33,149.24 240.28,145.97 C241.24,142.71 242.20,132.38 243.15,130.40 C244.11,128.42 245.06,131.22 246.02,134.07 C246.98,136.93 247.93,145.10 248.89,147.55 C249.85,150.00 250.80,149.15 251.76,148.78 C252.71,148.40 253.67,145.89 254.63,145.28 C255.58,144.66 256.54,145.39 257.49,145.10 C258.45,144.81 259.41,143.15 260.36,143.53 C261.32,143.90 262.28,146.73 263.23,147.38 C264.19,148.02 265.14,147.23 266.10,147.38 C267.06,147.52 268.01,149.77 268.97,148.25 C269.93,146.73 270.88,140.84 271.84,138.28 C272.79,135.71 273.75,133.11 274.71,132.85 C275.66,132.59 276.62,136.64 277.58,136.70 C278.53,136.76 279.49,132.30 280.44,133.20 C281.40,134.10 282.36,140.81 283.31,142.12 C284.27,143.44 285.23,141.86 286.18,141.07 C287.14,140.29 288.09,137.02 289.05,137.40 C290.01,137.78 290.96,144.69 291.92,143.35 C292.88,142.01 293.83,135.56 294.79,129.35 C295.74,123.14 296.70,107.71 297.66,106.08 C298.61,104.44 299.57,113.28 300.53,119.55 C301.48,125.82 302.44,141.72 303.39,143.70 C304.35,145.68 305.31,138.62 306.26,131.45 C307.22,124.27 308.18,114.71 309.13,100.65 C310.09,86.59 311.52,56.02 312.00,47.10" fill="none" stroke="#7957d5" stroke-width="2"/>
<text x="170" y="184" font-size="11" fill="#ff3860" text-anchor="middle">mm/yy</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Loaded 100 of 715 files, more files were not shown because too many files have changed in this diff. Show more