diff --git a/demo/2077/contributions-all-time.svg b/demo/2077/contributions-all-time.svg
new file mode 100644
index 00000000..1840bb64
--- /dev/null
+++ b/demo/2077/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#fcee0c"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#fcee0c"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#fcee0c"/>
+  <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="45" x2="28" y2="45" stroke="#fcee0c"/>
+  <text x="22" y="48" font-size="10" fill="#fcee0c" text-anchor="end">500</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>
+  <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>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#fcee0c"/>
+  <text x="82" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#fcee0c"/>
+  <text x="137" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#fcee0c"/>
+  <text x="191" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#fcee0c"/>
+  <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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#00ffc8" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#fcee0c" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/2077/contributions.svg b/demo/2077/contributions.svg
new file mode 100644
index 00000000..e3f41c4a
--- /dev/null
+++ b/demo/2077/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#fcee0c"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#fcee0c"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#fcee0c"/>
+  <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="45" x2="28" y2="45" stroke="#fcee0c"/>
+  <text x="22" y="48" font-size="10" fill="#fcee0c" text-anchor="end">500</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>
+  <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>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#fcee0c"/>
+  <text x="75" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#fcee0c"/>
+  <text x="122" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#fcee0c"/>
+  <text x="170" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#fcee0c"/>
+  <text x="217" y="166" font-size="10" fill="#fcee0c" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#fcee0c"/>
+  <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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#00ffc8" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#fcee0c" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/2077/most-commit-language-all-time.svg b/demo/2077/most-commit-language-all-time.svg
new file mode 100644
index 00000000..896078c7
--- /dev/null
+++ b/demo/2077/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.61%</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.83%</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.79%</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.16%</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.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141321" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#141321" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#141321" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#141321" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#00ffc8" stroke="#141321" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/2077/most-commit-language.svg b/demo/2077/most-commit-language.svg
new file mode 100644
index 00000000..58a70ff5
--- /dev/null
+++ b/demo/2077/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.92%</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 12.81%</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.78%</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.76%</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.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141321" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#141321" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#141321" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#141321" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#00ffc8" stroke="#141321" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/2077/productive-time-all-time.svg b/demo/2077/productive-time-all-time.svg
new file mode 100644
index 00000000..045093cc
--- /dev/null
+++ b/demo/2077/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (all time, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#fcee0c"/>
+  <text x="29" y="48" font-size="10" fill="#fcee0c" text-anchor="end">300</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#fcee0c"/>
+  <text x="113" y="171" font-size="10" fill="#fcee0c" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#fcee0c"/>
+  <text x="186" y="171" font-size="10" fill="#fcee0c" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#fcee0c"/>
+  <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="137.03" width="11.12" height="17.97" rx="2" fill="#00ffc8"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#00ffc8"><title>09:00 — 120 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>
+  <text x="180" y="189" font-size="11" fill="#fcee0c" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/2077/productive-time.svg b/demo/2077/productive-time.svg
new file mode 100644
index 00000000..4357f6db
--- /dev/null
+++ b/demo/2077/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (last year, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#fcee0c"/>
+  <text x="29" y="48" font-size="10" fill="#fcee0c" text-anchor="end">200</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#fcee0c"/>
+  <text x="113" y="171" font-size="10" fill="#fcee0c" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#fcee0c"/>
+  <text x="186" y="171" font-size="10" fill="#fcee0c" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#fcee0c"/>
+  <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="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="136.85" width="11.12" height="18.15" rx="2" fill="#00ffc8"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#00ffc8"><title>09:00 — 95 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>
+  <text x="180" y="189" font-size="11" fill="#fcee0c" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/2077/profile-details.svg b/demo/2077/profile-details.svg
new file mode 100644
index 00000000..f7e35c20
--- /dev/null
+++ b/demo/2077/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#03d8f3">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#03d8f3">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#03d8f3">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#03d8f3">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#03d8f3">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#03d8f3">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/2077/repos-per-language.svg b/demo/2077/repos-per-language.svg
new file mode 100644
index 00000000..35942d49
--- /dev/null
+++ b/demo/2077/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Repos Per Language</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 22.45%</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 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#141321" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#03d8f3">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#141321" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#03d8f3">Python 10.20%</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 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141321" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#141321" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#141321" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#141321" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#00ffc8" stroke="#141321" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/2077/stats.svg b/demo/2077/stats.svg
new file mode 100644
index 00000000..2cd801f8
--- /dev/null
+++ b/demo/2077/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#03d8f3">Total Stars</text>
+  <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,136</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,764</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">74</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>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#03d8f3">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#00ffc8" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#fcee0c"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#03d8f3">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#00ffc8" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/README.md b/demo/README.md
new file mode 100644
index 00000000..2de2a489
--- /dev/null
+++ b/demo/README.md
@@ -0,0 +1,984 @@
+# ghstats demo gallery
+
+Every card in every theme, rendered for [`tiennm99`](https://github.com/tiennm99).
+
+Auto-generated by [`.github/workflows/demo.yml`](../.github/workflows/demo.yml) on each push to `main`. Do not edit by hand.
+
+## Themes
+
+- [`2077`](#2077)
+- [`algolia`](#algolia)
+- [`apprentice`](#apprentice)
+- [`aura`](#aura)
+- [`aura_dark`](#aura_dark)
+- [`ayu_mirage`](#ayu_mirage)
+- [`bear`](#bear)
+- [`blue_green`](#blue_green)
+- [`blueberry`](#blueberry)
+- [`buefy`](#buefy)
+- [`calm`](#calm)
+- [`chartreuse_dark`](#chartreuse_dark)
+- [`city_lights`](#city_lights)
+- [`cobalt`](#cobalt)
+- [`cobalt2`](#cobalt2)
+- [`codeSTACKr`](#codeSTACKr)
+- [`darcula`](#darcula)
+- [`dark`](#dark)
+- [`date_night`](#date_night)
+- [`default`](#default)
+- [`discord_old_blurple`](#discord_old_blurple)
+- [`dracula`](#dracula)
+- [`flag_india`](#flag_india)
+- [`github`](#github)
+- [`github_dark`](#github_dark)
+- [`gotham`](#gotham)
+- [`graywhite`](#graywhite)
+- [`great_gatsby`](#great_gatsby)
+- [`gruvbox`](#gruvbox)
+- [`highcontrast`](#highcontrast)
+- [`holi`](#holi)
+- [`jolly`](#jolly)
+- [`kacho_ga`](#kacho_ga)
+- [`maroongold`](#maroongold)
+- [`material_palenight`](#material_palenight)
+- [`merko`](#merko)
+- [`midnight_purple`](#midnight_purple)
+- [`moltack`](#moltack)
+- [`monokai`](#monokai)
+- [`moonlight`](#moonlight)
+- [`nightowl`](#nightowl)
+- [`noctis_minimus`](#noctis_minimus)
+- [`nord_bright`](#nord_bright)
+- [`nord_dark`](#nord_dark)
+- [`ocean_dark`](#ocean_dark)
+- [`omni`](#omni)
+- [`onedark`](#onedark)
+- [`outrun`](#outrun)
+- [`panda`](#panda)
+- [`prussian`](#prussian)
+- [`radical`](#radical)
+- [`react`](#react)
+- [`rose_pine`](#rose_pine)
+- [`shades_of_purple`](#shades_of_purple)
+- [`slateorange`](#slateorange)
+- [`solarized`](#solarized)
+- [`solarized_dark`](#solarized_dark)
+- [`swift`](#swift)
+- [`synthwave`](#synthwave)
+- [`tokyonight`](#tokyonight)
+- [`transparent`](#transparent)
+- [`vision_friendly_dark`](#vision_friendly_dark)
+- [`vue`](#vue)
+- [`yeblu`](#yeblu)
+- [`zenburn`](#zenburn)
+
+## 2077
+
+![profile-details](./2077/profile-details.svg)
+![repos-per-language](./2077/repos-per-language.svg)
+![most-commit-language](./2077/most-commit-language.svg)
+![stats](./2077/stats.svg)
+![productive-time](./2077/productive-time.svg)
+![contributions](./2077/contributions.svg)
+![most-commit-language-all-time](./2077/most-commit-language-all-time.svg)
+![productive-time-all-time](./2077/productive-time-all-time.svg)
+![contributions-all-time](./2077/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## algolia
+
+![profile-details](./algolia/profile-details.svg)
+![repos-per-language](./algolia/repos-per-language.svg)
+![most-commit-language](./algolia/most-commit-language.svg)
+![stats](./algolia/stats.svg)
+![productive-time](./algolia/productive-time.svg)
+![contributions](./algolia/contributions.svg)
+![most-commit-language-all-time](./algolia/most-commit-language-all-time.svg)
+![productive-time-all-time](./algolia/productive-time-all-time.svg)
+![contributions-all-time](./algolia/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## apprentice
+
+![profile-details](./apprentice/profile-details.svg)
+![repos-per-language](./apprentice/repos-per-language.svg)
+![most-commit-language](./apprentice/most-commit-language.svg)
+![stats](./apprentice/stats.svg)
+![productive-time](./apprentice/productive-time.svg)
+![contributions](./apprentice/contributions.svg)
+![most-commit-language-all-time](./apprentice/most-commit-language-all-time.svg)
+![productive-time-all-time](./apprentice/productive-time-all-time.svg)
+![contributions-all-time](./apprentice/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## aura
+
+![profile-details](./aura/profile-details.svg)
+![repos-per-language](./aura/repos-per-language.svg)
+![most-commit-language](./aura/most-commit-language.svg)
+![stats](./aura/stats.svg)
+![productive-time](./aura/productive-time.svg)
+![contributions](./aura/contributions.svg)
+![most-commit-language-all-time](./aura/most-commit-language-all-time.svg)
+![productive-time-all-time](./aura/productive-time-all-time.svg)
+![contributions-all-time](./aura/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## aura_dark
+
+![profile-details](./aura_dark/profile-details.svg)
+![repos-per-language](./aura_dark/repos-per-language.svg)
+![most-commit-language](./aura_dark/most-commit-language.svg)
+![stats](./aura_dark/stats.svg)
+![productive-time](./aura_dark/productive-time.svg)
+![contributions](./aura_dark/contributions.svg)
+![most-commit-language-all-time](./aura_dark/most-commit-language-all-time.svg)
+![productive-time-all-time](./aura_dark/productive-time-all-time.svg)
+![contributions-all-time](./aura_dark/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## ayu_mirage
+
+![profile-details](./ayu_mirage/profile-details.svg)
+![repos-per-language](./ayu_mirage/repos-per-language.svg)
+![most-commit-language](./ayu_mirage/most-commit-language.svg)
+![stats](./ayu_mirage/stats.svg)
+![productive-time](./ayu_mirage/productive-time.svg)
+![contributions](./ayu_mirage/contributions.svg)
+![most-commit-language-all-time](./ayu_mirage/most-commit-language-all-time.svg)
+![productive-time-all-time](./ayu_mirage/productive-time-all-time.svg)
+![contributions-all-time](./ayu_mirage/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## bear
+
+![profile-details](./bear/profile-details.svg)
+![repos-per-language](./bear/repos-per-language.svg)
+![most-commit-language](./bear/most-commit-language.svg)
+![stats](./bear/stats.svg)
+![productive-time](./bear/productive-time.svg)
+![contributions](./bear/contributions.svg)
+![most-commit-language-all-time](./bear/most-commit-language-all-time.svg)
+![productive-time-all-time](./bear/productive-time-all-time.svg)
+![contributions-all-time](./bear/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## blue_green
+
+![profile-details](./blue_green/profile-details.svg)
+![repos-per-language](./blue_green/repos-per-language.svg)
+![most-commit-language](./blue_green/most-commit-language.svg)
+![stats](./blue_green/stats.svg)
+![productive-time](./blue_green/productive-time.svg)
+![contributions](./blue_green/contributions.svg)
+![most-commit-language-all-time](./blue_green/most-commit-language-all-time.svg)
+![productive-time-all-time](./blue_green/productive-time-all-time.svg)
+![contributions-all-time](./blue_green/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## blueberry
+
+![profile-details](./blueberry/profile-details.svg)
+![repos-per-language](./blueberry/repos-per-language.svg)
+![most-commit-language](./blueberry/most-commit-language.svg)
+![stats](./blueberry/stats.svg)
+![productive-time](./blueberry/productive-time.svg)
+![contributions](./blueberry/contributions.svg)
+![most-commit-language-all-time](./blueberry/most-commit-language-all-time.svg)
+![productive-time-all-time](./blueberry/productive-time-all-time.svg)
+![contributions-all-time](./blueberry/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## buefy
+
+![profile-details](./buefy/profile-details.svg)
+![repos-per-language](./buefy/repos-per-language.svg)
+![most-commit-language](./buefy/most-commit-language.svg)
+![stats](./buefy/stats.svg)
+![productive-time](./buefy/productive-time.svg)
+![contributions](./buefy/contributions.svg)
+![most-commit-language-all-time](./buefy/most-commit-language-all-time.svg)
+![productive-time-all-time](./buefy/productive-time-all-time.svg)
+![contributions-all-time](./buefy/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## calm
+
+![profile-details](./calm/profile-details.svg)
+![repos-per-language](./calm/repos-per-language.svg)
+![most-commit-language](./calm/most-commit-language.svg)
+![stats](./calm/stats.svg)
+![productive-time](./calm/productive-time.svg)
+![contributions](./calm/contributions.svg)
+![most-commit-language-all-time](./calm/most-commit-language-all-time.svg)
+![productive-time-all-time](./calm/productive-time-all-time.svg)
+![contributions-all-time](./calm/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## chartreuse_dark
+
+![profile-details](./chartreuse_dark/profile-details.svg)
+![repos-per-language](./chartreuse_dark/repos-per-language.svg)
+![most-commit-language](./chartreuse_dark/most-commit-language.svg)
+![stats](./chartreuse_dark/stats.svg)
+![productive-time](./chartreuse_dark/productive-time.svg)
+![contributions](./chartreuse_dark/contributions.svg)
+![most-commit-language-all-time](./chartreuse_dark/most-commit-language-all-time.svg)
+![productive-time-all-time](./chartreuse_dark/productive-time-all-time.svg)
+![contributions-all-time](./chartreuse_dark/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## city_lights
+
+![profile-details](./city_lights/profile-details.svg)
+![repos-per-language](./city_lights/repos-per-language.svg)
+![most-commit-language](./city_lights/most-commit-language.svg)
+![stats](./city_lights/stats.svg)
+![productive-time](./city_lights/productive-time.svg)
+![contributions](./city_lights/contributions.svg)
+![most-commit-language-all-time](./city_lights/most-commit-language-all-time.svg)
+![productive-time-all-time](./city_lights/productive-time-all-time.svg)
+![contributions-all-time](./city_lights/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## cobalt
+
+![profile-details](./cobalt/profile-details.svg)
+![repos-per-language](./cobalt/repos-per-language.svg)
+![most-commit-language](./cobalt/most-commit-language.svg)
+![stats](./cobalt/stats.svg)
+![productive-time](./cobalt/productive-time.svg)
+![contributions](./cobalt/contributions.svg)
+![most-commit-language-all-time](./cobalt/most-commit-language-all-time.svg)
+![productive-time-all-time](./cobalt/productive-time-all-time.svg)
+![contributions-all-time](./cobalt/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## cobalt2
+
+![profile-details](./cobalt2/profile-details.svg)
+![repos-per-language](./cobalt2/repos-per-language.svg)
+![most-commit-language](./cobalt2/most-commit-language.svg)
+![stats](./cobalt2/stats.svg)
+![productive-time](./cobalt2/productive-time.svg)
+![contributions](./cobalt2/contributions.svg)
+![most-commit-language-all-time](./cobalt2/most-commit-language-all-time.svg)
+![productive-time-all-time](./cobalt2/productive-time-all-time.svg)
+![contributions-all-time](./cobalt2/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## codeSTACKr
+
+![profile-details](./codeSTACKr/profile-details.svg)
+![repos-per-language](./codeSTACKr/repos-per-language.svg)
+![most-commit-language](./codeSTACKr/most-commit-language.svg)
+![stats](./codeSTACKr/stats.svg)
+![productive-time](./codeSTACKr/productive-time.svg)
+![contributions](./codeSTACKr/contributions.svg)
+![most-commit-language-all-time](./codeSTACKr/most-commit-language-all-time.svg)
+![productive-time-all-time](./codeSTACKr/productive-time-all-time.svg)
+![contributions-all-time](./codeSTACKr/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## darcula
+
+![profile-details](./darcula/profile-details.svg)
+![repos-per-language](./darcula/repos-per-language.svg)
+![most-commit-language](./darcula/most-commit-language.svg)
+![stats](./darcula/stats.svg)
+![productive-time](./darcula/productive-time.svg)
+![contributions](./darcula/contributions.svg)
+![most-commit-language-all-time](./darcula/most-commit-language-all-time.svg)
+![productive-time-all-time](./darcula/productive-time-all-time.svg)
+![contributions-all-time](./darcula/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## dark
+
+![profile-details](./dark/profile-details.svg)
+![repos-per-language](./dark/repos-per-language.svg)
+![most-commit-language](./dark/most-commit-language.svg)
+![stats](./dark/stats.svg)
+![productive-time](./dark/productive-time.svg)
+![contributions](./dark/contributions.svg)
+![most-commit-language-all-time](./dark/most-commit-language-all-time.svg)
+![productive-time-all-time](./dark/productive-time-all-time.svg)
+![contributions-all-time](./dark/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## date_night
+
+![profile-details](./date_night/profile-details.svg)
+![repos-per-language](./date_night/repos-per-language.svg)
+![most-commit-language](./date_night/most-commit-language.svg)
+![stats](./date_night/stats.svg)
+![productive-time](./date_night/productive-time.svg)
+![contributions](./date_night/contributions.svg)
+![most-commit-language-all-time](./date_night/most-commit-language-all-time.svg)
+![productive-time-all-time](./date_night/productive-time-all-time.svg)
+![contributions-all-time](./date_night/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## default
+
+![profile-details](./default/profile-details.svg)
+![repos-per-language](./default/repos-per-language.svg)
+![most-commit-language](./default/most-commit-language.svg)
+![stats](./default/stats.svg)
+![productive-time](./default/productive-time.svg)
+![contributions](./default/contributions.svg)
+![most-commit-language-all-time](./default/most-commit-language-all-time.svg)
+![productive-time-all-time](./default/productive-time-all-time.svg)
+![contributions-all-time](./default/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## discord_old_blurple
+
+![profile-details](./discord_old_blurple/profile-details.svg)
+![repos-per-language](./discord_old_blurple/repos-per-language.svg)
+![most-commit-language](./discord_old_blurple/most-commit-language.svg)
+![stats](./discord_old_blurple/stats.svg)
+![productive-time](./discord_old_blurple/productive-time.svg)
+![contributions](./discord_old_blurple/contributions.svg)
+![most-commit-language-all-time](./discord_old_blurple/most-commit-language-all-time.svg)
+![productive-time-all-time](./discord_old_blurple/productive-time-all-time.svg)
+![contributions-all-time](./discord_old_blurple/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## dracula
+
+![profile-details](./dracula/profile-details.svg)
+![repos-per-language](./dracula/repos-per-language.svg)
+![most-commit-language](./dracula/most-commit-language.svg)
+![stats](./dracula/stats.svg)
+![productive-time](./dracula/productive-time.svg)
+![contributions](./dracula/contributions.svg)
+![most-commit-language-all-time](./dracula/most-commit-language-all-time.svg)
+![productive-time-all-time](./dracula/productive-time-all-time.svg)
+![contributions-all-time](./dracula/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## flag_india
+
+![profile-details](./flag_india/profile-details.svg)
+![repos-per-language](./flag_india/repos-per-language.svg)
+![most-commit-language](./flag_india/most-commit-language.svg)
+![stats](./flag_india/stats.svg)
+![productive-time](./flag_india/productive-time.svg)
+![contributions](./flag_india/contributions.svg)
+![most-commit-language-all-time](./flag_india/most-commit-language-all-time.svg)
+![productive-time-all-time](./flag_india/productive-time-all-time.svg)
+![contributions-all-time](./flag_india/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## github
+
+![profile-details](./github/profile-details.svg)
+![repos-per-language](./github/repos-per-language.svg)
+![most-commit-language](./github/most-commit-language.svg)
+![stats](./github/stats.svg)
+![productive-time](./github/productive-time.svg)
+![contributions](./github/contributions.svg)
+![most-commit-language-all-time](./github/most-commit-language-all-time.svg)
+![productive-time-all-time](./github/productive-time-all-time.svg)
+![contributions-all-time](./github/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## github_dark
+
+![profile-details](./github_dark/profile-details.svg)
+![repos-per-language](./github_dark/repos-per-language.svg)
+![most-commit-language](./github_dark/most-commit-language.svg)
+![stats](./github_dark/stats.svg)
+![productive-time](./github_dark/productive-time.svg)
+![contributions](./github_dark/contributions.svg)
+![most-commit-language-all-time](./github_dark/most-commit-language-all-time.svg)
+![productive-time-all-time](./github_dark/productive-time-all-time.svg)
+![contributions-all-time](./github_dark/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## gotham
+
+![profile-details](./gotham/profile-details.svg)
+![repos-per-language](./gotham/repos-per-language.svg)
+![most-commit-language](./gotham/most-commit-language.svg)
+![stats](./gotham/stats.svg)
+![productive-time](./gotham/productive-time.svg)
+![contributions](./gotham/contributions.svg)
+![most-commit-language-all-time](./gotham/most-commit-language-all-time.svg)
+![productive-time-all-time](./gotham/productive-time-all-time.svg)
+![contributions-all-time](./gotham/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## graywhite
+
+![profile-details](./graywhite/profile-details.svg)
+![repos-per-language](./graywhite/repos-per-language.svg)
+![most-commit-language](./graywhite/most-commit-language.svg)
+![stats](./graywhite/stats.svg)
+![productive-time](./graywhite/productive-time.svg)
+![contributions](./graywhite/contributions.svg)
+![most-commit-language-all-time](./graywhite/most-commit-language-all-time.svg)
+![productive-time-all-time](./graywhite/productive-time-all-time.svg)
+![contributions-all-time](./graywhite/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## great_gatsby
+
+![profile-details](./great_gatsby/profile-details.svg)
+![repos-per-language](./great_gatsby/repos-per-language.svg)
+![most-commit-language](./great_gatsby/most-commit-language.svg)
+![stats](./great_gatsby/stats.svg)
+![productive-time](./great_gatsby/productive-time.svg)
+![contributions](./great_gatsby/contributions.svg)
+![most-commit-language-all-time](./great_gatsby/most-commit-language-all-time.svg)
+![productive-time-all-time](./great_gatsby/productive-time-all-time.svg)
+![contributions-all-time](./great_gatsby/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## gruvbox
+
+![profile-details](./gruvbox/profile-details.svg)
+![repos-per-language](./gruvbox/repos-per-language.svg)
+![most-commit-language](./gruvbox/most-commit-language.svg)
+![stats](./gruvbox/stats.svg)
+![productive-time](./gruvbox/productive-time.svg)
+![contributions](./gruvbox/contributions.svg)
+![most-commit-language-all-time](./gruvbox/most-commit-language-all-time.svg)
+![productive-time-all-time](./gruvbox/productive-time-all-time.svg)
+![contributions-all-time](./gruvbox/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## highcontrast
+
+![profile-details](./highcontrast/profile-details.svg)
+![repos-per-language](./highcontrast/repos-per-language.svg)
+![most-commit-language](./highcontrast/most-commit-language.svg)
+![stats](./highcontrast/stats.svg)
+![productive-time](./highcontrast/productive-time.svg)
+![contributions](./highcontrast/contributions.svg)
+![most-commit-language-all-time](./highcontrast/most-commit-language-all-time.svg)
+![productive-time-all-time](./highcontrast/productive-time-all-time.svg)
+![contributions-all-time](./highcontrast/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## holi
+
+![profile-details](./holi/profile-details.svg)
+![repos-per-language](./holi/repos-per-language.svg)
+![most-commit-language](./holi/most-commit-language.svg)
+![stats](./holi/stats.svg)
+![productive-time](./holi/productive-time.svg)
+![contributions](./holi/contributions.svg)
+![most-commit-language-all-time](./holi/most-commit-language-all-time.svg)
+![productive-time-all-time](./holi/productive-time-all-time.svg)
+![contributions-all-time](./holi/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## jolly
+
+![profile-details](./jolly/profile-details.svg)
+![repos-per-language](./jolly/repos-per-language.svg)
+![most-commit-language](./jolly/most-commit-language.svg)
+![stats](./jolly/stats.svg)
+![productive-time](./jolly/productive-time.svg)
+![contributions](./jolly/contributions.svg)
+![most-commit-language-all-time](./jolly/most-commit-language-all-time.svg)
+![productive-time-all-time](./jolly/productive-time-all-time.svg)
+![contributions-all-time](./jolly/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## kacho_ga
+
+![profile-details](./kacho_ga/profile-details.svg)
+![repos-per-language](./kacho_ga/repos-per-language.svg)
+![most-commit-language](./kacho_ga/most-commit-language.svg)
+![stats](./kacho_ga/stats.svg)
+![productive-time](./kacho_ga/productive-time.svg)
+![contributions](./kacho_ga/contributions.svg)
+![most-commit-language-all-time](./kacho_ga/most-commit-language-all-time.svg)
+![productive-time-all-time](./kacho_ga/productive-time-all-time.svg)
+![contributions-all-time](./kacho_ga/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## maroongold
+
+![profile-details](./maroongold/profile-details.svg)
+![repos-per-language](./maroongold/repos-per-language.svg)
+![most-commit-language](./maroongold/most-commit-language.svg)
+![stats](./maroongold/stats.svg)
+![productive-time](./maroongold/productive-time.svg)
+![contributions](./maroongold/contributions.svg)
+![most-commit-language-all-time](./maroongold/most-commit-language-all-time.svg)
+![productive-time-all-time](./maroongold/productive-time-all-time.svg)
+![contributions-all-time](./maroongold/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## material_palenight
+
+![profile-details](./material_palenight/profile-details.svg)
+![repos-per-language](./material_palenight/repos-per-language.svg)
+![most-commit-language](./material_palenight/most-commit-language.svg)
+![stats](./material_palenight/stats.svg)
+![productive-time](./material_palenight/productive-time.svg)
+![contributions](./material_palenight/contributions.svg)
+![most-commit-language-all-time](./material_palenight/most-commit-language-all-time.svg)
+![productive-time-all-time](./material_palenight/productive-time-all-time.svg)
+![contributions-all-time](./material_palenight/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## merko
+
+![profile-details](./merko/profile-details.svg)
+![repos-per-language](./merko/repos-per-language.svg)
+![most-commit-language](./merko/most-commit-language.svg)
+![stats](./merko/stats.svg)
+![productive-time](./merko/productive-time.svg)
+![contributions](./merko/contributions.svg)
+![most-commit-language-all-time](./merko/most-commit-language-all-time.svg)
+![productive-time-all-time](./merko/productive-time-all-time.svg)
+![contributions-all-time](./merko/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## midnight_purple
+
+![profile-details](./midnight_purple/profile-details.svg)
+![repos-per-language](./midnight_purple/repos-per-language.svg)
+![most-commit-language](./midnight_purple/most-commit-language.svg)
+![stats](./midnight_purple/stats.svg)
+![productive-time](./midnight_purple/productive-time.svg)
+![contributions](./midnight_purple/contributions.svg)
+![most-commit-language-all-time](./midnight_purple/most-commit-language-all-time.svg)
+![productive-time-all-time](./midnight_purple/productive-time-all-time.svg)
+![contributions-all-time](./midnight_purple/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## moltack
+
+![profile-details](./moltack/profile-details.svg)
+![repos-per-language](./moltack/repos-per-language.svg)
+![most-commit-language](./moltack/most-commit-language.svg)
+![stats](./moltack/stats.svg)
+![productive-time](./moltack/productive-time.svg)
+![contributions](./moltack/contributions.svg)
+![most-commit-language-all-time](./moltack/most-commit-language-all-time.svg)
+![productive-time-all-time](./moltack/productive-time-all-time.svg)
+![contributions-all-time](./moltack/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## monokai
+
+![profile-details](./monokai/profile-details.svg)
+![repos-per-language](./monokai/repos-per-language.svg)
+![most-commit-language](./monokai/most-commit-language.svg)
+![stats](./monokai/stats.svg)
+![productive-time](./monokai/productive-time.svg)
+![contributions](./monokai/contributions.svg)
+![most-commit-language-all-time](./monokai/most-commit-language-all-time.svg)
+![productive-time-all-time](./monokai/productive-time-all-time.svg)
+![contributions-all-time](./monokai/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## moonlight
+
+![profile-details](./moonlight/profile-details.svg)
+![repos-per-language](./moonlight/repos-per-language.svg)
+![most-commit-language](./moonlight/most-commit-language.svg)
+![stats](./moonlight/stats.svg)
+![productive-time](./moonlight/productive-time.svg)
+![contributions](./moonlight/contributions.svg)
+![most-commit-language-all-time](./moonlight/most-commit-language-all-time.svg)
+![productive-time-all-time](./moonlight/productive-time-all-time.svg)
+![contributions-all-time](./moonlight/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## nightowl
+
+![profile-details](./nightowl/profile-details.svg)
+![repos-per-language](./nightowl/repos-per-language.svg)
+![most-commit-language](./nightowl/most-commit-language.svg)
+![stats](./nightowl/stats.svg)
+![productive-time](./nightowl/productive-time.svg)
+![contributions](./nightowl/contributions.svg)
+![most-commit-language-all-time](./nightowl/most-commit-language-all-time.svg)
+![productive-time-all-time](./nightowl/productive-time-all-time.svg)
+![contributions-all-time](./nightowl/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## noctis_minimus
+
+![profile-details](./noctis_minimus/profile-details.svg)
+![repos-per-language](./noctis_minimus/repos-per-language.svg)
+![most-commit-language](./noctis_minimus/most-commit-language.svg)
+![stats](./noctis_minimus/stats.svg)
+![productive-time](./noctis_minimus/productive-time.svg)
+![contributions](./noctis_minimus/contributions.svg)
+![most-commit-language-all-time](./noctis_minimus/most-commit-language-all-time.svg)
+![productive-time-all-time](./noctis_minimus/productive-time-all-time.svg)
+![contributions-all-time](./noctis_minimus/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## nord_bright
+
+![profile-details](./nord_bright/profile-details.svg)
+![repos-per-language](./nord_bright/repos-per-language.svg)
+![most-commit-language](./nord_bright/most-commit-language.svg)
+![stats](./nord_bright/stats.svg)
+![productive-time](./nord_bright/productive-time.svg)
+![contributions](./nord_bright/contributions.svg)
+![most-commit-language-all-time](./nord_bright/most-commit-language-all-time.svg)
+![productive-time-all-time](./nord_bright/productive-time-all-time.svg)
+![contributions-all-time](./nord_bright/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## nord_dark
+
+![profile-details](./nord_dark/profile-details.svg)
+![repos-per-language](./nord_dark/repos-per-language.svg)
+![most-commit-language](./nord_dark/most-commit-language.svg)
+![stats](./nord_dark/stats.svg)
+![productive-time](./nord_dark/productive-time.svg)
+![contributions](./nord_dark/contributions.svg)
+![most-commit-language-all-time](./nord_dark/most-commit-language-all-time.svg)
+![productive-time-all-time](./nord_dark/productive-time-all-time.svg)
+![contributions-all-time](./nord_dark/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## ocean_dark
+
+![profile-details](./ocean_dark/profile-details.svg)
+![repos-per-language](./ocean_dark/repos-per-language.svg)
+![most-commit-language](./ocean_dark/most-commit-language.svg)
+![stats](./ocean_dark/stats.svg)
+![productive-time](./ocean_dark/productive-time.svg)
+![contributions](./ocean_dark/contributions.svg)
+![most-commit-language-all-time](./ocean_dark/most-commit-language-all-time.svg)
+![productive-time-all-time](./ocean_dark/productive-time-all-time.svg)
+![contributions-all-time](./ocean_dark/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## omni
+
+![profile-details](./omni/profile-details.svg)
+![repos-per-language](./omni/repos-per-language.svg)
+![most-commit-language](./omni/most-commit-language.svg)
+![stats](./omni/stats.svg)
+![productive-time](./omni/productive-time.svg)
+![contributions](./omni/contributions.svg)
+![most-commit-language-all-time](./omni/most-commit-language-all-time.svg)
+![productive-time-all-time](./omni/productive-time-all-time.svg)
+![contributions-all-time](./omni/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## onedark
+
+![profile-details](./onedark/profile-details.svg)
+![repos-per-language](./onedark/repos-per-language.svg)
+![most-commit-language](./onedark/most-commit-language.svg)
+![stats](./onedark/stats.svg)
+![productive-time](./onedark/productive-time.svg)
+![contributions](./onedark/contributions.svg)
+![most-commit-language-all-time](./onedark/most-commit-language-all-time.svg)
+![productive-time-all-time](./onedark/productive-time-all-time.svg)
+![contributions-all-time](./onedark/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## outrun
+
+![profile-details](./outrun/profile-details.svg)
+![repos-per-language](./outrun/repos-per-language.svg)
+![most-commit-language](./outrun/most-commit-language.svg)
+![stats](./outrun/stats.svg)
+![productive-time](./outrun/productive-time.svg)
+![contributions](./outrun/contributions.svg)
+![most-commit-language-all-time](./outrun/most-commit-language-all-time.svg)
+![productive-time-all-time](./outrun/productive-time-all-time.svg)
+![contributions-all-time](./outrun/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## panda
+
+![profile-details](./panda/profile-details.svg)
+![repos-per-language](./panda/repos-per-language.svg)
+![most-commit-language](./panda/most-commit-language.svg)
+![stats](./panda/stats.svg)
+![productive-time](./panda/productive-time.svg)
+![contributions](./panda/contributions.svg)
+![most-commit-language-all-time](./panda/most-commit-language-all-time.svg)
+![productive-time-all-time](./panda/productive-time-all-time.svg)
+![contributions-all-time](./panda/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## prussian
+
+![profile-details](./prussian/profile-details.svg)
+![repos-per-language](./prussian/repos-per-language.svg)
+![most-commit-language](./prussian/most-commit-language.svg)
+![stats](./prussian/stats.svg)
+![productive-time](./prussian/productive-time.svg)
+![contributions](./prussian/contributions.svg)
+![most-commit-language-all-time](./prussian/most-commit-language-all-time.svg)
+![productive-time-all-time](./prussian/productive-time-all-time.svg)
+![contributions-all-time](./prussian/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## radical
+
+![profile-details](./radical/profile-details.svg)
+![repos-per-language](./radical/repos-per-language.svg)
+![most-commit-language](./radical/most-commit-language.svg)
+![stats](./radical/stats.svg)
+![productive-time](./radical/productive-time.svg)
+![contributions](./radical/contributions.svg)
+![most-commit-language-all-time](./radical/most-commit-language-all-time.svg)
+![productive-time-all-time](./radical/productive-time-all-time.svg)
+![contributions-all-time](./radical/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## react
+
+![profile-details](./react/profile-details.svg)
+![repos-per-language](./react/repos-per-language.svg)
+![most-commit-language](./react/most-commit-language.svg)
+![stats](./react/stats.svg)
+![productive-time](./react/productive-time.svg)
+![contributions](./react/contributions.svg)
+![most-commit-language-all-time](./react/most-commit-language-all-time.svg)
+![productive-time-all-time](./react/productive-time-all-time.svg)
+![contributions-all-time](./react/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## rose_pine
+
+![profile-details](./rose_pine/profile-details.svg)
+![repos-per-language](./rose_pine/repos-per-language.svg)
+![most-commit-language](./rose_pine/most-commit-language.svg)
+![stats](./rose_pine/stats.svg)
+![productive-time](./rose_pine/productive-time.svg)
+![contributions](./rose_pine/contributions.svg)
+![most-commit-language-all-time](./rose_pine/most-commit-language-all-time.svg)
+![productive-time-all-time](./rose_pine/productive-time-all-time.svg)
+![contributions-all-time](./rose_pine/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## shades_of_purple
+
+![profile-details](./shades_of_purple/profile-details.svg)
+![repos-per-language](./shades_of_purple/repos-per-language.svg)
+![most-commit-language](./shades_of_purple/most-commit-language.svg)
+![stats](./shades_of_purple/stats.svg)
+![productive-time](./shades_of_purple/productive-time.svg)
+![contributions](./shades_of_purple/contributions.svg)
+![most-commit-language-all-time](./shades_of_purple/most-commit-language-all-time.svg)
+![productive-time-all-time](./shades_of_purple/productive-time-all-time.svg)
+![contributions-all-time](./shades_of_purple/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## slateorange
+
+![profile-details](./slateorange/profile-details.svg)
+![repos-per-language](./slateorange/repos-per-language.svg)
+![most-commit-language](./slateorange/most-commit-language.svg)
+![stats](./slateorange/stats.svg)
+![productive-time](./slateorange/productive-time.svg)
+![contributions](./slateorange/contributions.svg)
+![most-commit-language-all-time](./slateorange/most-commit-language-all-time.svg)
+![productive-time-all-time](./slateorange/productive-time-all-time.svg)
+![contributions-all-time](./slateorange/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## solarized
+
+![profile-details](./solarized/profile-details.svg)
+![repos-per-language](./solarized/repos-per-language.svg)
+![most-commit-language](./solarized/most-commit-language.svg)
+![stats](./solarized/stats.svg)
+![productive-time](./solarized/productive-time.svg)
+![contributions](./solarized/contributions.svg)
+![most-commit-language-all-time](./solarized/most-commit-language-all-time.svg)
+![productive-time-all-time](./solarized/productive-time-all-time.svg)
+![contributions-all-time](./solarized/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## solarized_dark
+
+![profile-details](./solarized_dark/profile-details.svg)
+![repos-per-language](./solarized_dark/repos-per-language.svg)
+![most-commit-language](./solarized_dark/most-commit-language.svg)
+![stats](./solarized_dark/stats.svg)
+![productive-time](./solarized_dark/productive-time.svg)
+![contributions](./solarized_dark/contributions.svg)
+![most-commit-language-all-time](./solarized_dark/most-commit-language-all-time.svg)
+![productive-time-all-time](./solarized_dark/productive-time-all-time.svg)
+![contributions-all-time](./solarized_dark/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## swift
+
+![profile-details](./swift/profile-details.svg)
+![repos-per-language](./swift/repos-per-language.svg)
+![most-commit-language](./swift/most-commit-language.svg)
+![stats](./swift/stats.svg)
+![productive-time](./swift/productive-time.svg)
+![contributions](./swift/contributions.svg)
+![most-commit-language-all-time](./swift/most-commit-language-all-time.svg)
+![productive-time-all-time](./swift/productive-time-all-time.svg)
+![contributions-all-time](./swift/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## synthwave
+
+![profile-details](./synthwave/profile-details.svg)
+![repos-per-language](./synthwave/repos-per-language.svg)
+![most-commit-language](./synthwave/most-commit-language.svg)
+![stats](./synthwave/stats.svg)
+![productive-time](./synthwave/productive-time.svg)
+![contributions](./synthwave/contributions.svg)
+![most-commit-language-all-time](./synthwave/most-commit-language-all-time.svg)
+![productive-time-all-time](./synthwave/productive-time-all-time.svg)
+![contributions-all-time](./synthwave/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## tokyonight
+
+![profile-details](./tokyonight/profile-details.svg)
+![repos-per-language](./tokyonight/repos-per-language.svg)
+![most-commit-language](./tokyonight/most-commit-language.svg)
+![stats](./tokyonight/stats.svg)
+![productive-time](./tokyonight/productive-time.svg)
+![contributions](./tokyonight/contributions.svg)
+![most-commit-language-all-time](./tokyonight/most-commit-language-all-time.svg)
+![productive-time-all-time](./tokyonight/productive-time-all-time.svg)
+![contributions-all-time](./tokyonight/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## transparent
+
+![profile-details](./transparent/profile-details.svg)
+![repos-per-language](./transparent/repos-per-language.svg)
+![most-commit-language](./transparent/most-commit-language.svg)
+![stats](./transparent/stats.svg)
+![productive-time](./transparent/productive-time.svg)
+![contributions](./transparent/contributions.svg)
+![most-commit-language-all-time](./transparent/most-commit-language-all-time.svg)
+![productive-time-all-time](./transparent/productive-time-all-time.svg)
+![contributions-all-time](./transparent/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## vision_friendly_dark
+
+![profile-details](./vision_friendly_dark/profile-details.svg)
+![repos-per-language](./vision_friendly_dark/repos-per-language.svg)
+![most-commit-language](./vision_friendly_dark/most-commit-language.svg)
+![stats](./vision_friendly_dark/stats.svg)
+![productive-time](./vision_friendly_dark/productive-time.svg)
+![contributions](./vision_friendly_dark/contributions.svg)
+![most-commit-language-all-time](./vision_friendly_dark/most-commit-language-all-time.svg)
+![productive-time-all-time](./vision_friendly_dark/productive-time-all-time.svg)
+![contributions-all-time](./vision_friendly_dark/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## vue
+
+![profile-details](./vue/profile-details.svg)
+![repos-per-language](./vue/repos-per-language.svg)
+![most-commit-language](./vue/most-commit-language.svg)
+![stats](./vue/stats.svg)
+![productive-time](./vue/productive-time.svg)
+![contributions](./vue/contributions.svg)
+![most-commit-language-all-time](./vue/most-commit-language-all-time.svg)
+![productive-time-all-time](./vue/productive-time-all-time.svg)
+![contributions-all-time](./vue/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## yeblu
+
+![profile-details](./yeblu/profile-details.svg)
+![repos-per-language](./yeblu/repos-per-language.svg)
+![most-commit-language](./yeblu/most-commit-language.svg)
+![stats](./yeblu/stats.svg)
+![productive-time](./yeblu/productive-time.svg)
+![contributions](./yeblu/contributions.svg)
+![most-commit-language-all-time](./yeblu/most-commit-language-all-time.svg)
+![productive-time-all-time](./yeblu/productive-time-all-time.svg)
+![contributions-all-time](./yeblu/contributions-all-time.svg)
+
+[back to top](#themes)
+
+## zenburn
+
+![profile-details](./zenburn/profile-details.svg)
+![repos-per-language](./zenburn/repos-per-language.svg)
+![most-commit-language](./zenburn/most-commit-language.svg)
+![stats](./zenburn/stats.svg)
+![productive-time](./zenburn/productive-time.svg)
+![contributions](./zenburn/contributions.svg)
+![most-commit-language-all-time](./zenburn/most-commit-language-all-time.svg)
+![productive-time-all-time](./zenburn/productive-time-all-time.svg)
+![contributions-all-time](./zenburn/contributions-all-time.svg)
+
+[back to top](#themes)
+
diff --git a/demo/algolia/contributions-all-time.svg b/demo/algolia/contributions-all-time.svg
new file mode 100644
index 00000000..ab16bf06
--- /dev/null
+++ b/demo/algolia/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#2dde98"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#2dde98"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#2dde98"/>
+  <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="45" x2="28" y2="45" stroke="#2dde98"/>
+  <text x="22" y="48" font-size="10" fill="#2dde98" text-anchor="end">500</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>
+  <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>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#2dde98"/>
+  <text x="82" y="166" font-size="10" fill="#2dde98" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#2dde98"/>
+  <text x="137" y="166" font-size="10" fill="#2dde98" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#2dde98"/>
+  <text x="191" y="166" font-size="10" fill="#2dde98" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#2dde98"/>
+  <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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#00aeff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#2dde98" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/algolia/contributions.svg b/demo/algolia/contributions.svg
new file mode 100644
index 00000000..cebf83f0
--- /dev/null
+++ b/demo/algolia/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#2dde98"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#2dde98"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#2dde98"/>
+  <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="45" x2="28" y2="45" stroke="#2dde98"/>
+  <text x="22" y="48" font-size="10" fill="#2dde98" text-anchor="end">500</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>
+  <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>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#2dde98"/>
+  <text x="75" y="166" font-size="10" fill="#2dde98" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#2dde98"/>
+  <text x="122" y="166" font-size="10" fill="#2dde98" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#2dde98"/>
+  <text x="170" y="166" font-size="10" fill="#2dde98" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#2dde98"/>
+  <text x="217" y="166" font-size="10" fill="#2dde98" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#2dde98"/>
+  <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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#00aeff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#2dde98" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/algolia/most-commit-language-all-time.svg b/demo/algolia/most-commit-language-all-time.svg
new file mode 100644
index 00000000..9a24d678
--- /dev/null
+++ b/demo/algolia/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.61%</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.83%</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.79%</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.16%</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.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#050f2c" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#050f2c" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#050f2c" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#050f2c" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#00aeff" stroke="#050f2c" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/algolia/most-commit-language.svg b/demo/algolia/most-commit-language.svg
new file mode 100644
index 00000000..f6baa554
--- /dev/null
+++ b/demo/algolia/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.92%</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 12.81%</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.78%</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.76%</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.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#050f2c" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#050f2c" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#050f2c" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#050f2c" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#00aeff" stroke="#050f2c" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/algolia/productive-time-all-time.svg b/demo/algolia/productive-time-all-time.svg
new file mode 100644
index 00000000..13cb6980
--- /dev/null
+++ b/demo/algolia/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (all time, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#2dde98"/>
+  <text x="29" y="48" font-size="10" fill="#2dde98" text-anchor="end">300</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#2dde98"/>
+  <text x="113" y="171" font-size="10" fill="#2dde98" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#2dde98"/>
+  <text x="186" y="171" font-size="10" fill="#2dde98" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#2dde98"/>
+  <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="137.03" width="11.12" height="17.97" rx="2" fill="#00aeff"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#00aeff"><title>09:00 — 120 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>
+  <text x="180" y="189" font-size="11" fill="#2dde98" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/algolia/productive-time.svg b/demo/algolia/productive-time.svg
new file mode 100644
index 00000000..d05f5f1a
--- /dev/null
+++ b/demo/algolia/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (last year, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#2dde98"/>
+  <text x="29" y="48" font-size="10" fill="#2dde98" text-anchor="end">200</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#2dde98"/>
+  <text x="113" y="171" font-size="10" fill="#2dde98" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#2dde98"/>
+  <text x="186" y="171" font-size="10" fill="#2dde98" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#2dde98"/>
+  <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="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="136.85" width="11.12" height="18.15" rx="2" fill="#00aeff"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#00aeff"><title>09:00 — 95 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>
+  <text x="180" y="189" font-size="11" fill="#2dde98" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/algolia/profile-details.svg b/demo/algolia/profile-details.svg
new file mode 100644
index 00000000..2e404b07
--- /dev/null
+++ b/demo/algolia/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffffff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffffff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffffff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffffff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffffff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffffff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/algolia/repos-per-language.svg b/demo/algolia/repos-per-language.svg
new file mode 100644
index 00000000..48f53000
--- /dev/null
+++ b/demo/algolia/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Repos Per Language</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 22.45%</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 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#050f2c" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#050f2c" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Python 10.20%</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 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#050f2c" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#050f2c" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#050f2c" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#050f2c" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#00aeff" stroke="#050f2c" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/algolia/stats.svg b/demo/algolia/stats.svg
new file mode 100644
index 00000000..a64dbc0b
--- /dev/null
+++ b/demo/algolia/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffffff">Total Stars</text>
+  <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,136</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,764</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">74</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>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffffff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#00aeff" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#2dde98"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffffff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#00aeff" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/apprentice/contributions-all-time.svg b/demo/apprentice/contributions-all-time.svg
new file mode 100644
index 00000000..2284b051
--- /dev/null
+++ b/demo/apprentice/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffffaf"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffffaf"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffffaf"/>
+  <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="45" x2="28" y2="45" stroke="#ffffaf"/>
+  <text x="22" y="48" font-size="10" fill="#ffffaf" text-anchor="end">500</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>
+  <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>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ffffaf"/>
+  <text x="82" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ffffaf"/>
+  <text x="137" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ffffaf"/>
+  <text x="191" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ffffaf"/>
+  <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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ffffff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffffaf" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/apprentice/contributions.svg b/demo/apprentice/contributions.svg
new file mode 100644
index 00000000..b9e69a95
--- /dev/null
+++ b/demo/apprentice/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffffaf"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffffaf"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffffaf"/>
+  <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="45" x2="28" y2="45" stroke="#ffffaf"/>
+  <text x="22" y="48" font-size="10" fill="#ffffaf" text-anchor="end">500</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>
+  <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>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ffffaf"/>
+  <text x="75" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ffffaf"/>
+  <text x="122" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ffffaf"/>
+  <text x="170" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ffffaf"/>
+  <text x="217" y="166" font-size="10" fill="#ffffaf" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ffffaf"/>
+  <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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ffffff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffffaf" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/apprentice/most-commit-language-all-time.svg b/demo/apprentice/most-commit-language-all-time.svg
new file mode 100644
index 00000000..0e02e478
--- /dev/null
+++ b/demo/apprentice/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.61%</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.83%</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.79%</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.16%</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.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#262626" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#262626" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#262626" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#262626" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ffffff" stroke="#262626" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/apprentice/most-commit-language.svg b/demo/apprentice/most-commit-language.svg
new file mode 100644
index 00000000..b2bb65b7
--- /dev/null
+++ b/demo/apprentice/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.92%</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 12.81%</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.78%</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.76%</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.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#262626" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#262626" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#262626" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#262626" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ffffff" stroke="#262626" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/apprentice/productive-time-all-time.svg b/demo/apprentice/productive-time-all-time.svg
new file mode 100644
index 00000000..9ed5deac
--- /dev/null
+++ b/demo/apprentice/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (all time, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#ffffaf"/>
+  <text x="29" y="48" font-size="10" fill="#ffffaf" text-anchor="end">300</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffffaf"/>
+  <text x="113" y="171" font-size="10" fill="#ffffaf" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffffaf"/>
+  <text x="186" y="171" font-size="10" fill="#ffffaf" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffffaf"/>
+  <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="137.03" width="11.12" height="17.97" rx="2" fill="#ffffff"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ffffff"><title>09:00 — 120 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>
+  <text x="180" y="189" font-size="11" fill="#ffffaf" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/apprentice/productive-time.svg b/demo/apprentice/productive-time.svg
new file mode 100644
index 00000000..919a3e3d
--- /dev/null
+++ b/demo/apprentice/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (last year, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#ffffaf"/>
+  <text x="29" y="48" font-size="10" fill="#ffffaf" text-anchor="end">200</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffffaf"/>
+  <text x="113" y="171" font-size="10" fill="#ffffaf" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffffaf"/>
+  <text x="186" y="171" font-size="10" fill="#ffffaf" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffffaf"/>
+  <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="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="136.85" width="11.12" height="18.15" rx="2" fill="#ffffff"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ffffff"><title>09:00 — 95 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>
+  <text x="180" y="189" font-size="11" fill="#ffffaf" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/apprentice/profile-details.svg b/demo/apprentice/profile-details.svg
new file mode 100644
index 00000000..1f874768
--- /dev/null
+++ b/demo/apprentice/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#bcbcbc">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#bcbcbc">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#bcbcbc">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#bcbcbc">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#bcbcbc">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#bcbcbc">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/apprentice/repos-per-language.svg b/demo/apprentice/repos-per-language.svg
new file mode 100644
index 00000000..ff1736be
--- /dev/null
+++ b/demo/apprentice/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Repos Per Language</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 22.45%</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 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#262626" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#bcbcbc">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#262626" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#bcbcbc">Python 10.20%</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 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#262626" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#262626" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#262626" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#262626" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ffffff" stroke="#262626" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/apprentice/stats.svg b/demo/apprentice/stats.svg
new file mode 100644
index 00000000..67566e47
--- /dev/null
+++ b/demo/apprentice/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#bcbcbc">Total Stars</text>
+  <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,136</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,764</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">74</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>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#bcbcbc">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ffffaf"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#bcbcbc">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/aura/contributions-all-time.svg b/demo/aura/contributions-all-time.svg
new file mode 100644
index 00000000..4aa0645a
--- /dev/null
+++ b/demo/aura/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffca85"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffca85"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffca85"/>
+  <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="45" x2="28" y2="45" stroke="#ffca85"/>
+  <text x="22" y="48" font-size="10" fill="#ffca85" text-anchor="end">500</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>
+  <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>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ffca85"/>
+  <text x="82" y="166" font-size="10" fill="#ffca85" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ffca85"/>
+  <text x="137" y="166" font-size="10" fill="#ffca85" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ffca85"/>
+  <text x="191" y="166" font-size="10" fill="#ffca85" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ffca85"/>
+  <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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#a277ff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffca85" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/aura/contributions.svg b/demo/aura/contributions.svg
new file mode 100644
index 00000000..5046ef09
--- /dev/null
+++ b/demo/aura/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffca85"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffca85"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffca85"/>
+  <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="45" x2="28" y2="45" stroke="#ffca85"/>
+  <text x="22" y="48" font-size="10" fill="#ffca85" text-anchor="end">500</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>
+  <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>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ffca85"/>
+  <text x="75" y="166" font-size="10" fill="#ffca85" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ffca85"/>
+  <text x="122" y="166" font-size="10" fill="#ffca85" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ffca85"/>
+  <text x="170" y="166" font-size="10" fill="#ffca85" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ffca85"/>
+  <text x="217" y="166" font-size="10" fill="#ffca85" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ffca85"/>
+  <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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#a277ff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffca85" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/aura/most-commit-language-all-time.svg b/demo/aura/most-commit-language-all-time.svg
new file mode 100644
index 00000000..a48b4c14
--- /dev/null
+++ b/demo/aura/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.61%</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.83%</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.79%</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.16%</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.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#15141b" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#15141b" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#15141b" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#15141b" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#a277ff" stroke="#15141b" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/aura/most-commit-language.svg b/demo/aura/most-commit-language.svg
new file mode 100644
index 00000000..42eaa24d
--- /dev/null
+++ b/demo/aura/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.92%</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 12.81%</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.78%</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.76%</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.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#15141b" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#15141b" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#15141b" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#15141b" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#a277ff" stroke="#15141b" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/aura/productive-time-all-time.svg b/demo/aura/productive-time-all-time.svg
new file mode 100644
index 00000000..42874821
--- /dev/null
+++ b/demo/aura/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (all time, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#ffca85"/>
+  <text x="29" y="48" font-size="10" fill="#ffca85" text-anchor="end">300</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffca85"/>
+  <text x="113" y="171" font-size="10" fill="#ffca85" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffca85"/>
+  <text x="186" y="171" font-size="10" fill="#ffca85" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffca85"/>
+  <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="137.03" width="11.12" height="17.97" rx="2" fill="#a277ff"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#a277ff"><title>09:00 — 120 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>
+  <text x="180" y="189" font-size="11" fill="#ffca85" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/aura/productive-time.svg b/demo/aura/productive-time.svg
new file mode 100644
index 00000000..9c5bb627
--- /dev/null
+++ b/demo/aura/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (last year, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#ffca85"/>
+  <text x="29" y="48" font-size="10" fill="#ffca85" text-anchor="end">200</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffca85"/>
+  <text x="113" y="171" font-size="10" fill="#ffca85" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffca85"/>
+  <text x="186" y="171" font-size="10" fill="#ffca85" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffca85"/>
+  <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="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="136.85" width="11.12" height="18.15" rx="2" fill="#a277ff"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#a277ff"><title>09:00 — 95 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>
+  <text x="180" y="189" font-size="11" fill="#ffca85" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/aura/profile-details.svg b/demo/aura/profile-details.svg
new file mode 100644
index 00000000..aa8161bf
--- /dev/null
+++ b/demo/aura/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#61ffca">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#61ffca">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#61ffca">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#61ffca">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#61ffca">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#61ffca">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/aura/repos-per-language.svg b/demo/aura/repos-per-language.svg
new file mode 100644
index 00000000..8c74e518
--- /dev/null
+++ b/demo/aura/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Repos Per Language</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 22.45%</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 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#15141b" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#61ffca">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#15141b" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#61ffca">Python 10.20%</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 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#15141b" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#15141b" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#15141b" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#15141b" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#a277ff" stroke="#15141b" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/aura/stats.svg b/demo/aura/stats.svg
new file mode 100644
index 00000000..dce98e2a
--- /dev/null
+++ b/demo/aura/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#61ffca">Total Stars</text>
+  <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,136</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,764</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">74</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>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#61ffca">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#a277ff" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ffca85"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#61ffca">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#a277ff" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/aura_dark/contributions-all-time.svg b/demo/aura_dark/contributions-all-time.svg
new file mode 100644
index 00000000..f782e3c9
--- /dev/null
+++ b/demo/aura_dark/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#6cffd0"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#6cffd0"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#6cffd0"/>
+  <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="45" x2="28" y2="45" stroke="#6cffd0"/>
+  <text x="22" y="48" font-size="10" fill="#6cffd0" text-anchor="end">500</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>
+  <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>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#6cffd0"/>
+  <text x="82" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#6cffd0"/>
+  <text x="137" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#6cffd0"/>
+  <text x="191" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#6cffd0"/>
+  <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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ff7372" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#6cffd0" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/aura_dark/contributions.svg b/demo/aura_dark/contributions.svg
new file mode 100644
index 00000000..af3310aa
--- /dev/null
+++ b/demo/aura_dark/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#6cffd0"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#6cffd0"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#6cffd0"/>
+  <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="45" x2="28" y2="45" stroke="#6cffd0"/>
+  <text x="22" y="48" font-size="10" fill="#6cffd0" text-anchor="end">500</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>
+  <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>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#6cffd0"/>
+  <text x="75" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#6cffd0"/>
+  <text x="122" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#6cffd0"/>
+  <text x="170" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#6cffd0"/>
+  <text x="217" y="166" font-size="10" fill="#6cffd0" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#6cffd0"/>
+  <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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ff7372" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#6cffd0" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/aura_dark/most-commit-language-all-time.svg b/demo/aura_dark/most-commit-language-all-time.svg
new file mode 100644
index 00000000..8147dcfb
--- /dev/null
+++ b/demo/aura_dark/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.61%</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.83%</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.79%</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.16%</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.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#252334" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#252334" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#252334" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#252334" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ff7372" stroke="#252334" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/aura_dark/most-commit-language.svg b/demo/aura_dark/most-commit-language.svg
new file mode 100644
index 00000000..7c4e424b
--- /dev/null
+++ b/demo/aura_dark/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.92%</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 12.81%</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.78%</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.76%</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.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#252334" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#252334" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#252334" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#252334" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ff7372" stroke="#252334" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/aura_dark/productive-time-all-time.svg b/demo/aura_dark/productive-time-all-time.svg
new file mode 100644
index 00000000..14326824
--- /dev/null
+++ b/demo/aura_dark/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (all time, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#6cffd0"/>
+  <text x="29" y="48" font-size="10" fill="#6cffd0" text-anchor="end">300</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#6cffd0"/>
+  <text x="113" y="171" font-size="10" fill="#6cffd0" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#6cffd0"/>
+  <text x="186" y="171" font-size="10" fill="#6cffd0" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#6cffd0"/>
+  <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="137.03" width="11.12" height="17.97" rx="2" fill="#ff7372"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ff7372"><title>09:00 — 120 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>
+  <text x="180" y="189" font-size="11" fill="#6cffd0" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/aura_dark/productive-time.svg b/demo/aura_dark/productive-time.svg
new file mode 100644
index 00000000..98dd3430
--- /dev/null
+++ b/demo/aura_dark/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (last year, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#6cffd0"/>
+  <text x="29" y="48" font-size="10" fill="#6cffd0" text-anchor="end">200</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#6cffd0"/>
+  <text x="113" y="171" font-size="10" fill="#6cffd0" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#6cffd0"/>
+  <text x="186" y="171" font-size="10" fill="#6cffd0" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#6cffd0"/>
+  <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="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="136.85" width="11.12" height="18.15" rx="2" fill="#ff7372"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ff7372"><title>09:00 — 95 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>
+  <text x="180" y="189" font-size="11" fill="#6cffd0" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/aura_dark/profile-details.svg b/demo/aura_dark/profile-details.svg
new file mode 100644
index 00000000..b74b890b
--- /dev/null
+++ b/demo/aura_dark/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#dbdbdb">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#dbdbdb">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#dbdbdb">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#dbdbdb">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#dbdbdb">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#dbdbdb">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/aura_dark/repos-per-language.svg b/demo/aura_dark/repos-per-language.svg
new file mode 100644
index 00000000..51fca596
--- /dev/null
+++ b/demo/aura_dark/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Repos Per Language</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 22.45%</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 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#252334" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#dbdbdb">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#252334" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#dbdbdb">Python 10.20%</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 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#252334" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#252334" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#252334" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#252334" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ff7372" stroke="#252334" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/aura_dark/stats.svg b/demo/aura_dark/stats.svg
new file mode 100644
index 00000000..02ff3f40
--- /dev/null
+++ b/demo/aura_dark/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#dbdbdb">Total Stars</text>
+  <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,136</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,764</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">74</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>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#dbdbdb">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ff7372" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#6cffd0"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#dbdbdb">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ff7372" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/ayu_mirage/contributions-all-time.svg b/demo/ayu_mirage/contributions-all-time.svg
new file mode 100644
index 00000000..3188f6cb
--- /dev/null
+++ b/demo/ayu_mirage/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#73d0ff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#73d0ff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#73d0ff"/>
+  <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="45" x2="28" y2="45" stroke="#73d0ff"/>
+  <text x="22" y="48" font-size="10" fill="#73d0ff" text-anchor="end">500</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>
+  <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>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#73d0ff"/>
+  <text x="82" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#73d0ff"/>
+  <text x="137" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#73d0ff"/>
+  <text x="191" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#73d0ff"/>
+  <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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#f4cd7c" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#73d0ff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/ayu_mirage/contributions.svg b/demo/ayu_mirage/contributions.svg
new file mode 100644
index 00000000..faef8976
--- /dev/null
+++ b/demo/ayu_mirage/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#73d0ff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#73d0ff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#73d0ff"/>
+  <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="45" x2="28" y2="45" stroke="#73d0ff"/>
+  <text x="22" y="48" font-size="10" fill="#73d0ff" text-anchor="end">500</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>
+  <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>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#73d0ff"/>
+  <text x="75" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#73d0ff"/>
+  <text x="122" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#73d0ff"/>
+  <text x="170" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#73d0ff"/>
+  <text x="217" y="166" font-size="10" fill="#73d0ff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#73d0ff"/>
+  <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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#f4cd7c" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#73d0ff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/ayu_mirage/most-commit-language-all-time.svg b/demo/ayu_mirage/most-commit-language-all-time.svg
new file mode 100644
index 00000000..9a0ae6cb
--- /dev/null
+++ b/demo/ayu_mirage/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.61%</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.83%</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.79%</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.16%</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.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2430" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#1f2430" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#1f2430" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#1f2430" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#f4cd7c" stroke="#1f2430" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/ayu_mirage/most-commit-language.svg b/demo/ayu_mirage/most-commit-language.svg
new file mode 100644
index 00000000..30a7d3c6
--- /dev/null
+++ b/demo/ayu_mirage/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.92%</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 12.81%</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.78%</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.76%</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.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2430" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#1f2430" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#1f2430" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#1f2430" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#f4cd7c" stroke="#1f2430" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/ayu_mirage/productive-time-all-time.svg b/demo/ayu_mirage/productive-time-all-time.svg
new file mode 100644
index 00000000..082352de
--- /dev/null
+++ b/demo/ayu_mirage/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (all time, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#73d0ff"/>
+  <text x="29" y="48" font-size="10" fill="#73d0ff" text-anchor="end">300</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#73d0ff"/>
+  <text x="113" y="171" font-size="10" fill="#73d0ff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#73d0ff"/>
+  <text x="186" y="171" font-size="10" fill="#73d0ff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#73d0ff"/>
+  <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="137.03" width="11.12" height="17.97" rx="2" fill="#f4cd7c"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#f4cd7c"><title>09:00 — 120 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>
+  <text x="180" y="189" font-size="11" fill="#73d0ff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/ayu_mirage/productive-time.svg b/demo/ayu_mirage/productive-time.svg
new file mode 100644
index 00000000..e1bf5605
--- /dev/null
+++ b/demo/ayu_mirage/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (last year, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#73d0ff"/>
+  <text x="29" y="48" font-size="10" fill="#73d0ff" text-anchor="end">200</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#73d0ff"/>
+  <text x="113" y="171" font-size="10" fill="#73d0ff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#73d0ff"/>
+  <text x="186" y="171" font-size="10" fill="#73d0ff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#73d0ff"/>
+  <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="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="136.85" width="11.12" height="18.15" rx="2" fill="#f4cd7c"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#f4cd7c"><title>09:00 — 95 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>
+  <text x="180" y="189" font-size="11" fill="#73d0ff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/ayu_mirage/profile-details.svg b/demo/ayu_mirage/profile-details.svg
new file mode 100644
index 00000000..c67830f4
--- /dev/null
+++ b/demo/ayu_mirage/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#c7c8c2">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#c7c8c2">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#c7c8c2">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#c7c8c2">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#c7c8c2">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#c7c8c2">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/ayu_mirage/repos-per-language.svg b/demo/ayu_mirage/repos-per-language.svg
new file mode 100644
index 00000000..bd5c72e5
--- /dev/null
+++ b/demo/ayu_mirage/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Repos Per Language</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 22.45%</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 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#1f2430" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#c7c8c2">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#1f2430" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#c7c8c2">Python 10.20%</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 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2430" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#1f2430" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#1f2430" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#1f2430" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#f4cd7c" stroke="#1f2430" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/ayu_mirage/stats.svg b/demo/ayu_mirage/stats.svg
new file mode 100644
index 00000000..b4efd315
--- /dev/null
+++ b/demo/ayu_mirage/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#c7c8c2">Total Stars</text>
+  <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,136</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,764</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">74</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>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#c7c8c2">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#f4cd7c" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#73d0ff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#c7c8c2">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#f4cd7c" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/bear/contributions-all-time.svg b/demo/bear/contributions-all-time.svg
new file mode 100644
index 00000000..8522ceef
--- /dev/null
+++ b/demo/bear/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#00aeff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#00aeff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#00aeff"/>
+  <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="45" x2="28" y2="45" stroke="#00aeff"/>
+  <text x="22" y="48" font-size="10" fill="#00aeff" text-anchor="end">500</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>
+  <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>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#00aeff"/>
+  <text x="82" y="166" font-size="10" fill="#00aeff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#00aeff"/>
+  <text x="137" y="166" font-size="10" fill="#00aeff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#00aeff"/>
+  <text x="191" y="166" font-size="10" fill="#00aeff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#00aeff"/>
+  <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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#e03c8a" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#00aeff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/bear/contributions.svg b/demo/bear/contributions.svg
new file mode 100644
index 00000000..6d21c58b
--- /dev/null
+++ b/demo/bear/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#00aeff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#00aeff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#00aeff"/>
+  <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="45" x2="28" y2="45" stroke="#00aeff"/>
+  <text x="22" y="48" font-size="10" fill="#00aeff" text-anchor="end">500</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>
+  <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>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#00aeff"/>
+  <text x="75" y="166" font-size="10" fill="#00aeff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#00aeff"/>
+  <text x="122" y="166" font-size="10" fill="#00aeff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#00aeff"/>
+  <text x="170" y="166" font-size="10" fill="#00aeff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#00aeff"/>
+  <text x="217" y="166" font-size="10" fill="#00aeff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#00aeff"/>
+  <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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#e03c8a" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#00aeff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/bear/most-commit-language-all-time.svg b/demo/bear/most-commit-language-all-time.svg
new file mode 100644
index 00000000..85b881be
--- /dev/null
+++ b/demo/bear/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.61%</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.83%</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.79%</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.16%</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.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2023" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#1f2023" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#1f2023" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#1f2023" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#e03c8a" stroke="#1f2023" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/bear/most-commit-language.svg b/demo/bear/most-commit-language.svg
new file mode 100644
index 00000000..5913876b
--- /dev/null
+++ b/demo/bear/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.92%</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 12.81%</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.78%</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.76%</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.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2023" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#1f2023" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#1f2023" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#1f2023" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#e03c8a" stroke="#1f2023" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/bear/productive-time-all-time.svg b/demo/bear/productive-time-all-time.svg
new file mode 100644
index 00000000..effdf389
--- /dev/null
+++ b/demo/bear/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (all time, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#00aeff"/>
+  <text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">300</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#00aeff"/>
+  <text x="113" y="171" font-size="10" fill="#00aeff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#00aeff"/>
+  <text x="186" y="171" font-size="10" fill="#00aeff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#00aeff"/>
+  <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="137.03" width="11.12" height="17.97" rx="2" fill="#e03c8a"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#e03c8a"><title>09:00 — 120 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>
+  <text x="180" y="189" font-size="11" fill="#00aeff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/bear/productive-time.svg b/demo/bear/productive-time.svg
new file mode 100644
index 00000000..e5713a1c
--- /dev/null
+++ b/demo/bear/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (last year, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#00aeff"/>
+  <text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">200</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#00aeff"/>
+  <text x="113" y="171" font-size="10" fill="#00aeff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#00aeff"/>
+  <text x="186" y="171" font-size="10" fill="#00aeff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#00aeff"/>
+  <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="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="136.85" width="11.12" height="18.15" rx="2" fill="#e03c8a"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#e03c8a"><title>09:00 — 95 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>
+  <text x="180" y="189" font-size="11" fill="#00aeff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/bear/profile-details.svg b/demo/bear/profile-details.svg
new file mode 100644
index 00000000..9cbd3db9
--- /dev/null
+++ b/demo/bear/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#bcb28d">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#bcb28d">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#bcb28d">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#bcb28d">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#bcb28d">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#bcb28d">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/bear/repos-per-language.svg b/demo/bear/repos-per-language.svg
new file mode 100644
index 00000000..d31cf22d
--- /dev/null
+++ b/demo/bear/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Repos Per Language</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 22.45%</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 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#1f2023" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#bcb28d">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#1f2023" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#bcb28d">Python 10.20%</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 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1f2023" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#1f2023" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#1f2023" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#1f2023" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#e03c8a" stroke="#1f2023" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/bear/stats.svg b/demo/bear/stats.svg
new file mode 100644
index 00000000..20f5ac71
--- /dev/null
+++ b/demo/bear/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#bcb28d">Total Stars</text>
+  <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,136</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,764</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">74</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>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#bcb28d">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#e03c8a" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#bcb28d">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#e03c8a" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/blue_green/contributions-all-time.svg b/demo/blue_green/contributions-all-time.svg
new file mode 100644
index 00000000..8c752d7c
--- /dev/null
+++ b/demo/blue_green/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#f5b700"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#f5b700"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#f5b700"/>
+  <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="45" x2="28" y2="45" stroke="#f5b700"/>
+  <text x="22" y="48" font-size="10" fill="#f5b700" text-anchor="end">500</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>
+  <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>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#f5b700"/>
+  <text x="82" y="166" font-size="10" fill="#f5b700" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#f5b700"/>
+  <text x="137" y="166" font-size="10" fill="#f5b700" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#f5b700"/>
+  <text x="191" y="166" font-size="10" fill="#f5b700" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#f5b700"/>
+  <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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#2f97c1" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#f5b700" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/blue_green/contributions.svg b/demo/blue_green/contributions.svg
new file mode 100644
index 00000000..88a12f3b
--- /dev/null
+++ b/demo/blue_green/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#f5b700"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#f5b700"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#f5b700"/>
+  <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="45" x2="28" y2="45" stroke="#f5b700"/>
+  <text x="22" y="48" font-size="10" fill="#f5b700" text-anchor="end">500</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>
+  <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>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#f5b700"/>
+  <text x="75" y="166" font-size="10" fill="#f5b700" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#f5b700"/>
+  <text x="122" y="166" font-size="10" fill="#f5b700" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#f5b700"/>
+  <text x="170" y="166" font-size="10" fill="#f5b700" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#f5b700"/>
+  <text x="217" y="166" font-size="10" fill="#f5b700" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#f5b700"/>
+  <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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#2f97c1" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#f5b700" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/blue_green/most-commit-language-all-time.svg b/demo/blue_green/most-commit-language-all-time.svg
new file mode 100644
index 00000000..7fe7462a
--- /dev/null
+++ b/demo/blue_green/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.61%</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.83%</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.79%</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.16%</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.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#040f0f" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#040f0f" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#040f0f" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#040f0f" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#2f97c1" stroke="#040f0f" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/blue_green/most-commit-language.svg b/demo/blue_green/most-commit-language.svg
new file mode 100644
index 00000000..1e3565f6
--- /dev/null
+++ b/demo/blue_green/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.92%</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 12.81%</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.78%</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.76%</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.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#040f0f" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#040f0f" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#040f0f" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#040f0f" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#2f97c1" stroke="#040f0f" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/blue_green/productive-time-all-time.svg b/demo/blue_green/productive-time-all-time.svg
new file mode 100644
index 00000000..f10c697e
--- /dev/null
+++ b/demo/blue_green/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (all time, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#f5b700"/>
+  <text x="29" y="48" font-size="10" fill="#f5b700" text-anchor="end">300</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#f5b700"/>
+  <text x="113" y="171" font-size="10" fill="#f5b700" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#f5b700"/>
+  <text x="186" y="171" font-size="10" fill="#f5b700" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#f5b700"/>
+  <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="137.03" width="11.12" height="17.97" rx="2" fill="#2f97c1"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#2f97c1"><title>09:00 — 120 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>
+  <text x="180" y="189" font-size="11" fill="#f5b700" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/blue_green/productive-time.svg b/demo/blue_green/productive-time.svg
new file mode 100644
index 00000000..cd025170
--- /dev/null
+++ b/demo/blue_green/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (last year, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#f5b700"/>
+  <text x="29" y="48" font-size="10" fill="#f5b700" text-anchor="end">200</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#f5b700"/>
+  <text x="113" y="171" font-size="10" fill="#f5b700" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#f5b700"/>
+  <text x="186" y="171" font-size="10" fill="#f5b700" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#f5b700"/>
+  <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="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="136.85" width="11.12" height="18.15" rx="2" fill="#2f97c1"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#2f97c1"><title>09:00 — 95 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>
+  <text x="180" y="189" font-size="11" fill="#f5b700" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/blue_green/profile-details.svg b/demo/blue_green/profile-details.svg
new file mode 100644
index 00000000..f41214b0
--- /dev/null
+++ b/demo/blue_green/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#0cf574">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#0cf574">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#0cf574">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#0cf574">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#0cf574">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#0cf574">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/blue_green/repos-per-language.svg b/demo/blue_green/repos-per-language.svg
new file mode 100644
index 00000000..73e13440
--- /dev/null
+++ b/demo/blue_green/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Repos Per Language</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 22.45%</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 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#040f0f" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#0cf574">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#040f0f" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#0cf574">Python 10.20%</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 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#040f0f" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#040f0f" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#040f0f" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#040f0f" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#2f97c1" stroke="#040f0f" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/blue_green/stats.svg b/demo/blue_green/stats.svg
new file mode 100644
index 00000000..3de1e6c8
--- /dev/null
+++ b/demo/blue_green/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#0cf574">Total Stars</text>
+  <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,136</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,764</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">74</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>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#0cf574">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#2f97c1" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#f5b700"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#0cf574">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#2f97c1" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/blueberry/contributions-all-time.svg b/demo/blueberry/contributions-all-time.svg
new file mode 100644
index 00000000..3f097bfc
--- /dev/null
+++ b/demo/blueberry/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#89ddff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#89ddff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#89ddff"/>
+  <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="45" x2="28" y2="45" stroke="#89ddff"/>
+  <text x="22" y="48" font-size="10" fill="#89ddff" text-anchor="end">500</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>
+  <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>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#89ddff"/>
+  <text x="82" y="166" font-size="10" fill="#89ddff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#89ddff"/>
+  <text x="137" y="166" font-size="10" fill="#89ddff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#89ddff"/>
+  <text x="191" y="166" font-size="10" fill="#89ddff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#89ddff"/>
+  <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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#82aaff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#89ddff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/blueberry/contributions.svg b/demo/blueberry/contributions.svg
new file mode 100644
index 00000000..483efd5b
--- /dev/null
+++ b/demo/blueberry/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#89ddff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#89ddff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#89ddff"/>
+  <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="45" x2="28" y2="45" stroke="#89ddff"/>
+  <text x="22" y="48" font-size="10" fill="#89ddff" text-anchor="end">500</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>
+  <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>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#89ddff"/>
+  <text x="75" y="166" font-size="10" fill="#89ddff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#89ddff"/>
+  <text x="122" y="166" font-size="10" fill="#89ddff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#89ddff"/>
+  <text x="170" y="166" font-size="10" fill="#89ddff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#89ddff"/>
+  <text x="217" y="166" font-size="10" fill="#89ddff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#89ddff"/>
+  <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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#82aaff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#89ddff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/blueberry/most-commit-language-all-time.svg b/demo/blueberry/most-commit-language-all-time.svg
new file mode 100644
index 00000000..83ab4387
--- /dev/null
+++ b/demo/blueberry/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.61%</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.83%</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.79%</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.16%</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.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#242938" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#242938" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#242938" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#242938" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#82aaff" stroke="#242938" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/blueberry/most-commit-language.svg b/demo/blueberry/most-commit-language.svg
new file mode 100644
index 00000000..4f4411b3
--- /dev/null
+++ b/demo/blueberry/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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.92%</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 12.81%</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.78%</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.76%</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.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#242938" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#242938" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#242938" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#242938" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#82aaff" stroke="#242938" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/blueberry/productive-time-all-time.svg b/demo/blueberry/productive-time-all-time.svg
new file mode 100644
index 00000000..70741e0d
--- /dev/null
+++ b/demo/blueberry/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (all time, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#89ddff"/>
+  <text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">300</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#89ddff"/>
+  <text x="113" y="171" font-size="10" fill="#89ddff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#89ddff"/>
+  <text x="186" y="171" font-size="10" fill="#89ddff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#89ddff"/>
+  <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="137.03" width="11.12" height="17.97" rx="2" fill="#82aaff"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#82aaff"><title>09:00 — 120 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>
+  <text x="180" y="189" font-size="11" fill="#89ddff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/blueberry/productive-time.svg b/demo/blueberry/productive-time.svg
new file mode 100644
index 00000000..594dce56
--- /dev/null
+++ b/demo/blueberry/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Commits by Hour (last year, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#89ddff"/>
+  <text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">200</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#89ddff"/>
+  <text x="113" y="171" font-size="10" fill="#89ddff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#89ddff"/>
+  <text x="186" y="171" font-size="10" fill="#89ddff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#89ddff"/>
+  <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="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="136.85" width="11.12" height="18.15" rx="2" fill="#82aaff"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#82aaff"><title>09:00 — 95 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>
+  <text x="180" y="189" font-size="11" fill="#89ddff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/blueberry/profile-details.svg b/demo/blueberry/profile-details.svg
new file mode 100644
index 00000000..645b7ee2
--- /dev/null
+++ b/demo/blueberry/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#27e8a7">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#27e8a7">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#27e8a7">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#27e8a7">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#27e8a7">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#27e8a7">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/blueberry/repos-per-language.svg b/demo/blueberry/repos-per-language.svg
new file mode 100644
index 00000000..5f01f95e
--- /dev/null
+++ b/demo/blueberry/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Repos Per Language</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 22.45%</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 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#242938" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#27e8a7">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#242938" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#27e8a7">Python 10.20%</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 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#242938" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#242938" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#242938" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#242938" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#82aaff" stroke="#242938" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/blueberry/stats.svg b/demo/blueberry/stats.svg
new file mode 100644
index 00000000..fa1bbb64
--- /dev/null
+++ b/demo/blueberry/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#27e8a7">Total Stars</text>
+  <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,136</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,764</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">74</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>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#27e8a7">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#82aaff" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#27e8a7">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#82aaff" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/buefy/contributions-all-time.svg b/demo/buefy/contributions-all-time.svg
new file mode 100644
index 00000000..ed5058c1
--- /dev/null
+++ b/demo/buefy/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7957d5">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ff3860"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ff3860"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ff3860"/>
+  <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="45" x2="28" y2="45" stroke="#ff3860"/>
+  <text x="22" y="48" font-size="10" fill="#ff3860" text-anchor="end">500</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>
+  <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>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ff3860"/>
+  <text x="82" y="166" font-size="10" fill="#ff3860" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ff3860"/>
+  <text x="137" y="166" font-size="10" fill="#ff3860" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ff3860"/>
+  <text x="191" y="166" font-size="10" fill="#ff3860" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ff3860"/>
+  <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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#7957d5" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ff3860" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/buefy/contributions.svg b/demo/buefy/contributions.svg
new file mode 100644
index 00000000..c8862375
--- /dev/null
+++ b/demo/buefy/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7957d5">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ff3860"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ff3860"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ff3860"/>
+  <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="45" x2="28" y2="45" stroke="#ff3860"/>
+  <text x="22" y="48" font-size="10" fill="#ff3860" text-anchor="end">500</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>
+  <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">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ff3860"/>
+  <text x="75" y="166" font-size="10" fill="#ff3860" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ff3860"/>
+  <text x="122" y="166" font-size="10" fill="#ff3860" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ff3860"/>
+  <text x="170" y="166" font-size="10" fill="#ff3860" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ff3860"/>
+  <text x="217" y="166" font-size="10" fill="#ff3860" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ff3860"/>
+  <text x="264" y="166" font-size="10" fill="#ff3860" text-anchor="middle">02/26</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,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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#7957d5" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#7957d5" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ff3860" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/buefy/most-commit-language-all-time.svg b/demo/buefy/most-commit-language-all-time.svg
new file mode 100644
index 00000000..df3d28cd
--- /dev/null
+++ b/demo/buefy/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7957d5">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#363636">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#363636">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#363636">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#363636">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#7957d5" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#363636">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#7957d5" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/buefy/most-commit-language.svg b/demo/buefy/most-commit-language.svg
new file mode 100644
index 00000000..c82c9611
--- /dev/null
+++ b/demo/buefy/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7957d5">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#363636">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#363636">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#363636">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#363636">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#7957d5" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#363636">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#7957d5" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/buefy/productive-time-all-time.svg b/demo/buefy/productive-time-all-time.svg
new file mode 100644
index 00000000..26391623
--- /dev/null
+++ b/demo/buefy/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7957d5">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ff3860"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ff3860"/>
+  <text x="29" y="158" font-size="10" fill="#ff3860" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#ff3860"/>
+  <text x="29" y="140" font-size="10" fill="#ff3860" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#ff3860"/>
+  <text x="29" y="122" font-size="10" fill="#ff3860" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ff3860"/>
+  <text x="29" y="103" font-size="10" fill="#ff3860" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#ff3860"/>
+  <text x="29" y="85" font-size="10" fill="#ff3860" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#ff3860"/>
+  <text x="29" y="67" font-size="10" fill="#ff3860" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ff3860"/>
+  <text x="29" y="48" font-size="10" fill="#ff3860" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ff3860"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ff3860"/>
+  <text x="40" y="171" font-size="10" fill="#ff3860" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ff3860"/>
+  <text x="113" y="171" font-size="10" fill="#ff3860" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ff3860"/>
+  <text x="186" y="171" font-size="10" fill="#ff3860" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ff3860"/>
+  <text x="258" y="171" font-size="10" fill="#ff3860" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ff3860"/>
+  <text x="319" y="171" font-size="10" fill="#ff3860" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#7957d5"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#7957d5"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#7957d5"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#7957d5"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#7957d5"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#7957d5"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#7957d5"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#7957d5"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#7957d5"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#7957d5"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#7957d5"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#7957d5"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#7957d5"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#7957d5"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#7957d5"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#7957d5"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#7957d5"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#7957d5"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#7957d5"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#7957d5"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#7957d5"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#7957d5"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#7957d5"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#7957d5"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ff3860" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/buefy/productive-time.svg b/demo/buefy/productive-time.svg
new file mode 100644
index 00000000..eca0bf42
--- /dev/null
+++ b/demo/buefy/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7957d5">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ff3860"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ff3860"/>
+  <text x="29" y="158" font-size="10" fill="#ff3860" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#ff3860"/>
+  <text x="29" y="131" font-size="10" fill="#ff3860" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ff3860"/>
+  <text x="29" y="103" font-size="10" fill="#ff3860" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#ff3860"/>
+  <text x="29" y="76" font-size="10" fill="#ff3860" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ff3860"/>
+  <text x="29" y="48" font-size="10" fill="#ff3860" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ff3860"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ff3860"/>
+  <text x="40" y="171" font-size="10" fill="#ff3860" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ff3860"/>
+  <text x="113" y="171" font-size="10" fill="#ff3860" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ff3860"/>
+  <text x="186" y="171" font-size="10" fill="#ff3860" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ff3860"/>
+  <text x="258" y="171" font-size="10" fill="#ff3860" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ff3860"/>
+  <text x="319" y="171" font-size="10" fill="#ff3860" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#7957d5"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#7957d5"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#7957d5"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#7957d5"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#7957d5"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#7957d5"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#7957d5"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#7957d5"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#7957d5"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#7957d5"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#7957d5"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#7957d5"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#7957d5"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#7957d5"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#7957d5"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#7957d5"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#7957d5"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#7957d5"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#7957d5"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#7957d5"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#7957d5"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#7957d5"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#7957d5"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#7957d5"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ff3860" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/buefy/profile-details.svg b/demo/buefy/profile-details.svg
new file mode 100644
index 00000000..82ce41d9
--- /dev/null
+++ b/demo/buefy/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7957d5">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ff3860"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#363636">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ff3860"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#363636">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ff3860"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#363636">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ff3860"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#363636">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ff3860"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#363636">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ff3860"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#363636">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/buefy/repos-per-language.svg b/demo/buefy/repos-per-language.svg
new file mode 100644
index 00000000..b8a85b84
--- /dev/null
+++ b/demo/buefy/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7957d5">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#363636">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#363636">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#363636">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#363636">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#7957d5" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#363636">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#7957d5" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/buefy/stats.svg b/demo/buefy/stats.svg
new file mode 100644
index 00000000..ea582bbb
--- /dev/null
+++ b/demo/buefy/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7957d5">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ff3860"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#363636">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#7957d5" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#ff3860"><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="#363636">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#7957d5" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#ff3860"><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="#363636">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#7957d5" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#ff3860"><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="#363636">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#7957d5" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#ff3860"><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="#363636">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#7957d5" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ff3860"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#363636">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#7957d5" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ff3860"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#363636">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#7957d5" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/calm/contributions-all-time.svg b/demo/calm/contributions-all-time.svg
new file mode 100644
index 00000000..083bb7fb
--- /dev/null
+++ b/demo/calm/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#373f51" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e07a5f">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#edae49"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#edae49"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#edae49"/>
+  <text x="22" y="153" font-size="10" fill="#edae49" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#edae49"/>
+  <text x="318" y="153" font-size="10" fill="#edae49" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#edae49"/>
+  <text x="22" y="132" font-size="10" fill="#edae49" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#edae49"/>
+  <text x="318" y="132" font-size="10" fill="#edae49" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#edae49"/>
+  <text x="22" y="111" font-size="10" fill="#edae49" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#edae49"/>
+  <text x="318" y="111" font-size="10" fill="#edae49" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#edae49"/>
+  <text x="22" y="90" font-size="10" fill="#edae49" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#edae49"/>
+  <text x="318" y="90" font-size="10" fill="#edae49" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#edae49"/>
+  <text x="22" y="69" font-size="10" fill="#edae49" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#edae49"/>
+  <text x="318" y="69" font-size="10" fill="#edae49" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#edae49"/>
+  <text x="22" y="48" font-size="10" fill="#edae49" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#edae49"/>
+  <text x="318" y="48" font-size="10" fill="#edae49" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#edae49"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#edae49"/>
+  <text x="28" y="166" font-size="10" fill="#edae49" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#edae49"/>
+  <text x="82" y="166" font-size="10" fill="#edae49" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#edae49"/>
+  <text x="137" y="166" font-size="10" fill="#edae49" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#edae49"/>
+  <text x="191" y="166" font-size="10" fill="#edae49" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#edae49"/>
+  <text x="246" y="166" font-size="10" fill="#edae49" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#edae49"/>
+  <text x="312" y="166" font-size="10" fill="#edae49" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#e07a5f" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#e07a5f" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#edae49" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/calm/contributions.svg b/demo/calm/contributions.svg
new file mode 100644
index 00000000..b981d8c6
--- /dev/null
+++ b/demo/calm/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#373f51" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e07a5f">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#edae49"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#edae49"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#edae49"/>
+  <text x="22" y="153" font-size="10" fill="#edae49" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#edae49"/>
+  <text x="318" y="153" font-size="10" fill="#edae49" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#edae49"/>
+  <text x="22" y="132" font-size="10" fill="#edae49" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#edae49"/>
+  <text x="318" y="132" font-size="10" fill="#edae49" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#edae49"/>
+  <text x="22" y="111" font-size="10" fill="#edae49" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#edae49"/>
+  <text x="318" y="111" font-size="10" fill="#edae49" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#edae49"/>
+  <text x="22" y="90" font-size="10" fill="#edae49" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#edae49"/>
+  <text x="318" y="90" font-size="10" fill="#edae49" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#edae49"/>
+  <text x="22" y="69" font-size="10" fill="#edae49" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#edae49"/>
+  <text x="318" y="69" font-size="10" fill="#edae49" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#edae49"/>
+  <text x="22" y="48" font-size="10" fill="#edae49" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#edae49"/>
+  <text x="318" y="48" font-size="10" fill="#edae49" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#edae49"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#edae49"/>
+  <text x="28" y="166" font-size="10" fill="#edae49" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#edae49"/>
+  <text x="75" y="166" font-size="10" fill="#edae49" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#edae49"/>
+  <text x="122" y="166" font-size="10" fill="#edae49" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#edae49"/>
+  <text x="170" y="166" font-size="10" fill="#edae49" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#edae49"/>
+  <text x="217" y="166" font-size="10" fill="#edae49" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#edae49"/>
+  <text x="264" y="166" font-size="10" fill="#edae49" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#edae49"/>
+  <text x="312" y="166" font-size="10" fill="#edae49" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#e07a5f" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#e07a5f" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#edae49" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/calm/most-commit-language-all-time.svg b/demo/calm/most-commit-language-all-time.svg
new file mode 100644
index 00000000..aac1301f
--- /dev/null
+++ b/demo/calm/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#373f51" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e07a5f">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ebcfb2">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ebcfb2">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ebcfb2">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ebcfb2">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e07a5f" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ebcfb2">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#373f51" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#373f51" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#373f51" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#373f51" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#e07a5f" stroke="#373f51" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/calm/most-commit-language.svg b/demo/calm/most-commit-language.svg
new file mode 100644
index 00000000..70d41af0
--- /dev/null
+++ b/demo/calm/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#373f51" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e07a5f">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ebcfb2">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ebcfb2">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ebcfb2">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ebcfb2">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e07a5f" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ebcfb2">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#373f51" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#373f51" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#373f51" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#373f51" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#e07a5f" stroke="#373f51" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/calm/productive-time-all-time.svg b/demo/calm/productive-time-all-time.svg
new file mode 100644
index 00000000..c0923236
--- /dev/null
+++ b/demo/calm/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#373f51" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e07a5f">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#edae49"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#edae49"/>
+  <text x="29" y="158" font-size="10" fill="#edae49" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#edae49"/>
+  <text x="29" y="140" font-size="10" fill="#edae49" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#edae49"/>
+  <text x="29" y="122" font-size="10" fill="#edae49" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#edae49"/>
+  <text x="29" y="103" font-size="10" fill="#edae49" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#edae49"/>
+  <text x="29" y="85" font-size="10" fill="#edae49" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#edae49"/>
+  <text x="29" y="67" font-size="10" fill="#edae49" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#edae49"/>
+  <text x="29" y="48" font-size="10" fill="#edae49" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#edae49"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#edae49"/>
+  <text x="40" y="171" font-size="10" fill="#edae49" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#edae49"/>
+  <text x="113" y="171" font-size="10" fill="#edae49" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#edae49"/>
+  <text x="186" y="171" font-size="10" fill="#edae49" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#edae49"/>
+  <text x="258" y="171" font-size="10" fill="#edae49" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#edae49"/>
+  <text x="319" y="171" font-size="10" fill="#edae49" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#e07a5f"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#e07a5f"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#e07a5f"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#e07a5f"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#e07a5f"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#e07a5f"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#e07a5f"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#e07a5f"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#e07a5f"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#e07a5f"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#e07a5f"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#e07a5f"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#e07a5f"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#e07a5f"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#e07a5f"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#e07a5f"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#e07a5f"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#e07a5f"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#e07a5f"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#e07a5f"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#e07a5f"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#e07a5f"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#e07a5f"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#e07a5f"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#edae49" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/calm/productive-time.svg b/demo/calm/productive-time.svg
new file mode 100644
index 00000000..1d711c73
--- /dev/null
+++ b/demo/calm/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#373f51" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e07a5f">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#edae49"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#edae49"/>
+  <text x="29" y="158" font-size="10" fill="#edae49" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#edae49"/>
+  <text x="29" y="131" font-size="10" fill="#edae49" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#edae49"/>
+  <text x="29" y="103" font-size="10" fill="#edae49" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#edae49"/>
+  <text x="29" y="76" font-size="10" fill="#edae49" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#edae49"/>
+  <text x="29" y="48" font-size="10" fill="#edae49" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#edae49"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#edae49"/>
+  <text x="40" y="171" font-size="10" fill="#edae49" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#edae49"/>
+  <text x="113" y="171" font-size="10" fill="#edae49" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#edae49"/>
+  <text x="186" y="171" font-size="10" fill="#edae49" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#edae49"/>
+  <text x="258" y="171" font-size="10" fill="#edae49" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#edae49"/>
+  <text x="319" y="171" font-size="10" fill="#edae49" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#e07a5f"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#e07a5f"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#e07a5f"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#e07a5f"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#e07a5f"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#e07a5f"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#e07a5f"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#e07a5f"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#e07a5f"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#e07a5f"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#e07a5f"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#e07a5f"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#e07a5f"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#e07a5f"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#e07a5f"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#e07a5f"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#e07a5f"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#e07a5f"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#e07a5f"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#e07a5f"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#e07a5f"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#e07a5f"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#e07a5f"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#e07a5f"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#edae49" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/calm/profile-details.svg b/demo/calm/profile-details.svg
new file mode 100644
index 00000000..6b20f12f
--- /dev/null
+++ b/demo/calm/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#373f51" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e07a5f">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#edae49"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ebcfb2">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#edae49"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ebcfb2">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#edae49"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ebcfb2">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#edae49"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ebcfb2">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#edae49"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ebcfb2">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#edae49"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ebcfb2">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/calm/repos-per-language.svg b/demo/calm/repos-per-language.svg
new file mode 100644
index 00000000..aa8b7b83
--- /dev/null
+++ b/demo/calm/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#373f51" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e07a5f">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ebcfb2">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ebcfb2">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ebcfb2">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ebcfb2">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e07a5f" stroke="#373f51" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ebcfb2">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#373f51" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#373f51" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#373f51" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#373f51" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#e07a5f" stroke="#373f51" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/calm/stats.svg b/demo/calm/stats.svg
new file mode 100644
index 00000000..e945b678
--- /dev/null
+++ b/demo/calm/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#373f51" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e07a5f">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#edae49"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ebcfb2">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#e07a5f" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#edae49"><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="#ebcfb2">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#e07a5f" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#edae49"><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="#ebcfb2">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#e07a5f" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#edae49"><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="#ebcfb2">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#e07a5f" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#edae49"><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="#ebcfb2">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#e07a5f" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#edae49"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ebcfb2">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#e07a5f" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#edae49"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ebcfb2">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#e07a5f" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/chartreuse_dark/contributions-all-time.svg b/demo/chartreuse_dark/contributions-all-time.svg
new file mode 100644
index 00000000..0a4d6b74
--- /dev/null
+++ b/demo/chartreuse_dark/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7fff00">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#00aeff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#00aeff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#00aeff"/>
+  <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="45" x2="28" y2="45" stroke="#00aeff"/>
+  <text x="22" y="48" font-size="10" fill="#00aeff" text-anchor="end">500</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>
+  <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>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#00aeff"/>
+  <text x="82" y="166" font-size="10" fill="#00aeff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#00aeff"/>
+  <text x="137" y="166" font-size="10" fill="#00aeff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#00aeff"/>
+  <text x="191" y="166" font-size="10" fill="#00aeff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#00aeff"/>
+  <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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#7fff00" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#7fff00" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#00aeff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/chartreuse_dark/contributions.svg b/demo/chartreuse_dark/contributions.svg
new file mode 100644
index 00000000..452033fa
--- /dev/null
+++ b/demo/chartreuse_dark/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7fff00">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#00aeff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#00aeff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#00aeff"/>
+  <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="45" x2="28" y2="45" stroke="#00aeff"/>
+  <text x="22" y="48" font-size="10" fill="#00aeff" text-anchor="end">500</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>
+  <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>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#00aeff"/>
+  <text x="75" y="166" font-size="10" fill="#00aeff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#00aeff"/>
+  <text x="122" y="166" font-size="10" fill="#00aeff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#00aeff"/>
+  <text x="170" y="166" font-size="10" fill="#00aeff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#00aeff"/>
+  <text x="217" y="166" font-size="10" fill="#00aeff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#00aeff"/>
+  <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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#7fff00" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#7fff00" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#00aeff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/chartreuse_dark/most-commit-language-all-time.svg b/demo/chartreuse_dark/most-commit-language-all-time.svg
new file mode 100644
index 00000000..fb1425d9
--- /dev/null
+++ b/demo/chartreuse_dark/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7fff00">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#7fff00" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#000000" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#7fff00" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/chartreuse_dark/most-commit-language.svg b/demo/chartreuse_dark/most-commit-language.svg
new file mode 100644
index 00000000..186e4859
--- /dev/null
+++ b/demo/chartreuse_dark/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7fff00">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#7fff00" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#000000" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#7fff00" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/chartreuse_dark/productive-time-all-time.svg b/demo/chartreuse_dark/productive-time-all-time.svg
new file mode 100644
index 00000000..30e090dd
--- /dev/null
+++ b/demo/chartreuse_dark/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7fff00">Commits by Hour (all time, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#00aeff"/>
+  <text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">300</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#00aeff"/>
+  <text x="113" y="171" font-size="10" fill="#00aeff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#00aeff"/>
+  <text x="186" y="171" font-size="10" fill="#00aeff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#00aeff"/>
+  <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="#7fff00"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#7fff00"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#7fff00"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#7fff00"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#7fff00"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#7fff00"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#7fff00"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#7fff00"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#7fff00"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#7fff00"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#7fff00"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#7fff00"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#7fff00"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#7fff00"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#7fff00"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#7fff00"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#7fff00"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#7fff00"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#7fff00"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#7fff00"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#7fff00"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#7fff00"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#7fff00"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#7fff00"><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>
\ No newline at end of file
diff --git a/demo/chartreuse_dark/productive-time.svg b/demo/chartreuse_dark/productive-time.svg
new file mode 100644
index 00000000..cbcdfaa7
--- /dev/null
+++ b/demo/chartreuse_dark/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7fff00">Commits by Hour (last year, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#00aeff"/>
+  <text x="29" y="48" font-size="10" fill="#00aeff" text-anchor="end">200</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#00aeff"/>
+  <text x="113" y="171" font-size="10" fill="#00aeff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#00aeff"/>
+  <text x="186" y="171" font-size="10" fill="#00aeff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#00aeff"/>
+  <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="#7fff00"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#7fff00"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#7fff00"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#7fff00"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#7fff00"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#7fff00"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#7fff00"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#7fff00"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#7fff00"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#7fff00"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#7fff00"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#7fff00"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#7fff00"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#7fff00"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#7fff00"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#7fff00"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#7fff00"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#7fff00"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#7fff00"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#7fff00"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#7fff00"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#7fff00"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#7fff00"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#7fff00"><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>
\ No newline at end of file
diff --git a/demo/chartreuse_dark/profile-details.svg b/demo/chartreuse_dark/profile-details.svg
new file mode 100644
index 00000000..e2ae3c05
--- /dev/null
+++ b/demo/chartreuse_dark/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7fff00">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffffff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffffff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffffff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffffff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffffff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffffff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/chartreuse_dark/repos-per-language.svg b/demo/chartreuse_dark/repos-per-language.svg
new file mode 100644
index 00000000..de8918cb
--- /dev/null
+++ b/demo/chartreuse_dark/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7fff00">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#7fff00" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#000000" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#7fff00" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/chartreuse_dark/stats.svg b/demo/chartreuse_dark/stats.svg
new file mode 100644
index 00000000..1e737f12
--- /dev/null
+++ b/demo/chartreuse_dark/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7fff00">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffffff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#7fff00" 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="#ffffff">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#7fff00" text-anchor="end">3,136</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="#ffffff">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#7fff00" text-anchor="end">1,764</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="#ffffff">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#7fff00" text-anchor="end">74</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="#ffffff">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#7fff00" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffffff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#7fff00" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#00aeff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffffff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#7fff00" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/city_lights/contributions-all-time.svg b/demo/city_lights/contributions-all-time.svg
new file mode 100644
index 00000000..ded9fc05
--- /dev/null
+++ b/demo/city_lights/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1d252c" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5d8cb3">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#4798ff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#4798ff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#4798ff"/>
+  <text x="22" y="153" font-size="10" fill="#4798ff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#4798ff"/>
+  <text x="318" y="153" font-size="10" fill="#4798ff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#4798ff"/>
+  <text x="22" y="132" font-size="10" fill="#4798ff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#4798ff"/>
+  <text x="318" y="132" font-size="10" fill="#4798ff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#4798ff"/>
+  <text x="22" y="111" font-size="10" fill="#4798ff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#4798ff"/>
+  <text x="318" y="111" font-size="10" fill="#4798ff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#4798ff"/>
+  <text x="22" y="90" font-size="10" fill="#4798ff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#4798ff"/>
+  <text x="318" y="90" font-size="10" fill="#4798ff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#4798ff"/>
+  <text x="22" y="69" font-size="10" fill="#4798ff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#4798ff"/>
+  <text x="318" y="69" font-size="10" fill="#4798ff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#4798ff"/>
+  <text x="22" y="48" font-size="10" fill="#4798ff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#4798ff"/>
+  <text x="318" y="48" font-size="10" fill="#4798ff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#4798ff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#4798ff"/>
+  <text x="28" y="166" font-size="10" fill="#4798ff" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#4798ff"/>
+  <text x="82" y="166" font-size="10" fill="#4798ff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#4798ff"/>
+  <text x="137" y="166" font-size="10" fill="#4798ff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#4798ff"/>
+  <text x="191" y="166" font-size="10" fill="#4798ff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#4798ff"/>
+  <text x="246" y="166" font-size="10" fill="#4798ff" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#4798ff"/>
+  <text x="312" y="166" font-size="10" fill="#4798ff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#5d8cb3" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#5d8cb3" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#4798ff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/city_lights/contributions.svg b/demo/city_lights/contributions.svg
new file mode 100644
index 00000000..8d898316
--- /dev/null
+++ b/demo/city_lights/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1d252c" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5d8cb3">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#4798ff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#4798ff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#4798ff"/>
+  <text x="22" y="153" font-size="10" fill="#4798ff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#4798ff"/>
+  <text x="318" y="153" font-size="10" fill="#4798ff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#4798ff"/>
+  <text x="22" y="132" font-size="10" fill="#4798ff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#4798ff"/>
+  <text x="318" y="132" font-size="10" fill="#4798ff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#4798ff"/>
+  <text x="22" y="111" font-size="10" fill="#4798ff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#4798ff"/>
+  <text x="318" y="111" font-size="10" fill="#4798ff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#4798ff"/>
+  <text x="22" y="90" font-size="10" fill="#4798ff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#4798ff"/>
+  <text x="318" y="90" font-size="10" fill="#4798ff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#4798ff"/>
+  <text x="22" y="69" font-size="10" fill="#4798ff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#4798ff"/>
+  <text x="318" y="69" font-size="10" fill="#4798ff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#4798ff"/>
+  <text x="22" y="48" font-size="10" fill="#4798ff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#4798ff"/>
+  <text x="318" y="48" font-size="10" fill="#4798ff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#4798ff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#4798ff"/>
+  <text x="28" y="166" font-size="10" fill="#4798ff" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#4798ff"/>
+  <text x="75" y="166" font-size="10" fill="#4798ff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#4798ff"/>
+  <text x="122" y="166" font-size="10" fill="#4798ff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#4798ff"/>
+  <text x="170" y="166" font-size="10" fill="#4798ff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#4798ff"/>
+  <text x="217" y="166" font-size="10" fill="#4798ff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#4798ff"/>
+  <text x="264" y="166" font-size="10" fill="#4798ff" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#4798ff"/>
+  <text x="312" y="166" font-size="10" fill="#4798ff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#5d8cb3" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#5d8cb3" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#4798ff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/city_lights/most-commit-language-all-time.svg b/demo/city_lights/most-commit-language-all-time.svg
new file mode 100644
index 00000000..3520d5c9
--- /dev/null
+++ b/demo/city_lights/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1d252c" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5d8cb3">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#718ca1">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#718ca1">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#718ca1">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#718ca1">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#5d8cb3" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#718ca1">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1d252c" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#1d252c" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#1d252c" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#1d252c" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#5d8cb3" stroke="#1d252c" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/city_lights/most-commit-language.svg b/demo/city_lights/most-commit-language.svg
new file mode 100644
index 00000000..b19f3ab6
--- /dev/null
+++ b/demo/city_lights/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1d252c" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5d8cb3">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#718ca1">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#718ca1">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#718ca1">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#718ca1">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#5d8cb3" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#718ca1">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1d252c" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#1d252c" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#1d252c" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#1d252c" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#5d8cb3" stroke="#1d252c" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/city_lights/productive-time-all-time.svg b/demo/city_lights/productive-time-all-time.svg
new file mode 100644
index 00000000..5cbbc39c
--- /dev/null
+++ b/demo/city_lights/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1d252c" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5d8cb3">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#4798ff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#4798ff"/>
+  <text x="29" y="158" font-size="10" fill="#4798ff" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#4798ff"/>
+  <text x="29" y="140" font-size="10" fill="#4798ff" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#4798ff"/>
+  <text x="29" y="122" font-size="10" fill="#4798ff" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#4798ff"/>
+  <text x="29" y="103" font-size="10" fill="#4798ff" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#4798ff"/>
+  <text x="29" y="85" font-size="10" fill="#4798ff" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#4798ff"/>
+  <text x="29" y="67" font-size="10" fill="#4798ff" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#4798ff"/>
+  <text x="29" y="48" font-size="10" fill="#4798ff" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#4798ff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#4798ff"/>
+  <text x="40" y="171" font-size="10" fill="#4798ff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#4798ff"/>
+  <text x="113" y="171" font-size="10" fill="#4798ff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#4798ff"/>
+  <text x="186" y="171" font-size="10" fill="#4798ff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#4798ff"/>
+  <text x="258" y="171" font-size="10" fill="#4798ff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#4798ff"/>
+  <text x="319" y="171" font-size="10" fill="#4798ff" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#5d8cb3"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#5d8cb3"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#5d8cb3"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#5d8cb3"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#5d8cb3"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#5d8cb3"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#5d8cb3"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#5d8cb3"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#5d8cb3"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#5d8cb3"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#5d8cb3"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#5d8cb3"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#5d8cb3"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#5d8cb3"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#5d8cb3"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#5d8cb3"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#5d8cb3"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#5d8cb3"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#5d8cb3"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#5d8cb3"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#5d8cb3"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#5d8cb3"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#5d8cb3"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#5d8cb3"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#4798ff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/city_lights/productive-time.svg b/demo/city_lights/productive-time.svg
new file mode 100644
index 00000000..25fe1d94
--- /dev/null
+++ b/demo/city_lights/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1d252c" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5d8cb3">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#4798ff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#4798ff"/>
+  <text x="29" y="158" font-size="10" fill="#4798ff" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#4798ff"/>
+  <text x="29" y="131" font-size="10" fill="#4798ff" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#4798ff"/>
+  <text x="29" y="103" font-size="10" fill="#4798ff" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#4798ff"/>
+  <text x="29" y="76" font-size="10" fill="#4798ff" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#4798ff"/>
+  <text x="29" y="48" font-size="10" fill="#4798ff" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#4798ff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#4798ff"/>
+  <text x="40" y="171" font-size="10" fill="#4798ff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#4798ff"/>
+  <text x="113" y="171" font-size="10" fill="#4798ff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#4798ff"/>
+  <text x="186" y="171" font-size="10" fill="#4798ff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#4798ff"/>
+  <text x="258" y="171" font-size="10" fill="#4798ff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#4798ff"/>
+  <text x="319" y="171" font-size="10" fill="#4798ff" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#5d8cb3"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#5d8cb3"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#5d8cb3"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#5d8cb3"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#5d8cb3"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#5d8cb3"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#5d8cb3"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#5d8cb3"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#5d8cb3"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#5d8cb3"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#5d8cb3"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#5d8cb3"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#5d8cb3"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#5d8cb3"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#5d8cb3"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#5d8cb3"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#5d8cb3"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#5d8cb3"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#5d8cb3"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#5d8cb3"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#5d8cb3"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#5d8cb3"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#5d8cb3"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#5d8cb3"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#4798ff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/city_lights/profile-details.svg b/demo/city_lights/profile-details.svg
new file mode 100644
index 00000000..4758171e
--- /dev/null
+++ b/demo/city_lights/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1d252c" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5d8cb3">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#4798ff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#718ca1">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#4798ff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#718ca1">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#4798ff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#718ca1">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#4798ff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#718ca1">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#4798ff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#718ca1">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#4798ff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#718ca1">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/city_lights/repos-per-language.svg b/demo/city_lights/repos-per-language.svg
new file mode 100644
index 00000000..4961ac5e
--- /dev/null
+++ b/demo/city_lights/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1d252c" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5d8cb3">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#718ca1">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#718ca1">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#718ca1">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#718ca1">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#5d8cb3" stroke="#1d252c" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#718ca1">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1d252c" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#1d252c" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#1d252c" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#1d252c" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#5d8cb3" stroke="#1d252c" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/city_lights/stats.svg b/demo/city_lights/stats.svg
new file mode 100644
index 00000000..5095ea81
--- /dev/null
+++ b/demo/city_lights/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1d252c" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5d8cb3">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#4798ff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#718ca1">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#5d8cb3" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#4798ff"><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="#718ca1">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#5d8cb3" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#4798ff"><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="#718ca1">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#5d8cb3" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#4798ff"><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="#718ca1">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#5d8cb3" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#4798ff"><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="#718ca1">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#5d8cb3" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#4798ff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#718ca1">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#5d8cb3" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#4798ff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#718ca1">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#5d8cb3" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt/contributions-all-time.svg b/demo/cobalt/contributions-all-time.svg
new file mode 100644
index 00000000..6f2fc866
--- /dev/null
+++ b/demo/cobalt/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e683d9">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#0480ef"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#0480ef"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#0480ef"/>
+  <text x="22" y="153" font-size="10" fill="#0480ef" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#0480ef"/>
+  <text x="318" y="153" font-size="10" fill="#0480ef" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#0480ef"/>
+  <text x="22" y="132" font-size="10" fill="#0480ef" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#0480ef"/>
+  <text x="318" y="132" font-size="10" fill="#0480ef" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#0480ef"/>
+  <text x="22" y="111" font-size="10" fill="#0480ef" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#0480ef"/>
+  <text x="318" y="111" font-size="10" fill="#0480ef" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#0480ef"/>
+  <text x="22" y="90" font-size="10" fill="#0480ef" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#0480ef"/>
+  <text x="318" y="90" font-size="10" fill="#0480ef" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#0480ef"/>
+  <text x="22" y="69" font-size="10" fill="#0480ef" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#0480ef"/>
+  <text x="318" y="69" font-size="10" fill="#0480ef" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#0480ef"/>
+  <text x="22" y="48" font-size="10" fill="#0480ef" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#0480ef"/>
+  <text x="318" y="48" font-size="10" fill="#0480ef" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#0480ef"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#0480ef"/>
+  <text x="28" y="166" font-size="10" fill="#0480ef" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#0480ef"/>
+  <text x="82" y="166" font-size="10" fill="#0480ef" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#0480ef"/>
+  <text x="137" y="166" font-size="10" fill="#0480ef" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#0480ef"/>
+  <text x="191" y="166" font-size="10" fill="#0480ef" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#0480ef"/>
+  <text x="246" y="166" font-size="10" fill="#0480ef" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#0480ef"/>
+  <text x="312" y="166" font-size="10" fill="#0480ef" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#e683d9" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#e683d9" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#0480ef" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt/contributions.svg b/demo/cobalt/contributions.svg
new file mode 100644
index 00000000..a3dc5dc1
--- /dev/null
+++ b/demo/cobalt/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e683d9">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#0480ef"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#0480ef"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#0480ef"/>
+  <text x="22" y="153" font-size="10" fill="#0480ef" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#0480ef"/>
+  <text x="318" y="153" font-size="10" fill="#0480ef" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#0480ef"/>
+  <text x="22" y="132" font-size="10" fill="#0480ef" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#0480ef"/>
+  <text x="318" y="132" font-size="10" fill="#0480ef" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#0480ef"/>
+  <text x="22" y="111" font-size="10" fill="#0480ef" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#0480ef"/>
+  <text x="318" y="111" font-size="10" fill="#0480ef" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#0480ef"/>
+  <text x="22" y="90" font-size="10" fill="#0480ef" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#0480ef"/>
+  <text x="318" y="90" font-size="10" fill="#0480ef" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#0480ef"/>
+  <text x="22" y="69" font-size="10" fill="#0480ef" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#0480ef"/>
+  <text x="318" y="69" font-size="10" fill="#0480ef" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#0480ef"/>
+  <text x="22" y="48" font-size="10" fill="#0480ef" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#0480ef"/>
+  <text x="318" y="48" font-size="10" fill="#0480ef" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#0480ef"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#0480ef"/>
+  <text x="28" y="166" font-size="10" fill="#0480ef" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#0480ef"/>
+  <text x="75" y="166" font-size="10" fill="#0480ef" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#0480ef"/>
+  <text x="122" y="166" font-size="10" fill="#0480ef" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#0480ef"/>
+  <text x="170" y="166" font-size="10" fill="#0480ef" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#0480ef"/>
+  <text x="217" y="166" font-size="10" fill="#0480ef" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#0480ef"/>
+  <text x="264" y="166" font-size="10" fill="#0480ef" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#0480ef"/>
+  <text x="312" y="166" font-size="10" fill="#0480ef" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#e683d9" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#e683d9" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#0480ef" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt/most-commit-language-all-time.svg b/demo/cobalt/most-commit-language-all-time.svg
new file mode 100644
index 00000000..fd20c9b9
--- /dev/null
+++ b/demo/cobalt/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e683d9">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#75eeb2">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#75eeb2">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#75eeb2">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#75eeb2">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e683d9" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#75eeb2">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#193549" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#193549" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#193549" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#193549" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#e683d9" stroke="#193549" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt/most-commit-language.svg b/demo/cobalt/most-commit-language.svg
new file mode 100644
index 00000000..6ba4223b
--- /dev/null
+++ b/demo/cobalt/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e683d9">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#75eeb2">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#75eeb2">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#75eeb2">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#75eeb2">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e683d9" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#75eeb2">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#193549" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#193549" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#193549" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#193549" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#e683d9" stroke="#193549" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt/productive-time-all-time.svg b/demo/cobalt/productive-time-all-time.svg
new file mode 100644
index 00000000..3eb5c394
--- /dev/null
+++ b/demo/cobalt/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e683d9">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#0480ef"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#0480ef"/>
+  <text x="29" y="158" font-size="10" fill="#0480ef" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#0480ef"/>
+  <text x="29" y="140" font-size="10" fill="#0480ef" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#0480ef"/>
+  <text x="29" y="122" font-size="10" fill="#0480ef" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#0480ef"/>
+  <text x="29" y="103" font-size="10" fill="#0480ef" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#0480ef"/>
+  <text x="29" y="85" font-size="10" fill="#0480ef" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#0480ef"/>
+  <text x="29" y="67" font-size="10" fill="#0480ef" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#0480ef"/>
+  <text x="29" y="48" font-size="10" fill="#0480ef" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#0480ef"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#0480ef"/>
+  <text x="40" y="171" font-size="10" fill="#0480ef" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#0480ef"/>
+  <text x="113" y="171" font-size="10" fill="#0480ef" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#0480ef"/>
+  <text x="186" y="171" font-size="10" fill="#0480ef" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#0480ef"/>
+  <text x="258" y="171" font-size="10" fill="#0480ef" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#0480ef"/>
+  <text x="319" y="171" font-size="10" fill="#0480ef" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#e683d9"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#e683d9"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#e683d9"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#e683d9"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#e683d9"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#e683d9"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#e683d9"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#e683d9"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#e683d9"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#e683d9"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#e683d9"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#e683d9"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#e683d9"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#e683d9"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#e683d9"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#e683d9"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#e683d9"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#e683d9"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#e683d9"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#e683d9"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#e683d9"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#e683d9"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#e683d9"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#e683d9"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#0480ef" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt/productive-time.svg b/demo/cobalt/productive-time.svg
new file mode 100644
index 00000000..ceed3c45
--- /dev/null
+++ b/demo/cobalt/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e683d9">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#0480ef"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#0480ef"/>
+  <text x="29" y="158" font-size="10" fill="#0480ef" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#0480ef"/>
+  <text x="29" y="131" font-size="10" fill="#0480ef" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#0480ef"/>
+  <text x="29" y="103" font-size="10" fill="#0480ef" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#0480ef"/>
+  <text x="29" y="76" font-size="10" fill="#0480ef" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#0480ef"/>
+  <text x="29" y="48" font-size="10" fill="#0480ef" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#0480ef"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#0480ef"/>
+  <text x="40" y="171" font-size="10" fill="#0480ef" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#0480ef"/>
+  <text x="113" y="171" font-size="10" fill="#0480ef" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#0480ef"/>
+  <text x="186" y="171" font-size="10" fill="#0480ef" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#0480ef"/>
+  <text x="258" y="171" font-size="10" fill="#0480ef" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#0480ef"/>
+  <text x="319" y="171" font-size="10" fill="#0480ef" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#e683d9"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#e683d9"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#e683d9"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#e683d9"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#e683d9"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#e683d9"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#e683d9"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#e683d9"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#e683d9"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#e683d9"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#e683d9"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#e683d9"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#e683d9"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#e683d9"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#e683d9"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#e683d9"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#e683d9"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#e683d9"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#e683d9"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#e683d9"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#e683d9"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#e683d9"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#e683d9"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#e683d9"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#0480ef" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt/profile-details.svg b/demo/cobalt/profile-details.svg
new file mode 100644
index 00000000..125034b4
--- /dev/null
+++ b/demo/cobalt/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e683d9">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#0480ef"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#75eeb2">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#0480ef"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#75eeb2">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#0480ef"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#75eeb2">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#0480ef"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#75eeb2">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#0480ef"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#75eeb2">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#0480ef"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#75eeb2">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt/repos-per-language.svg b/demo/cobalt/repos-per-language.svg
new file mode 100644
index 00000000..9759f389
--- /dev/null
+++ b/demo/cobalt/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e683d9">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#75eeb2">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#75eeb2">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#75eeb2">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#75eeb2">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e683d9" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#75eeb2">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#193549" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#193549" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#193549" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#193549" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#e683d9" stroke="#193549" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt/stats.svg b/demo/cobalt/stats.svg
new file mode 100644
index 00000000..be85859f
--- /dev/null
+++ b/demo/cobalt/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e683d9">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#0480ef"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#75eeb2">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#e683d9" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#0480ef"><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="#75eeb2">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#e683d9" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#0480ef"><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="#75eeb2">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#e683d9" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#0480ef"><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="#75eeb2">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#e683d9" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#0480ef"><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="#75eeb2">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#e683d9" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#0480ef"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#75eeb2">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#e683d9" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#0480ef"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#75eeb2">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#e683d9" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt2/contributions-all-time.svg b/demo/cobalt2/contributions-all-time.svg
new file mode 100644
index 00000000..410966e5
--- /dev/null
+++ b/demo/cobalt2/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffc600">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffffff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffffff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffffff"/>
+  <text x="22" y="153" font-size="10" fill="#ffffff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffffff"/>
+  <text x="318" y="153" font-size="10" fill="#ffffff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffffff"/>
+  <text x="22" y="132" font-size="10" fill="#ffffff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffffff"/>
+  <text x="318" y="132" font-size="10" fill="#ffffff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffffff"/>
+  <text x="22" y="111" font-size="10" fill="#ffffff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffffff"/>
+  <text x="318" y="111" font-size="10" fill="#ffffff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffffff"/>
+  <text x="22" y="90" font-size="10" fill="#ffffff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffffff"/>
+  <text x="318" y="90" font-size="10" fill="#ffffff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffffff"/>
+  <text x="22" y="69" font-size="10" fill="#ffffff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffffff"/>
+  <text x="318" y="69" font-size="10" fill="#ffffff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffffff"/>
+  <text x="22" y="48" font-size="10" fill="#ffffff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffffff"/>
+  <text x="318" y="48" font-size="10" fill="#ffffff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffffff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffffff"/>
+  <text x="28" y="166" font-size="10" fill="#ffffff" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ffffff"/>
+  <text x="82" y="166" font-size="10" fill="#ffffff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ffffff"/>
+  <text x="137" y="166" font-size="10" fill="#ffffff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ffffff"/>
+  <text x="191" y="166" font-size="10" fill="#ffffff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ffffff"/>
+  <text x="246" y="166" font-size="10" fill="#ffffff" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffffff"/>
+  <text x="312" y="166" font-size="10" fill="#ffffff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ffc600" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ffc600" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffffff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt2/contributions.svg b/demo/cobalt2/contributions.svg
new file mode 100644
index 00000000..46445d52
--- /dev/null
+++ b/demo/cobalt2/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffc600">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffffff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffffff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffffff"/>
+  <text x="22" y="153" font-size="10" fill="#ffffff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffffff"/>
+  <text x="318" y="153" font-size="10" fill="#ffffff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffffff"/>
+  <text x="22" y="132" font-size="10" fill="#ffffff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffffff"/>
+  <text x="318" y="132" font-size="10" fill="#ffffff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffffff"/>
+  <text x="22" y="111" font-size="10" fill="#ffffff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffffff"/>
+  <text x="318" y="111" font-size="10" fill="#ffffff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffffff"/>
+  <text x="22" y="90" font-size="10" fill="#ffffff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffffff"/>
+  <text x="318" y="90" font-size="10" fill="#ffffff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffffff"/>
+  <text x="22" y="69" font-size="10" fill="#ffffff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffffff"/>
+  <text x="318" y="69" font-size="10" fill="#ffffff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffffff"/>
+  <text x="22" y="48" font-size="10" fill="#ffffff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffffff"/>
+  <text x="318" y="48" font-size="10" fill="#ffffff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffffff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffffff"/>
+  <text x="28" y="166" font-size="10" fill="#ffffff" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ffffff"/>
+  <text x="75" y="166" font-size="10" fill="#ffffff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ffffff"/>
+  <text x="122" y="166" font-size="10" fill="#ffffff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ffffff"/>
+  <text x="170" y="166" font-size="10" fill="#ffffff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ffffff"/>
+  <text x="217" y="166" font-size="10" fill="#ffffff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ffffff"/>
+  <text x="264" y="166" font-size="10" fill="#ffffff" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffffff"/>
+  <text x="312" y="166" font-size="10" fill="#ffffff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ffc600" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ffc600" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffffff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt2/most-commit-language-all-time.svg b/demo/cobalt2/most-commit-language-all-time.svg
new file mode 100644
index 00000000..e42d2142
--- /dev/null
+++ b/demo/cobalt2/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffc600">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#0088ff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#0088ff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#0088ff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#0088ff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffc600" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#0088ff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#193549" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#193549" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#193549" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#193549" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ffc600" stroke="#193549" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt2/most-commit-language.svg b/demo/cobalt2/most-commit-language.svg
new file mode 100644
index 00000000..1bd07607
--- /dev/null
+++ b/demo/cobalt2/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffc600">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#0088ff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#0088ff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#0088ff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#0088ff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffc600" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#0088ff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#193549" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#193549" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#193549" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#193549" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ffc600" stroke="#193549" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt2/productive-time-all-time.svg b/demo/cobalt2/productive-time-all-time.svg
new file mode 100644
index 00000000..ef16e573
--- /dev/null
+++ b/demo/cobalt2/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffc600">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffffff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffffff"/>
+  <text x="29" y="158" font-size="10" fill="#ffffff" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#ffffff"/>
+  <text x="29" y="140" font-size="10" fill="#ffffff" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#ffffff"/>
+  <text x="29" y="122" font-size="10" fill="#ffffff" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffffff"/>
+  <text x="29" y="103" font-size="10" fill="#ffffff" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#ffffff"/>
+  <text x="29" y="85" font-size="10" fill="#ffffff" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#ffffff"/>
+  <text x="29" y="67" font-size="10" fill="#ffffff" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffffff"/>
+  <text x="29" y="48" font-size="10" fill="#ffffff" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffffff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffffff"/>
+  <text x="40" y="171" font-size="10" fill="#ffffff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffffff"/>
+  <text x="113" y="171" font-size="10" fill="#ffffff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffffff"/>
+  <text x="186" y="171" font-size="10" fill="#ffffff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffffff"/>
+  <text x="258" y="171" font-size="10" fill="#ffffff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffffff"/>
+  <text x="319" y="171" font-size="10" fill="#ffffff" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ffc600"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ffc600"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ffc600"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ffc600"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ffc600"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ffc600"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ffc600"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ffc600"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ffc600"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ffc600"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ffc600"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ffc600"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ffc600"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ffc600"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ffc600"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ffc600"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ffc600"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ffc600"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ffc600"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ffc600"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ffc600"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ffc600"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ffc600"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ffc600"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffffff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt2/productive-time.svg b/demo/cobalt2/productive-time.svg
new file mode 100644
index 00000000..15e65d2f
--- /dev/null
+++ b/demo/cobalt2/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffc600">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffffff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffffff"/>
+  <text x="29" y="158" font-size="10" fill="#ffffff" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#ffffff"/>
+  <text x="29" y="131" font-size="10" fill="#ffffff" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffffff"/>
+  <text x="29" y="103" font-size="10" fill="#ffffff" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#ffffff"/>
+  <text x="29" y="76" font-size="10" fill="#ffffff" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffffff"/>
+  <text x="29" y="48" font-size="10" fill="#ffffff" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffffff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffffff"/>
+  <text x="40" y="171" font-size="10" fill="#ffffff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffffff"/>
+  <text x="113" y="171" font-size="10" fill="#ffffff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffffff"/>
+  <text x="186" y="171" font-size="10" fill="#ffffff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffffff"/>
+  <text x="258" y="171" font-size="10" fill="#ffffff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffffff"/>
+  <text x="319" y="171" font-size="10" fill="#ffffff" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ffc600"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ffc600"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffc600"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffc600"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ffc600"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ffc600"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ffc600"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ffc600"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ffc600"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ffc600"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ffc600"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ffc600"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ffc600"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ffc600"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ffc600"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ffc600"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ffc600"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ffc600"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ffc600"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ffc600"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ffc600"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ffc600"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ffc600"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ffc600"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffffff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt2/profile-details.svg b/demo/cobalt2/profile-details.svg
new file mode 100644
index 00000000..2e3dfabe
--- /dev/null
+++ b/demo/cobalt2/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffc600">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#0088ff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#0088ff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#0088ff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#0088ff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#0088ff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#0088ff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt2/repos-per-language.svg b/demo/cobalt2/repos-per-language.svg
new file mode 100644
index 00000000..85eaad90
--- /dev/null
+++ b/demo/cobalt2/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffc600">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#0088ff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#0088ff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#0088ff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#0088ff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffc600" stroke="#193549" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#0088ff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#193549" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#193549" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#193549" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#193549" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ffc600" stroke="#193549" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/cobalt2/stats.svg b/demo/cobalt2/stats.svg
new file mode 100644
index 00000000..086f553e
--- /dev/null
+++ b/demo/cobalt2/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#193549" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffc600">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#0088ff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ffc600" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#ffffff"><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="#0088ff">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#ffc600" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#ffffff"><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="#0088ff">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#ffc600" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#ffffff"><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="#0088ff">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#ffc600" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#ffffff"><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="#0088ff">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#ffc600" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#0088ff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ffc600" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#0088ff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ffc600" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/codeSTACKr/contributions-all-time.svg b/demo/codeSTACKr/contributions-all-time.svg
new file mode 100644
index 00000000..ccfb8f3c
--- /dev/null
+++ b/demo/codeSTACKr/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#09131b" stroke="#0c1a25" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff652f">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffe400"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffe400"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffe400"/>
+  <text x="22" y="153" font-size="10" fill="#ffe400" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffe400"/>
+  <text x="318" y="153" font-size="10" fill="#ffe400" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffe400"/>
+  <text x="22" y="132" font-size="10" fill="#ffe400" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffe400"/>
+  <text x="318" y="132" font-size="10" fill="#ffe400" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffe400"/>
+  <text x="22" y="111" font-size="10" fill="#ffe400" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffe400"/>
+  <text x="318" y="111" font-size="10" fill="#ffe400" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffe400"/>
+  <text x="22" y="90" font-size="10" fill="#ffe400" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffe400"/>
+  <text x="318" y="90" font-size="10" fill="#ffe400" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffe400"/>
+  <text x="22" y="69" font-size="10" fill="#ffe400" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffe400"/>
+  <text x="318" y="69" font-size="10" fill="#ffe400" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffe400"/>
+  <text x="22" y="48" font-size="10" fill="#ffe400" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffe400"/>
+  <text x="318" y="48" font-size="10" fill="#ffe400" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffe400"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffe400"/>
+  <text x="28" y="166" font-size="10" fill="#ffe400" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ffe400"/>
+  <text x="82" y="166" font-size="10" fill="#ffe400" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ffe400"/>
+  <text x="137" y="166" font-size="10" fill="#ffe400" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ffe400"/>
+  <text x="191" y="166" font-size="10" fill="#ffe400" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ffe400"/>
+  <text x="246" y="166" font-size="10" fill="#ffe400" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffe400"/>
+  <text x="312" y="166" font-size="10" fill="#ffe400" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ff652f" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ff652f" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffe400" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/codeSTACKr/contributions.svg b/demo/codeSTACKr/contributions.svg
new file mode 100644
index 00000000..e7878350
--- /dev/null
+++ b/demo/codeSTACKr/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#09131b" stroke="#0c1a25" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff652f">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffe400"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffe400"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffe400"/>
+  <text x="22" y="153" font-size="10" fill="#ffe400" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffe400"/>
+  <text x="318" y="153" font-size="10" fill="#ffe400" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffe400"/>
+  <text x="22" y="132" font-size="10" fill="#ffe400" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffe400"/>
+  <text x="318" y="132" font-size="10" fill="#ffe400" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffe400"/>
+  <text x="22" y="111" font-size="10" fill="#ffe400" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffe400"/>
+  <text x="318" y="111" font-size="10" fill="#ffe400" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffe400"/>
+  <text x="22" y="90" font-size="10" fill="#ffe400" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffe400"/>
+  <text x="318" y="90" font-size="10" fill="#ffe400" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffe400"/>
+  <text x="22" y="69" font-size="10" fill="#ffe400" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffe400"/>
+  <text x="318" y="69" font-size="10" fill="#ffe400" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffe400"/>
+  <text x="22" y="48" font-size="10" fill="#ffe400" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffe400"/>
+  <text x="318" y="48" font-size="10" fill="#ffe400" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffe400"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffe400"/>
+  <text x="28" y="166" font-size="10" fill="#ffe400" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ffe400"/>
+  <text x="75" y="166" font-size="10" fill="#ffe400" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ffe400"/>
+  <text x="122" y="166" font-size="10" fill="#ffe400" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ffe400"/>
+  <text x="170" y="166" font-size="10" fill="#ffe400" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ffe400"/>
+  <text x="217" y="166" font-size="10" fill="#ffe400" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ffe400"/>
+  <text x="264" y="166" font-size="10" fill="#ffe400" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffe400"/>
+  <text x="312" y="166" font-size="10" fill="#ffe400" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ff652f" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ff652f" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffe400" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/codeSTACKr/most-commit-language-all-time.svg b/demo/codeSTACKr/most-commit-language-all-time.svg
new file mode 100644
index 00000000..1fc8adb5
--- /dev/null
+++ b/demo/codeSTACKr/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#09131b" stroke="#0c1a25" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff652f">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff652f" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#09131b" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#09131b" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#09131b" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#09131b" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ff652f" stroke="#09131b" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/codeSTACKr/most-commit-language.svg b/demo/codeSTACKr/most-commit-language.svg
new file mode 100644
index 00000000..fc9a136c
--- /dev/null
+++ b/demo/codeSTACKr/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#09131b" stroke="#0c1a25" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff652f">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff652f" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#09131b" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#09131b" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#09131b" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#09131b" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ff652f" stroke="#09131b" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/codeSTACKr/productive-time-all-time.svg b/demo/codeSTACKr/productive-time-all-time.svg
new file mode 100644
index 00000000..b80a7fc6
--- /dev/null
+++ b/demo/codeSTACKr/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#09131b" stroke="#0c1a25" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff652f">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffe400"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffe400"/>
+  <text x="29" y="158" font-size="10" fill="#ffe400" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#ffe400"/>
+  <text x="29" y="140" font-size="10" fill="#ffe400" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#ffe400"/>
+  <text x="29" y="122" font-size="10" fill="#ffe400" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffe400"/>
+  <text x="29" y="103" font-size="10" fill="#ffe400" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#ffe400"/>
+  <text x="29" y="85" font-size="10" fill="#ffe400" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#ffe400"/>
+  <text x="29" y="67" font-size="10" fill="#ffe400" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffe400"/>
+  <text x="29" y="48" font-size="10" fill="#ffe400" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffe400"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffe400"/>
+  <text x="40" y="171" font-size="10" fill="#ffe400" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffe400"/>
+  <text x="113" y="171" font-size="10" fill="#ffe400" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffe400"/>
+  <text x="186" y="171" font-size="10" fill="#ffe400" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffe400"/>
+  <text x="258" y="171" font-size="10" fill="#ffe400" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffe400"/>
+  <text x="319" y="171" font-size="10" fill="#ffe400" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ff652f"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ff652f"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ff652f"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ff652f"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ff652f"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ff652f"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ff652f"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ff652f"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ff652f"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ff652f"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ff652f"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ff652f"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ff652f"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ff652f"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ff652f"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ff652f"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ff652f"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ff652f"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ff652f"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ff652f"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ff652f"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ff652f"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ff652f"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ff652f"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffe400" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/codeSTACKr/productive-time.svg b/demo/codeSTACKr/productive-time.svg
new file mode 100644
index 00000000..c895a5ca
--- /dev/null
+++ b/demo/codeSTACKr/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#09131b" stroke="#0c1a25" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff652f">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffe400"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffe400"/>
+  <text x="29" y="158" font-size="10" fill="#ffe400" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#ffe400"/>
+  <text x="29" y="131" font-size="10" fill="#ffe400" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffe400"/>
+  <text x="29" y="103" font-size="10" fill="#ffe400" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#ffe400"/>
+  <text x="29" y="76" font-size="10" fill="#ffe400" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffe400"/>
+  <text x="29" y="48" font-size="10" fill="#ffe400" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffe400"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffe400"/>
+  <text x="40" y="171" font-size="10" fill="#ffe400" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffe400"/>
+  <text x="113" y="171" font-size="10" fill="#ffe400" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffe400"/>
+  <text x="186" y="171" font-size="10" fill="#ffe400" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffe400"/>
+  <text x="258" y="171" font-size="10" fill="#ffe400" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffe400"/>
+  <text x="319" y="171" font-size="10" fill="#ffe400" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ff652f"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ff652f"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff652f"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff652f"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ff652f"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ff652f"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ff652f"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ff652f"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ff652f"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ff652f"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ff652f"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ff652f"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ff652f"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ff652f"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ff652f"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ff652f"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ff652f"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ff652f"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ff652f"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ff652f"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ff652f"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ff652f"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ff652f"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ff652f"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffe400" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/codeSTACKr/profile-details.svg b/demo/codeSTACKr/profile-details.svg
new file mode 100644
index 00000000..0768e964
--- /dev/null
+++ b/demo/codeSTACKr/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#09131b" stroke="#0c1a25" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff652f">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ffe400"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffffff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ffe400"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffffff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ffe400"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffffff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ffe400"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffffff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ffe400"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffffff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ffe400"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffffff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/codeSTACKr/repos-per-language.svg b/demo/codeSTACKr/repos-per-language.svg
new file mode 100644
index 00000000..81909e91
--- /dev/null
+++ b/demo/codeSTACKr/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#09131b" stroke="#0c1a25" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff652f">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff652f" stroke="#09131b" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#09131b" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#09131b" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#09131b" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#09131b" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ff652f" stroke="#09131b" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/codeSTACKr/stats.svg b/demo/codeSTACKr/stats.svg
new file mode 100644
index 00000000..08571814
--- /dev/null
+++ b/demo/codeSTACKr/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#09131b" stroke="#0c1a25" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff652f">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ffe400"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffffff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ff652f" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#ffe400"><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="#ff652f" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#ffe400"><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="#ff652f" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#ffe400"><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="#ff652f" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#ffe400"><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="#ff652f" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ffe400"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffffff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ff652f" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ffe400"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffffff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ff652f" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/darcula/contributions-all-time.svg b/demo/darcula/contributions-all-time.svg
new file mode 100644
index 00000000..7c36ce17
--- /dev/null
+++ b/demo/darcula/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#242424" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ba5f17">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffb74d"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffb74d"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffb74d"/>
+  <text x="22" y="153" font-size="10" fill="#ffb74d" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffb74d"/>
+  <text x="318" y="153" font-size="10" fill="#ffb74d" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffb74d"/>
+  <text x="22" y="132" font-size="10" fill="#ffb74d" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffb74d"/>
+  <text x="318" y="132" font-size="10" fill="#ffb74d" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffb74d"/>
+  <text x="22" y="111" font-size="10" fill="#ffb74d" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffb74d"/>
+  <text x="318" y="111" font-size="10" fill="#ffb74d" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffb74d"/>
+  <text x="22" y="90" font-size="10" fill="#ffb74d" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffb74d"/>
+  <text x="318" y="90" font-size="10" fill="#ffb74d" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffb74d"/>
+  <text x="22" y="69" font-size="10" fill="#ffb74d" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffb74d"/>
+  <text x="318" y="69" font-size="10" fill="#ffb74d" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffb74d"/>
+  <text x="22" y="48" font-size="10" fill="#ffb74d" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffb74d"/>
+  <text x="318" y="48" font-size="10" fill="#ffb74d" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffb74d"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffb74d"/>
+  <text x="28" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ffb74d"/>
+  <text x="82" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ffb74d"/>
+  <text x="137" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ffb74d"/>
+  <text x="191" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ffb74d"/>
+  <text x="246" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffb74d"/>
+  <text x="312" y="166" font-size="10" fill="#ffb74d" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ba5f17" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ba5f17" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffb74d" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/darcula/contributions.svg b/demo/darcula/contributions.svg
new file mode 100644
index 00000000..24f3c285
--- /dev/null
+++ b/demo/darcula/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#242424" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ba5f17">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffb74d"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffb74d"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffb74d"/>
+  <text x="22" y="153" font-size="10" fill="#ffb74d" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffb74d"/>
+  <text x="318" y="153" font-size="10" fill="#ffb74d" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffb74d"/>
+  <text x="22" y="132" font-size="10" fill="#ffb74d" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffb74d"/>
+  <text x="318" y="132" font-size="10" fill="#ffb74d" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffb74d"/>
+  <text x="22" y="111" font-size="10" fill="#ffb74d" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffb74d"/>
+  <text x="318" y="111" font-size="10" fill="#ffb74d" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffb74d"/>
+  <text x="22" y="90" font-size="10" fill="#ffb74d" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffb74d"/>
+  <text x="318" y="90" font-size="10" fill="#ffb74d" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffb74d"/>
+  <text x="22" y="69" font-size="10" fill="#ffb74d" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffb74d"/>
+  <text x="318" y="69" font-size="10" fill="#ffb74d" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffb74d"/>
+  <text x="22" y="48" font-size="10" fill="#ffb74d" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffb74d"/>
+  <text x="318" y="48" font-size="10" fill="#ffb74d" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffb74d"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffb74d"/>
+  <text x="28" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ffb74d"/>
+  <text x="75" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ffb74d"/>
+  <text x="122" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ffb74d"/>
+  <text x="170" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ffb74d"/>
+  <text x="217" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ffb74d"/>
+  <text x="264" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffb74d"/>
+  <text x="312" y="166" font-size="10" fill="#ffb74d" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ba5f17" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ba5f17" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffb74d" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/darcula/most-commit-language-all-time.svg b/demo/darcula/most-commit-language-all-time.svg
new file mode 100644
index 00000000..8c6cb607
--- /dev/null
+++ b/demo/darcula/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#242424" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ba5f17">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#bebebe">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#bebebe">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#bebebe">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#bebebe">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ba5f17" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#bebebe">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#242424" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#242424" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#242424" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#242424" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ba5f17" stroke="#242424" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/darcula/most-commit-language.svg b/demo/darcula/most-commit-language.svg
new file mode 100644
index 00000000..ea07f75a
--- /dev/null
+++ b/demo/darcula/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#242424" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ba5f17">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#bebebe">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#bebebe">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#bebebe">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#bebebe">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ba5f17" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#bebebe">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#242424" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#242424" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#242424" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#242424" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ba5f17" stroke="#242424" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/darcula/productive-time-all-time.svg b/demo/darcula/productive-time-all-time.svg
new file mode 100644
index 00000000..18b85a59
--- /dev/null
+++ b/demo/darcula/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#242424" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ba5f17">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffb74d"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffb74d"/>
+  <text x="29" y="158" font-size="10" fill="#ffb74d" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#ffb74d"/>
+  <text x="29" y="140" font-size="10" fill="#ffb74d" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#ffb74d"/>
+  <text x="29" y="122" font-size="10" fill="#ffb74d" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffb74d"/>
+  <text x="29" y="103" font-size="10" fill="#ffb74d" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#ffb74d"/>
+  <text x="29" y="85" font-size="10" fill="#ffb74d" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#ffb74d"/>
+  <text x="29" y="67" font-size="10" fill="#ffb74d" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffb74d"/>
+  <text x="29" y="48" font-size="10" fill="#ffb74d" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffb74d"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffb74d"/>
+  <text x="40" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffb74d"/>
+  <text x="113" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffb74d"/>
+  <text x="186" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffb74d"/>
+  <text x="258" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffb74d"/>
+  <text x="319" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ba5f17"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ba5f17"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ba5f17"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ba5f17"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ba5f17"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ba5f17"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ba5f17"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ba5f17"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ba5f17"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ba5f17"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ba5f17"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ba5f17"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ba5f17"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ba5f17"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ba5f17"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ba5f17"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ba5f17"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ba5f17"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ba5f17"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ba5f17"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ba5f17"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ba5f17"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ba5f17"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ba5f17"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffb74d" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/darcula/productive-time.svg b/demo/darcula/productive-time.svg
new file mode 100644
index 00000000..9b36cd38
--- /dev/null
+++ b/demo/darcula/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#242424" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ba5f17">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffb74d"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffb74d"/>
+  <text x="29" y="158" font-size="10" fill="#ffb74d" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#ffb74d"/>
+  <text x="29" y="131" font-size="10" fill="#ffb74d" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffb74d"/>
+  <text x="29" y="103" font-size="10" fill="#ffb74d" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#ffb74d"/>
+  <text x="29" y="76" font-size="10" fill="#ffb74d" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffb74d"/>
+  <text x="29" y="48" font-size="10" fill="#ffb74d" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffb74d"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffb74d"/>
+  <text x="40" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffb74d"/>
+  <text x="113" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffb74d"/>
+  <text x="186" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffb74d"/>
+  <text x="258" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffb74d"/>
+  <text x="319" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ba5f17"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ba5f17"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ba5f17"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ba5f17"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ba5f17"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ba5f17"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ba5f17"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ba5f17"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ba5f17"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ba5f17"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ba5f17"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ba5f17"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ba5f17"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ba5f17"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ba5f17"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ba5f17"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ba5f17"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ba5f17"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ba5f17"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ba5f17"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ba5f17"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ba5f17"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ba5f17"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ba5f17"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffb74d" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/darcula/profile-details.svg b/demo/darcula/profile-details.svg
new file mode 100644
index 00000000..bddfa764
--- /dev/null
+++ b/demo/darcula/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#242424" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ba5f17">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#bebebe">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#bebebe">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#bebebe">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#bebebe">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#bebebe">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#bebebe">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/darcula/repos-per-language.svg b/demo/darcula/repos-per-language.svg
new file mode 100644
index 00000000..527999b7
--- /dev/null
+++ b/demo/darcula/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#242424" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ba5f17">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#bebebe">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#bebebe">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#bebebe">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#bebebe">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ba5f17" stroke="#242424" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#bebebe">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#242424" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#242424" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#242424" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#242424" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ba5f17" stroke="#242424" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/darcula/stats.svg b/demo/darcula/stats.svg
new file mode 100644
index 00000000..2d5d3f40
--- /dev/null
+++ b/demo/darcula/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#242424" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ba5f17">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#bebebe">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ba5f17" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#ffb74d"><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="#bebebe">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#ba5f17" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#ffb74d"><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="#bebebe">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#ba5f17" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#ffb74d"><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="#bebebe">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#ba5f17" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#ffb74d"><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="#bebebe">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#ba5f17" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#bebebe">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ba5f17" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#bebebe">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ba5f17" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/dark/contributions-all-time.svg b/demo/dark/contributions-all-time.svg
new file mode 100644
index 00000000..091bd9ed
--- /dev/null
+++ b/demo/dark/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151515" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffffff">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#79ff97"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#79ff97"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#79ff97"/>
+  <text x="22" y="153" font-size="10" fill="#79ff97" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#79ff97"/>
+  <text x="318" y="153" font-size="10" fill="#79ff97" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#79ff97"/>
+  <text x="22" y="132" font-size="10" fill="#79ff97" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#79ff97"/>
+  <text x="318" y="132" font-size="10" fill="#79ff97" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#79ff97"/>
+  <text x="22" y="111" font-size="10" fill="#79ff97" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#79ff97"/>
+  <text x="318" y="111" font-size="10" fill="#79ff97" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#79ff97"/>
+  <text x="22" y="90" font-size="10" fill="#79ff97" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#79ff97"/>
+  <text x="318" y="90" font-size="10" fill="#79ff97" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#79ff97"/>
+  <text x="22" y="69" font-size="10" fill="#79ff97" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#79ff97"/>
+  <text x="318" y="69" font-size="10" fill="#79ff97" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#79ff97"/>
+  <text x="22" y="48" font-size="10" fill="#79ff97" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#79ff97"/>
+  <text x="318" y="48" font-size="10" fill="#79ff97" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#79ff97"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#79ff97"/>
+  <text x="28" y="166" font-size="10" fill="#79ff97" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#79ff97"/>
+  <text x="82" y="166" font-size="10" fill="#79ff97" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#79ff97"/>
+  <text x="137" y="166" font-size="10" fill="#79ff97" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#79ff97"/>
+  <text x="191" y="166" font-size="10" fill="#79ff97" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#79ff97"/>
+  <text x="246" y="166" font-size="10" fill="#79ff97" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#79ff97"/>
+  <text x="312" y="166" font-size="10" fill="#79ff97" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ffffff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#79ff97" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/dark/contributions.svg b/demo/dark/contributions.svg
new file mode 100644
index 00000000..e68aeef4
--- /dev/null
+++ b/demo/dark/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151515" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffffff">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#79ff97"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#79ff97"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#79ff97"/>
+  <text x="22" y="153" font-size="10" fill="#79ff97" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#79ff97"/>
+  <text x="318" y="153" font-size="10" fill="#79ff97" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#79ff97"/>
+  <text x="22" y="132" font-size="10" fill="#79ff97" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#79ff97"/>
+  <text x="318" y="132" font-size="10" fill="#79ff97" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#79ff97"/>
+  <text x="22" y="111" font-size="10" fill="#79ff97" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#79ff97"/>
+  <text x="318" y="111" font-size="10" fill="#79ff97" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#79ff97"/>
+  <text x="22" y="90" font-size="10" fill="#79ff97" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#79ff97"/>
+  <text x="318" y="90" font-size="10" fill="#79ff97" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#79ff97"/>
+  <text x="22" y="69" font-size="10" fill="#79ff97" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#79ff97"/>
+  <text x="318" y="69" font-size="10" fill="#79ff97" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#79ff97"/>
+  <text x="22" y="48" font-size="10" fill="#79ff97" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#79ff97"/>
+  <text x="318" y="48" font-size="10" fill="#79ff97" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#79ff97"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#79ff97"/>
+  <text x="28" y="166" font-size="10" fill="#79ff97" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#79ff97"/>
+  <text x="75" y="166" font-size="10" fill="#79ff97" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#79ff97"/>
+  <text x="122" y="166" font-size="10" fill="#79ff97" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#79ff97"/>
+  <text x="170" y="166" font-size="10" fill="#79ff97" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#79ff97"/>
+  <text x="217" y="166" font-size="10" fill="#79ff97" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#79ff97"/>
+  <text x="264" y="166" font-size="10" fill="#79ff97" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#79ff97"/>
+  <text x="312" y="166" font-size="10" fill="#79ff97" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ffffff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#79ff97" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/dark/most-commit-language-all-time.svg b/demo/dark/most-commit-language-all-time.svg
new file mode 100644
index 00000000..e9e643bb
--- /dev/null
+++ b/demo/dark/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151515" 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="#151515" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#9f9f9f">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#9f9f9f">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#9f9f9f">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#9f9f9f">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffffff" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#9f9f9f">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#151515" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#151515" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#151515" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#151515" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ffffff" stroke="#151515" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/dark/most-commit-language.svg b/demo/dark/most-commit-language.svg
new file mode 100644
index 00000000..a84a7d52
--- /dev/null
+++ b/demo/dark/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151515" 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="#151515" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#9f9f9f">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#9f9f9f">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#9f9f9f">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#9f9f9f">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffffff" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#9f9f9f">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#151515" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#151515" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#151515" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#151515" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ffffff" stroke="#151515" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/dark/productive-time-all-time.svg b/demo/dark/productive-time-all-time.svg
new file mode 100644
index 00000000..284b6d09
--- /dev/null
+++ b/demo/dark/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151515" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffffff">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#79ff97"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#79ff97"/>
+  <text x="29" y="158" font-size="10" fill="#79ff97" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#79ff97"/>
+  <text x="29" y="140" font-size="10" fill="#79ff97" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#79ff97"/>
+  <text x="29" y="122" font-size="10" fill="#79ff97" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#79ff97"/>
+  <text x="29" y="103" font-size="10" fill="#79ff97" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#79ff97"/>
+  <text x="29" y="85" font-size="10" fill="#79ff97" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#79ff97"/>
+  <text x="29" y="67" font-size="10" fill="#79ff97" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#79ff97"/>
+  <text x="29" y="48" font-size="10" fill="#79ff97" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#79ff97"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#79ff97"/>
+  <text x="40" y="171" font-size="10" fill="#79ff97" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#79ff97"/>
+  <text x="113" y="171" font-size="10" fill="#79ff97" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#79ff97"/>
+  <text x="186" y="171" font-size="10" fill="#79ff97" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#79ff97"/>
+  <text x="258" y="171" font-size="10" fill="#79ff97" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#79ff97"/>
+  <text x="319" y="171" font-size="10" fill="#79ff97" 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="137.03" width="11.12" height="17.97" rx="2" fill="#ffffff"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ffffff"><title>09:00 — 120 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>
+  <text x="180" y="189" font-size="11" fill="#79ff97" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/dark/productive-time.svg b/demo/dark/productive-time.svg
new file mode 100644
index 00000000..e4347622
--- /dev/null
+++ b/demo/dark/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151515" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffffff">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#79ff97"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#79ff97"/>
+  <text x="29" y="158" font-size="10" fill="#79ff97" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#79ff97"/>
+  <text x="29" y="131" font-size="10" fill="#79ff97" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#79ff97"/>
+  <text x="29" y="103" font-size="10" fill="#79ff97" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#79ff97"/>
+  <text x="29" y="76" font-size="10" fill="#79ff97" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#79ff97"/>
+  <text x="29" y="48" font-size="10" fill="#79ff97" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#79ff97"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#79ff97"/>
+  <text x="40" y="171" font-size="10" fill="#79ff97" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#79ff97"/>
+  <text x="113" y="171" font-size="10" fill="#79ff97" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#79ff97"/>
+  <text x="186" y="171" font-size="10" fill="#79ff97" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#79ff97"/>
+  <text x="258" y="171" font-size="10" fill="#79ff97" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#79ff97"/>
+  <text x="319" y="171" font-size="10" fill="#79ff97" 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="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="136.85" width="11.12" height="18.15" rx="2" fill="#ffffff"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ffffff"><title>09:00 — 95 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>
+  <text x="180" y="189" font-size="11" fill="#79ff97" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/dark/profile-details.svg b/demo/dark/profile-details.svg
new file mode 100644
index 00000000..06835d9d
--- /dev/null
+++ b/demo/dark/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151515" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffffff">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#79ff97"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#9f9f9f">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#79ff97"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#9f9f9f">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#79ff97"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#9f9f9f">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#79ff97"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#9f9f9f">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#79ff97"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#9f9f9f">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#79ff97"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#9f9f9f">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/dark/repos-per-language.svg b/demo/dark/repos-per-language.svg
new file mode 100644
index 00000000..46074e0c
--- /dev/null
+++ b/demo/dark/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151515" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffffff">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#9f9f9f">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#9f9f9f">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#9f9f9f">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#9f9f9f">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffffff" stroke="#151515" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#9f9f9f">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#151515" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#151515" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#151515" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#151515" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ffffff" stroke="#151515" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/dark/stats.svg b/demo/dark/stats.svg
new file mode 100644
index 00000000..be679879
--- /dev/null
+++ b/demo/dark/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151515" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffffff">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#79ff97"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#9f9f9f">Total Stars</text>
+  <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="#79ff97"><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="#9f9f9f">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#79ff97"><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="#9f9f9f">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#79ff97"><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="#9f9f9f">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#79ff97"><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="#9f9f9f">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#79ff97"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#9f9f9f">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#79ff97"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#9f9f9f">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ffffff" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/date_night/contributions-all-time.svg b/demo/date_night/contributions-all-time.svg
new file mode 100644
index 00000000..ff2a9389
--- /dev/null
+++ b/demo/date_night/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#170f0c" stroke="#170f0c" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#da7885">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#bb8470"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#bb8470"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#bb8470"/>
+  <text x="22" y="153" font-size="10" fill="#bb8470" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#bb8470"/>
+  <text x="318" y="153" font-size="10" fill="#bb8470" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#bb8470"/>
+  <text x="22" y="132" font-size="10" fill="#bb8470" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#bb8470"/>
+  <text x="318" y="132" font-size="10" fill="#bb8470" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#bb8470"/>
+  <text x="22" y="111" font-size="10" fill="#bb8470" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#bb8470"/>
+  <text x="318" y="111" font-size="10" fill="#bb8470" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#bb8470"/>
+  <text x="22" y="90" font-size="10" fill="#bb8470" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#bb8470"/>
+  <text x="318" y="90" font-size="10" fill="#bb8470" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#bb8470"/>
+  <text x="22" y="69" font-size="10" fill="#bb8470" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#bb8470"/>
+  <text x="318" y="69" font-size="10" fill="#bb8470" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#bb8470"/>
+  <text x="22" y="48" font-size="10" fill="#bb8470" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#bb8470"/>
+  <text x="318" y="48" font-size="10" fill="#bb8470" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#bb8470"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#bb8470"/>
+  <text x="28" y="166" font-size="10" fill="#bb8470" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#bb8470"/>
+  <text x="82" y="166" font-size="10" fill="#bb8470" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#bb8470"/>
+  <text x="137" y="166" font-size="10" fill="#bb8470" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#bb8470"/>
+  <text x="191" y="166" font-size="10" fill="#bb8470" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#bb8470"/>
+  <text x="246" y="166" font-size="10" fill="#bb8470" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#bb8470"/>
+  <text x="312" y="166" font-size="10" fill="#bb8470" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#da7885" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#da7885" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#bb8470" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/date_night/contributions.svg b/demo/date_night/contributions.svg
new file mode 100644
index 00000000..f3dc5345
--- /dev/null
+++ b/demo/date_night/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#170f0c" stroke="#170f0c" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#da7885">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#bb8470"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#bb8470"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#bb8470"/>
+  <text x="22" y="153" font-size="10" fill="#bb8470" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#bb8470"/>
+  <text x="318" y="153" font-size="10" fill="#bb8470" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#bb8470"/>
+  <text x="22" y="132" font-size="10" fill="#bb8470" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#bb8470"/>
+  <text x="318" y="132" font-size="10" fill="#bb8470" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#bb8470"/>
+  <text x="22" y="111" font-size="10" fill="#bb8470" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#bb8470"/>
+  <text x="318" y="111" font-size="10" fill="#bb8470" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#bb8470"/>
+  <text x="22" y="90" font-size="10" fill="#bb8470" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#bb8470"/>
+  <text x="318" y="90" font-size="10" fill="#bb8470" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#bb8470"/>
+  <text x="22" y="69" font-size="10" fill="#bb8470" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#bb8470"/>
+  <text x="318" y="69" font-size="10" fill="#bb8470" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#bb8470"/>
+  <text x="22" y="48" font-size="10" fill="#bb8470" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#bb8470"/>
+  <text x="318" y="48" font-size="10" fill="#bb8470" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#bb8470"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#bb8470"/>
+  <text x="28" y="166" font-size="10" fill="#bb8470" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#bb8470"/>
+  <text x="75" y="166" font-size="10" fill="#bb8470" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#bb8470"/>
+  <text x="122" y="166" font-size="10" fill="#bb8470" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#bb8470"/>
+  <text x="170" y="166" font-size="10" fill="#bb8470" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#bb8470"/>
+  <text x="217" y="166" font-size="10" fill="#bb8470" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#bb8470"/>
+  <text x="264" y="166" font-size="10" fill="#bb8470" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#bb8470"/>
+  <text x="312" y="166" font-size="10" fill="#bb8470" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#da7885" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#da7885" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#bb8470" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/date_night/most-commit-language-all-time.svg b/demo/date_night/most-commit-language-all-time.svg
new file mode 100644
index 00000000..6acb0ae3
--- /dev/null
+++ b/demo/date_night/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#170f0c" stroke="#170f0c" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#da7885">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e1b2a2">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e1b2a2">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e1b2a2">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e1b2a2">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#da7885" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e1b2a2">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#170f0c" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#170f0c" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#170f0c" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#170f0c" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#da7885" stroke="#170f0c" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/date_night/most-commit-language.svg b/demo/date_night/most-commit-language.svg
new file mode 100644
index 00000000..655a3852
--- /dev/null
+++ b/demo/date_night/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#170f0c" stroke="#170f0c" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#da7885">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e1b2a2">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e1b2a2">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e1b2a2">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e1b2a2">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#da7885" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e1b2a2">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#170f0c" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#170f0c" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#170f0c" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#170f0c" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#da7885" stroke="#170f0c" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/date_night/productive-time-all-time.svg b/demo/date_night/productive-time-all-time.svg
new file mode 100644
index 00000000..e26dc93e
--- /dev/null
+++ b/demo/date_night/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#170f0c" stroke="#170f0c" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#da7885">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#bb8470"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#bb8470"/>
+  <text x="29" y="158" font-size="10" fill="#bb8470" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#bb8470"/>
+  <text x="29" y="140" font-size="10" fill="#bb8470" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#bb8470"/>
+  <text x="29" y="122" font-size="10" fill="#bb8470" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#bb8470"/>
+  <text x="29" y="103" font-size="10" fill="#bb8470" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#bb8470"/>
+  <text x="29" y="85" font-size="10" fill="#bb8470" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#bb8470"/>
+  <text x="29" y="67" font-size="10" fill="#bb8470" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#bb8470"/>
+  <text x="29" y="48" font-size="10" fill="#bb8470" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#bb8470"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#bb8470"/>
+  <text x="40" y="171" font-size="10" fill="#bb8470" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#bb8470"/>
+  <text x="113" y="171" font-size="10" fill="#bb8470" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#bb8470"/>
+  <text x="186" y="171" font-size="10" fill="#bb8470" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#bb8470"/>
+  <text x="258" y="171" font-size="10" fill="#bb8470" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#bb8470"/>
+  <text x="319" y="171" font-size="10" fill="#bb8470" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#da7885"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#da7885"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#da7885"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#da7885"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#da7885"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#da7885"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#da7885"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#da7885"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#da7885"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#da7885"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#da7885"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#da7885"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#da7885"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#da7885"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#da7885"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#da7885"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#da7885"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#da7885"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#da7885"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#da7885"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#da7885"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#da7885"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#da7885"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#da7885"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#bb8470" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/date_night/productive-time.svg b/demo/date_night/productive-time.svg
new file mode 100644
index 00000000..8d84783f
--- /dev/null
+++ b/demo/date_night/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#170f0c" stroke="#170f0c" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#da7885">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#bb8470"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#bb8470"/>
+  <text x="29" y="158" font-size="10" fill="#bb8470" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#bb8470"/>
+  <text x="29" y="131" font-size="10" fill="#bb8470" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#bb8470"/>
+  <text x="29" y="103" font-size="10" fill="#bb8470" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#bb8470"/>
+  <text x="29" y="76" font-size="10" fill="#bb8470" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#bb8470"/>
+  <text x="29" y="48" font-size="10" fill="#bb8470" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#bb8470"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#bb8470"/>
+  <text x="40" y="171" font-size="10" fill="#bb8470" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#bb8470"/>
+  <text x="113" y="171" font-size="10" fill="#bb8470" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#bb8470"/>
+  <text x="186" y="171" font-size="10" fill="#bb8470" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#bb8470"/>
+  <text x="258" y="171" font-size="10" fill="#bb8470" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#bb8470"/>
+  <text x="319" y="171" font-size="10" fill="#bb8470" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#da7885"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#da7885"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#da7885"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#da7885"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#da7885"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#da7885"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#da7885"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#da7885"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#da7885"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#da7885"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#da7885"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#da7885"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#da7885"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#da7885"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#da7885"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#da7885"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#da7885"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#da7885"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#da7885"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#da7885"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#da7885"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#da7885"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#da7885"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#da7885"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#bb8470" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/date_night/profile-details.svg b/demo/date_night/profile-details.svg
new file mode 100644
index 00000000..d1c29e01
--- /dev/null
+++ b/demo/date_night/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#170f0c" stroke="#170f0c" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#da7885">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#bb8470"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#e1b2a2">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#bb8470"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#e1b2a2">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#bb8470"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#e1b2a2">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#bb8470"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#e1b2a2">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#bb8470"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#e1b2a2">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#bb8470"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#e1b2a2">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/date_night/repos-per-language.svg b/demo/date_night/repos-per-language.svg
new file mode 100644
index 00000000..ed9cfe1c
--- /dev/null
+++ b/demo/date_night/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#170f0c" stroke="#170f0c" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#da7885">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e1b2a2">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e1b2a2">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e1b2a2">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e1b2a2">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#da7885" stroke="#170f0c" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e1b2a2">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#170f0c" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#170f0c" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#170f0c" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#170f0c" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#da7885" stroke="#170f0c" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/date_night/stats.svg b/demo/date_night/stats.svg
new file mode 100644
index 00000000..7da872c1
--- /dev/null
+++ b/demo/date_night/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#170f0c" stroke="#170f0c" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#da7885">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#bb8470"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#e1b2a2">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#da7885" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#bb8470"><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="#e1b2a2">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#da7885" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#bb8470"><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="#e1b2a2">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#da7885" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#bb8470"><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="#e1b2a2">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#da7885" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#bb8470"><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="#e1b2a2">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#da7885" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#bb8470"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#e1b2a2">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#da7885" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#bb8470"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#e1b2a2">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#da7885" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/default/contributions-all-time.svg b/demo/default/contributions-all-time.svg
new file mode 100644
index 00000000..95b4eca3
--- /dev/null
+++ b/demo/default/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#586e75">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#586e75"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#586e75"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#586e75"/>
+  <text x="22" y="153" font-size="10" fill="#586e75" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#586e75"/>
+  <text x="318" y="153" font-size="10" fill="#586e75" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#586e75"/>
+  <text x="22" y="132" font-size="10" fill="#586e75" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#586e75"/>
+  <text x="318" y="132" font-size="10" fill="#586e75" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#586e75"/>
+  <text x="22" y="111" font-size="10" fill="#586e75" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#586e75"/>
+  <text x="318" y="111" font-size="10" fill="#586e75" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#586e75"/>
+  <text x="22" y="90" font-size="10" fill="#586e75" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#586e75"/>
+  <text x="318" y="90" font-size="10" fill="#586e75" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#586e75"/>
+  <text x="22" y="69" font-size="10" fill="#586e75" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#586e75"/>
+  <text x="318" y="69" font-size="10" fill="#586e75" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#586e75"/>
+  <text x="22" y="48" font-size="10" fill="#586e75" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#586e75"/>
+  <text x="318" y="48" font-size="10" fill="#586e75" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#586e75"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#586e75"/>
+  <text x="28" y="166" font-size="10" fill="#586e75" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#586e75"/>
+  <text x="82" y="166" font-size="10" fill="#586e75" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#586e75"/>
+  <text x="137" y="166" font-size="10" fill="#586e75" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#586e75"/>
+  <text x="191" y="166" font-size="10" fill="#586e75" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#586e75"/>
+  <text x="246" y="166" font-size="10" fill="#586e75" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#586e75"/>
+  <text x="312" y="166" font-size="10" fill="#586e75" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#586e75" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#586e75" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#586e75" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/default/contributions.svg b/demo/default/contributions.svg
new file mode 100644
index 00000000..eba2bd0c
--- /dev/null
+++ b/demo/default/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#586e75">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#586e75"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#586e75"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#586e75"/>
+  <text x="22" y="153" font-size="10" fill="#586e75" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#586e75"/>
+  <text x="318" y="153" font-size="10" fill="#586e75" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#586e75"/>
+  <text x="22" y="132" font-size="10" fill="#586e75" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#586e75"/>
+  <text x="318" y="132" font-size="10" fill="#586e75" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#586e75"/>
+  <text x="22" y="111" font-size="10" fill="#586e75" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#586e75"/>
+  <text x="318" y="111" font-size="10" fill="#586e75" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#586e75"/>
+  <text x="22" y="90" font-size="10" fill="#586e75" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#586e75"/>
+  <text x="318" y="90" font-size="10" fill="#586e75" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#586e75"/>
+  <text x="22" y="69" font-size="10" fill="#586e75" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#586e75"/>
+  <text x="318" y="69" font-size="10" fill="#586e75" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#586e75"/>
+  <text x="22" y="48" font-size="10" fill="#586e75" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#586e75"/>
+  <text x="318" y="48" font-size="10" fill="#586e75" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#586e75"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#586e75"/>
+  <text x="28" y="166" font-size="10" fill="#586e75" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#586e75"/>
+  <text x="75" y="166" font-size="10" fill="#586e75" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#586e75"/>
+  <text x="122" y="166" font-size="10" fill="#586e75" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#586e75"/>
+  <text x="170" y="166" font-size="10" fill="#586e75" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#586e75"/>
+  <text x="217" y="166" font-size="10" fill="#586e75" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#586e75"/>
+  <text x="264" y="166" font-size="10" fill="#586e75" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#586e75"/>
+  <text x="312" y="166" font-size="10" fill="#586e75" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#586e75" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#586e75" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#586e75" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/default/most-commit-language-all-time.svg b/demo/default/most-commit-language-all-time.svg
new file mode 100644
index 00000000..aa669c57
--- /dev/null
+++ b/demo/default/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#586e75">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#586e75">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#586e75">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#586e75">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#586e75">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#586e75" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#586e75">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#586e75" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/default/most-commit-language.svg b/demo/default/most-commit-language.svg
new file mode 100644
index 00000000..df3fc56c
--- /dev/null
+++ b/demo/default/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#586e75">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#586e75">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#586e75">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#586e75">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#586e75">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#586e75" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#586e75">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#586e75" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/default/productive-time-all-time.svg b/demo/default/productive-time-all-time.svg
new file mode 100644
index 00000000..166fc300
--- /dev/null
+++ b/demo/default/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#586e75">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#586e75"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#586e75"/>
+  <text x="29" y="158" font-size="10" fill="#586e75" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#586e75"/>
+  <text x="29" y="140" font-size="10" fill="#586e75" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#586e75"/>
+  <text x="29" y="122" font-size="10" fill="#586e75" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#586e75"/>
+  <text x="29" y="103" font-size="10" fill="#586e75" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#586e75"/>
+  <text x="29" y="85" font-size="10" fill="#586e75" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#586e75"/>
+  <text x="29" y="67" font-size="10" fill="#586e75" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#586e75"/>
+  <text x="29" y="48" font-size="10" fill="#586e75" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#586e75"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#586e75"/>
+  <text x="40" y="171" font-size="10" fill="#586e75" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#586e75"/>
+  <text x="113" y="171" font-size="10" fill="#586e75" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#586e75"/>
+  <text x="186" y="171" font-size="10" fill="#586e75" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#586e75"/>
+  <text x="258" y="171" font-size="10" fill="#586e75" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#586e75"/>
+  <text x="319" y="171" font-size="10" fill="#586e75" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#586e75"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#586e75"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#586e75"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#586e75"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#586e75"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#586e75"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#586e75"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#586e75"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#586e75"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#586e75"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#586e75"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#586e75"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#586e75"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#586e75"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#586e75"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#586e75"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#586e75"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#586e75"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#586e75"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#586e75"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#586e75"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#586e75"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#586e75"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#586e75"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#586e75" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/default/productive-time.svg b/demo/default/productive-time.svg
new file mode 100644
index 00000000..e4c5bc5b
--- /dev/null
+++ b/demo/default/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#586e75">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#586e75"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#586e75"/>
+  <text x="29" y="158" font-size="10" fill="#586e75" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#586e75"/>
+  <text x="29" y="131" font-size="10" fill="#586e75" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#586e75"/>
+  <text x="29" y="103" font-size="10" fill="#586e75" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#586e75"/>
+  <text x="29" y="76" font-size="10" fill="#586e75" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#586e75"/>
+  <text x="29" y="48" font-size="10" fill="#586e75" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#586e75"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#586e75"/>
+  <text x="40" y="171" font-size="10" fill="#586e75" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#586e75"/>
+  <text x="113" y="171" font-size="10" fill="#586e75" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#586e75"/>
+  <text x="186" y="171" font-size="10" fill="#586e75" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#586e75"/>
+  <text x="258" y="171" font-size="10" fill="#586e75" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#586e75"/>
+  <text x="319" y="171" font-size="10" fill="#586e75" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#586e75"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#586e75"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#586e75"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#586e75"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#586e75"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#586e75"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#586e75"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#586e75"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#586e75"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#586e75"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#586e75"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#586e75"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#586e75"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#586e75"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#586e75"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#586e75"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#586e75"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#586e75"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#586e75"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#586e75"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#586e75"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#586e75"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#586e75"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#586e75"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#586e75" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/default/profile-details.svg b/demo/default/profile-details.svg
new file mode 100644
index 00000000..4e90617a
--- /dev/null
+++ b/demo/default/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#586e75">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#586e75"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#586e75">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#586e75"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#586e75">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#586e75"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#586e75">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#586e75"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#586e75">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#586e75"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#586e75">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#586e75"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#586e75">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/default/repos-per-language.svg b/demo/default/repos-per-language.svg
new file mode 100644
index 00000000..59357067
--- /dev/null
+++ b/demo/default/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#586e75">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#586e75">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#586e75">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#586e75">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#586e75">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#586e75" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#586e75">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#586e75" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/default/stats.svg b/demo/default/stats.svg
new file mode 100644
index 00000000..f4914ffd
--- /dev/null
+++ b/demo/default/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#586e75">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#586e75"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#586e75">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#586e75" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#586e75"><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="#586e75">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#586e75" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#586e75"><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="#586e75">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#586e75" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#586e75"><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="#586e75">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#586e75" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#586e75"><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="#586e75">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#586e75" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#586e75"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#586e75">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#586e75" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#586e75"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#586e75">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#586e75" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/discord_old_blurple/contributions-all-time.svg b/demo/discord_old_blurple/contributions-all-time.svg
new file mode 100644
index 00000000..5fa9ff2b
--- /dev/null
+++ b/demo/discord_old_blurple/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c2f33" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7289da">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#7289da"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#7289da"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#7289da"/>
+  <text x="22" y="153" font-size="10" fill="#7289da" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#7289da"/>
+  <text x="318" y="153" font-size="10" fill="#7289da" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#7289da"/>
+  <text x="22" y="132" font-size="10" fill="#7289da" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#7289da"/>
+  <text x="318" y="132" font-size="10" fill="#7289da" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#7289da"/>
+  <text x="22" y="111" font-size="10" fill="#7289da" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#7289da"/>
+  <text x="318" y="111" font-size="10" fill="#7289da" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#7289da"/>
+  <text x="22" y="90" font-size="10" fill="#7289da" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#7289da"/>
+  <text x="318" y="90" font-size="10" fill="#7289da" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#7289da"/>
+  <text x="22" y="69" font-size="10" fill="#7289da" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#7289da"/>
+  <text x="318" y="69" font-size="10" fill="#7289da" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#7289da"/>
+  <text x="22" y="48" font-size="10" fill="#7289da" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#7289da"/>
+  <text x="318" y="48" font-size="10" fill="#7289da" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#7289da"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#7289da"/>
+  <text x="28" y="166" font-size="10" fill="#7289da" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#7289da"/>
+  <text x="82" y="166" font-size="10" fill="#7289da" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#7289da"/>
+  <text x="137" y="166" font-size="10" fill="#7289da" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#7289da"/>
+  <text x="191" y="166" font-size="10" fill="#7289da" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#7289da"/>
+  <text x="246" y="166" font-size="10" fill="#7289da" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#7289da"/>
+  <text x="312" y="166" font-size="10" fill="#7289da" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#7289da" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#7289da" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#7289da" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/discord_old_blurple/contributions.svg b/demo/discord_old_blurple/contributions.svg
new file mode 100644
index 00000000..e33fdd57
--- /dev/null
+++ b/demo/discord_old_blurple/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c2f33" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7289da">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#7289da"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#7289da"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#7289da"/>
+  <text x="22" y="153" font-size="10" fill="#7289da" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#7289da"/>
+  <text x="318" y="153" font-size="10" fill="#7289da" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#7289da"/>
+  <text x="22" y="132" font-size="10" fill="#7289da" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#7289da"/>
+  <text x="318" y="132" font-size="10" fill="#7289da" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#7289da"/>
+  <text x="22" y="111" font-size="10" fill="#7289da" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#7289da"/>
+  <text x="318" y="111" font-size="10" fill="#7289da" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#7289da"/>
+  <text x="22" y="90" font-size="10" fill="#7289da" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#7289da"/>
+  <text x="318" y="90" font-size="10" fill="#7289da" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#7289da"/>
+  <text x="22" y="69" font-size="10" fill="#7289da" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#7289da"/>
+  <text x="318" y="69" font-size="10" fill="#7289da" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#7289da"/>
+  <text x="22" y="48" font-size="10" fill="#7289da" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#7289da"/>
+  <text x="318" y="48" font-size="10" fill="#7289da" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#7289da"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#7289da"/>
+  <text x="28" y="166" font-size="10" fill="#7289da" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#7289da"/>
+  <text x="75" y="166" font-size="10" fill="#7289da" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#7289da"/>
+  <text x="122" y="166" font-size="10" fill="#7289da" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#7289da"/>
+  <text x="170" y="166" font-size="10" fill="#7289da" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#7289da"/>
+  <text x="217" y="166" font-size="10" fill="#7289da" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#7289da"/>
+  <text x="264" y="166" font-size="10" fill="#7289da" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#7289da"/>
+  <text x="312" y="166" font-size="10" fill="#7289da" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#7289da" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#7289da" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#7289da" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/discord_old_blurple/most-commit-language-all-time.svg b/demo/discord_old_blurple/most-commit-language-all-time.svg
new file mode 100644
index 00000000..96ec3b53
--- /dev/null
+++ b/demo/discord_old_blurple/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c2f33" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7289da">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#7289da" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2c2f33" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#2c2f33" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#2c2f33" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#2c2f33" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#7289da" stroke="#2c2f33" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/discord_old_blurple/most-commit-language.svg b/demo/discord_old_blurple/most-commit-language.svg
new file mode 100644
index 00000000..a231b1bf
--- /dev/null
+++ b/demo/discord_old_blurple/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c2f33" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7289da">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#7289da" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2c2f33" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#2c2f33" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#2c2f33" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#2c2f33" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#7289da" stroke="#2c2f33" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/discord_old_blurple/productive-time-all-time.svg b/demo/discord_old_blurple/productive-time-all-time.svg
new file mode 100644
index 00000000..620d62ee
--- /dev/null
+++ b/demo/discord_old_blurple/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c2f33" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7289da">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#7289da"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#7289da"/>
+  <text x="29" y="158" font-size="10" fill="#7289da" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#7289da"/>
+  <text x="29" y="140" font-size="10" fill="#7289da" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#7289da"/>
+  <text x="29" y="122" font-size="10" fill="#7289da" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#7289da"/>
+  <text x="29" y="103" font-size="10" fill="#7289da" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#7289da"/>
+  <text x="29" y="85" font-size="10" fill="#7289da" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#7289da"/>
+  <text x="29" y="67" font-size="10" fill="#7289da" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#7289da"/>
+  <text x="29" y="48" font-size="10" fill="#7289da" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#7289da"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#7289da"/>
+  <text x="40" y="171" font-size="10" fill="#7289da" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#7289da"/>
+  <text x="113" y="171" font-size="10" fill="#7289da" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#7289da"/>
+  <text x="186" y="171" font-size="10" fill="#7289da" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#7289da"/>
+  <text x="258" y="171" font-size="10" fill="#7289da" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#7289da"/>
+  <text x="319" y="171" font-size="10" fill="#7289da" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#7289da"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#7289da"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#7289da"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#7289da"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#7289da"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#7289da"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#7289da"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#7289da"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#7289da"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#7289da"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#7289da"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#7289da"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#7289da"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#7289da"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#7289da"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#7289da"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#7289da"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#7289da"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#7289da"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#7289da"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#7289da"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#7289da"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#7289da"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#7289da"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#7289da" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/discord_old_blurple/productive-time.svg b/demo/discord_old_blurple/productive-time.svg
new file mode 100644
index 00000000..b3e7dad6
--- /dev/null
+++ b/demo/discord_old_blurple/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c2f33" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7289da">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#7289da"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#7289da"/>
+  <text x="29" y="158" font-size="10" fill="#7289da" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#7289da"/>
+  <text x="29" y="131" font-size="10" fill="#7289da" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#7289da"/>
+  <text x="29" y="103" font-size="10" fill="#7289da" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#7289da"/>
+  <text x="29" y="76" font-size="10" fill="#7289da" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#7289da"/>
+  <text x="29" y="48" font-size="10" fill="#7289da" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#7289da"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#7289da"/>
+  <text x="40" y="171" font-size="10" fill="#7289da" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#7289da"/>
+  <text x="113" y="171" font-size="10" fill="#7289da" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#7289da"/>
+  <text x="186" y="171" font-size="10" fill="#7289da" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#7289da"/>
+  <text x="258" y="171" font-size="10" fill="#7289da" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#7289da"/>
+  <text x="319" y="171" font-size="10" fill="#7289da" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#7289da"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#7289da"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#7289da"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#7289da"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#7289da"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#7289da"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#7289da"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#7289da"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#7289da"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#7289da"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#7289da"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#7289da"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#7289da"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#7289da"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#7289da"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#7289da"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#7289da"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#7289da"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#7289da"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#7289da"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#7289da"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#7289da"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#7289da"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#7289da"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#7289da" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/discord_old_blurple/profile-details.svg b/demo/discord_old_blurple/profile-details.svg
new file mode 100644
index 00000000..c6ed9aa9
--- /dev/null
+++ b/demo/discord_old_blurple/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c2f33" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7289da">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#7289da"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffffff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#7289da"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffffff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#7289da"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffffff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#7289da"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffffff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#7289da"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffffff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#7289da"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffffff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/discord_old_blurple/repos-per-language.svg b/demo/discord_old_blurple/repos-per-language.svg
new file mode 100644
index 00000000..af6e8fad
--- /dev/null
+++ b/demo/discord_old_blurple/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c2f33" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7289da">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#7289da" stroke="#2c2f33" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2c2f33" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#2c2f33" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#2c2f33" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#2c2f33" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#7289da" stroke="#2c2f33" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/discord_old_blurple/stats.svg b/demo/discord_old_blurple/stats.svg
new file mode 100644
index 00000000..4ce75382
--- /dev/null
+++ b/demo/discord_old_blurple/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c2f33" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#7289da">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#7289da"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffffff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#7289da" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#7289da"><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="#7289da" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#7289da"><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="#7289da" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#7289da"><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="#7289da" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#7289da"><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="#7289da" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#7289da"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffffff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#7289da" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#7289da"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffffff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#7289da" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/dracula/contributions-all-time.svg b/demo/dracula/contributions-all-time.svg
new file mode 100644
index 00000000..7261542d
--- /dev/null
+++ b/demo/dracula/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282a36" stroke="#282a36" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#6272a4"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#6272a4"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#6272a4"/>
+  <text x="22" y="153" font-size="10" fill="#6272a4" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#6272a4"/>
+  <text x="318" y="153" font-size="10" fill="#6272a4" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#6272a4"/>
+  <text x="22" y="132" font-size="10" fill="#6272a4" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#6272a4"/>
+  <text x="318" y="132" font-size="10" fill="#6272a4" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#6272a4"/>
+  <text x="22" y="111" font-size="10" fill="#6272a4" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#6272a4"/>
+  <text x="318" y="111" font-size="10" fill="#6272a4" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#6272a4"/>
+  <text x="22" y="90" font-size="10" fill="#6272a4" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#6272a4"/>
+  <text x="318" y="90" font-size="10" fill="#6272a4" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#6272a4"/>
+  <text x="22" y="69" font-size="10" fill="#6272a4" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#6272a4"/>
+  <text x="318" y="69" font-size="10" fill="#6272a4" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#6272a4"/>
+  <text x="22" y="48" font-size="10" fill="#6272a4" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#6272a4"/>
+  <text x="318" y="48" font-size="10" fill="#6272a4" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#6272a4"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#6272a4"/>
+  <text x="28" y="166" font-size="10" fill="#6272a4" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#6272a4"/>
+  <text x="82" y="166" font-size="10" fill="#6272a4" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#6272a4"/>
+  <text x="137" y="166" font-size="10" fill="#6272a4" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#6272a4"/>
+  <text x="191" y="166" font-size="10" fill="#6272a4" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#6272a4"/>
+  <text x="246" y="166" font-size="10" fill="#6272a4" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#6272a4"/>
+  <text x="312" y="166" font-size="10" fill="#6272a4" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#bd93f9" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#bd93f9" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#6272a4" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/dracula/contributions.svg b/demo/dracula/contributions.svg
new file mode 100644
index 00000000..bd3117ba
--- /dev/null
+++ b/demo/dracula/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282a36" stroke="#282a36" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#6272a4"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#6272a4"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#6272a4"/>
+  <text x="22" y="153" font-size="10" fill="#6272a4" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#6272a4"/>
+  <text x="318" y="153" font-size="10" fill="#6272a4" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#6272a4"/>
+  <text x="22" y="132" font-size="10" fill="#6272a4" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#6272a4"/>
+  <text x="318" y="132" font-size="10" fill="#6272a4" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#6272a4"/>
+  <text x="22" y="111" font-size="10" fill="#6272a4" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#6272a4"/>
+  <text x="318" y="111" font-size="10" fill="#6272a4" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#6272a4"/>
+  <text x="22" y="90" font-size="10" fill="#6272a4" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#6272a4"/>
+  <text x="318" y="90" font-size="10" fill="#6272a4" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#6272a4"/>
+  <text x="22" y="69" font-size="10" fill="#6272a4" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#6272a4"/>
+  <text x="318" y="69" font-size="10" fill="#6272a4" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#6272a4"/>
+  <text x="22" y="48" font-size="10" fill="#6272a4" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#6272a4"/>
+  <text x="318" y="48" font-size="10" fill="#6272a4" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#6272a4"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#6272a4"/>
+  <text x="28" y="166" font-size="10" fill="#6272a4" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#6272a4"/>
+  <text x="75" y="166" font-size="10" fill="#6272a4" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#6272a4"/>
+  <text x="122" y="166" font-size="10" fill="#6272a4" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#6272a4"/>
+  <text x="170" y="166" font-size="10" fill="#6272a4" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#6272a4"/>
+  <text x="217" y="166" font-size="10" fill="#6272a4" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#6272a4"/>
+  <text x="264" y="166" font-size="10" fill="#6272a4" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#6272a4"/>
+  <text x="312" y="166" font-size="10" fill="#6272a4" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#bd93f9" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#bd93f9" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#6272a4" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/dracula/most-commit-language-all-time.svg b/demo/dracula/most-commit-language-all-time.svg
new file mode 100644
index 00000000..7a4ebea8
--- /dev/null
+++ b/demo/dracula/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282a36" stroke="#282a36" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffb86c">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffb86c">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffb86c">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffb86c">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#bd93f9" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffb86c">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#282a36" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#282a36" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#282a36" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#282a36" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#bd93f9" stroke="#282a36" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/dracula/most-commit-language.svg b/demo/dracula/most-commit-language.svg
new file mode 100644
index 00000000..b90cdaf2
--- /dev/null
+++ b/demo/dracula/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282a36" stroke="#282a36" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffb86c">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffb86c">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffb86c">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffb86c">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#bd93f9" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffb86c">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#282a36" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#282a36" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#282a36" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#282a36" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#bd93f9" stroke="#282a36" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/dracula/productive-time-all-time.svg b/demo/dracula/productive-time-all-time.svg
new file mode 100644
index 00000000..7e93caab
--- /dev/null
+++ b/demo/dracula/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282a36" stroke="#282a36" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#6272a4"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#6272a4"/>
+  <text x="29" y="158" font-size="10" fill="#6272a4" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#6272a4"/>
+  <text x="29" y="140" font-size="10" fill="#6272a4" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#6272a4"/>
+  <text x="29" y="122" font-size="10" fill="#6272a4" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#6272a4"/>
+  <text x="29" y="103" font-size="10" fill="#6272a4" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#6272a4"/>
+  <text x="29" y="85" font-size="10" fill="#6272a4" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#6272a4"/>
+  <text x="29" y="67" font-size="10" fill="#6272a4" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#6272a4"/>
+  <text x="29" y="48" font-size="10" fill="#6272a4" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#6272a4"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#6272a4"/>
+  <text x="40" y="171" font-size="10" fill="#6272a4" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#6272a4"/>
+  <text x="113" y="171" font-size="10" fill="#6272a4" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#6272a4"/>
+  <text x="186" y="171" font-size="10" fill="#6272a4" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#6272a4"/>
+  <text x="258" y="171" font-size="10" fill="#6272a4" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#6272a4"/>
+  <text x="319" y="171" font-size="10" fill="#6272a4" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#bd93f9"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#bd93f9"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#bd93f9"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#bd93f9"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#bd93f9"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#bd93f9"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#bd93f9"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#bd93f9"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#bd93f9"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#bd93f9"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#bd93f9"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#bd93f9"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#bd93f9"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#bd93f9"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#bd93f9"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#bd93f9"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#bd93f9"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#bd93f9"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#bd93f9"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#bd93f9"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#bd93f9"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#bd93f9"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#bd93f9"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#bd93f9"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#6272a4" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/dracula/productive-time.svg b/demo/dracula/productive-time.svg
new file mode 100644
index 00000000..2bc3e49a
--- /dev/null
+++ b/demo/dracula/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282a36" stroke="#282a36" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#6272a4"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#6272a4"/>
+  <text x="29" y="158" font-size="10" fill="#6272a4" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#6272a4"/>
+  <text x="29" y="131" font-size="10" fill="#6272a4" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#6272a4"/>
+  <text x="29" y="103" font-size="10" fill="#6272a4" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#6272a4"/>
+  <text x="29" y="76" font-size="10" fill="#6272a4" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#6272a4"/>
+  <text x="29" y="48" font-size="10" fill="#6272a4" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#6272a4"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#6272a4"/>
+  <text x="40" y="171" font-size="10" fill="#6272a4" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#6272a4"/>
+  <text x="113" y="171" font-size="10" fill="#6272a4" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#6272a4"/>
+  <text x="186" y="171" font-size="10" fill="#6272a4" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#6272a4"/>
+  <text x="258" y="171" font-size="10" fill="#6272a4" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#6272a4"/>
+  <text x="319" y="171" font-size="10" fill="#6272a4" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#bd93f9"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#bd93f9"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#bd93f9"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#bd93f9"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#bd93f9"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#bd93f9"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#bd93f9"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#bd93f9"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#bd93f9"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#bd93f9"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#bd93f9"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#bd93f9"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#bd93f9"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#bd93f9"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#bd93f9"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#bd93f9"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#bd93f9"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#bd93f9"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#bd93f9"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#bd93f9"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#bd93f9"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#bd93f9"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#bd93f9"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#bd93f9"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#6272a4" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/dracula/profile-details.svg b/demo/dracula/profile-details.svg
new file mode 100644
index 00000000..4e7307fc
--- /dev/null
+++ b/demo/dracula/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282a36" stroke="#282a36" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#6272a4"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffb86c">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#6272a4"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffb86c">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#6272a4"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffb86c">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#6272a4"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffb86c">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#6272a4"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffb86c">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#6272a4"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffb86c">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/dracula/repos-per-language.svg b/demo/dracula/repos-per-language.svg
new file mode 100644
index 00000000..c96c0131
--- /dev/null
+++ b/demo/dracula/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282a36" stroke="#282a36" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffb86c">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffb86c">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffb86c">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffb86c">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#bd93f9" stroke="#282a36" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffb86c">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#282a36" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#282a36" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#282a36" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#282a36" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#bd93f9" stroke="#282a36" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/dracula/stats.svg b/demo/dracula/stats.svg
new file mode 100644
index 00000000..a928e6f3
--- /dev/null
+++ b/demo/dracula/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282a36" stroke="#282a36" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#6272a4"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffb86c">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#bd93f9" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#6272a4"><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="#ffb86c">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#bd93f9" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#6272a4"><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="#ffb86c">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#bd93f9" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#6272a4"><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="#ffb86c">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#bd93f9" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#6272a4"><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="#ffb86c">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#bd93f9" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#6272a4"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffb86c">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#bd93f9" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#6272a4"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffb86c">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#bd93f9" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/flag_india/contributions-all-time.svg b/demo/flag_india/contributions-all-time.svg
new file mode 100644
index 00000000..9ea4e881
--- /dev/null
+++ b/demo/flag_india/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff8f1c">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#250e62"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#250e62"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#250e62"/>
+  <text x="22" y="153" font-size="10" fill="#250e62" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#250e62"/>
+  <text x="318" y="153" font-size="10" fill="#250e62" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#250e62"/>
+  <text x="22" y="132" font-size="10" fill="#250e62" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#250e62"/>
+  <text x="318" y="132" font-size="10" fill="#250e62" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#250e62"/>
+  <text x="22" y="111" font-size="10" fill="#250e62" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#250e62"/>
+  <text x="318" y="111" font-size="10" fill="#250e62" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#250e62"/>
+  <text x="22" y="90" font-size="10" fill="#250e62" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#250e62"/>
+  <text x="318" y="90" font-size="10" fill="#250e62" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#250e62"/>
+  <text x="22" y="69" font-size="10" fill="#250e62" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#250e62"/>
+  <text x="318" y="69" font-size="10" fill="#250e62" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#250e62"/>
+  <text x="22" y="48" font-size="10" fill="#250e62" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#250e62"/>
+  <text x="318" y="48" font-size="10" fill="#250e62" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#250e62"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#250e62"/>
+  <text x="28" y="166" font-size="10" fill="#250e62" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#250e62"/>
+  <text x="82" y="166" font-size="10" fill="#250e62" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#250e62"/>
+  <text x="137" y="166" font-size="10" fill="#250e62" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#250e62"/>
+  <text x="191" y="166" font-size="10" fill="#250e62" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#250e62"/>
+  <text x="246" y="166" font-size="10" fill="#250e62" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#250e62"/>
+  <text x="312" y="166" font-size="10" fill="#250e62" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ff8f1c" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ff8f1c" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#250e62" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/flag_india/contributions.svg b/demo/flag_india/contributions.svg
new file mode 100644
index 00000000..6956511c
--- /dev/null
+++ b/demo/flag_india/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff8f1c">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#250e62"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#250e62"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#250e62"/>
+  <text x="22" y="153" font-size="10" fill="#250e62" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#250e62"/>
+  <text x="318" y="153" font-size="10" fill="#250e62" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#250e62"/>
+  <text x="22" y="132" font-size="10" fill="#250e62" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#250e62"/>
+  <text x="318" y="132" font-size="10" fill="#250e62" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#250e62"/>
+  <text x="22" y="111" font-size="10" fill="#250e62" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#250e62"/>
+  <text x="318" y="111" font-size="10" fill="#250e62" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#250e62"/>
+  <text x="22" y="90" font-size="10" fill="#250e62" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#250e62"/>
+  <text x="318" y="90" font-size="10" fill="#250e62" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#250e62"/>
+  <text x="22" y="69" font-size="10" fill="#250e62" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#250e62"/>
+  <text x="318" y="69" font-size="10" fill="#250e62" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#250e62"/>
+  <text x="22" y="48" font-size="10" fill="#250e62" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#250e62"/>
+  <text x="318" y="48" font-size="10" fill="#250e62" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#250e62"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#250e62"/>
+  <text x="28" y="166" font-size="10" fill="#250e62" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#250e62"/>
+  <text x="75" y="166" font-size="10" fill="#250e62" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#250e62"/>
+  <text x="122" y="166" font-size="10" fill="#250e62" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#250e62"/>
+  <text x="170" y="166" font-size="10" fill="#250e62" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#250e62"/>
+  <text x="217" y="166" font-size="10" fill="#250e62" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#250e62"/>
+  <text x="264" y="166" font-size="10" fill="#250e62" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#250e62"/>
+  <text x="312" y="166" font-size="10" fill="#250e62" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ff8f1c" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ff8f1c" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#250e62" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/flag_india/most-commit-language-all-time.svg b/demo/flag_india/most-commit-language-all-time.svg
new file mode 100644
index 00000000..1d69d19e
--- /dev/null
+++ b/demo/flag_india/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff8f1c">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#509e2f">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#509e2f">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#509e2f">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#509e2f">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff8f1c" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#509e2f">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ff8f1c" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/flag_india/most-commit-language.svg b/demo/flag_india/most-commit-language.svg
new file mode 100644
index 00000000..95dd3393
--- /dev/null
+++ b/demo/flag_india/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff8f1c">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#509e2f">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#509e2f">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#509e2f">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#509e2f">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff8f1c" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#509e2f">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ff8f1c" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/flag_india/productive-time-all-time.svg b/demo/flag_india/productive-time-all-time.svg
new file mode 100644
index 00000000..da95dff1
--- /dev/null
+++ b/demo/flag_india/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff8f1c">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#250e62"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#250e62"/>
+  <text x="29" y="158" font-size="10" fill="#250e62" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#250e62"/>
+  <text x="29" y="140" font-size="10" fill="#250e62" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#250e62"/>
+  <text x="29" y="122" font-size="10" fill="#250e62" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#250e62"/>
+  <text x="29" y="103" font-size="10" fill="#250e62" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#250e62"/>
+  <text x="29" y="85" font-size="10" fill="#250e62" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#250e62"/>
+  <text x="29" y="67" font-size="10" fill="#250e62" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#250e62"/>
+  <text x="29" y="48" font-size="10" fill="#250e62" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#250e62"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#250e62"/>
+  <text x="40" y="171" font-size="10" fill="#250e62" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#250e62"/>
+  <text x="113" y="171" font-size="10" fill="#250e62" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#250e62"/>
+  <text x="186" y="171" font-size="10" fill="#250e62" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#250e62"/>
+  <text x="258" y="171" font-size="10" fill="#250e62" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#250e62"/>
+  <text x="319" y="171" font-size="10" fill="#250e62" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ff8f1c"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ff8f1c"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ff8f1c"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ff8f1c"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ff8f1c"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ff8f1c"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ff8f1c"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ff8f1c"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ff8f1c"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ff8f1c"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ff8f1c"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ff8f1c"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ff8f1c"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ff8f1c"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ff8f1c"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ff8f1c"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ff8f1c"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ff8f1c"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ff8f1c"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ff8f1c"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ff8f1c"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ff8f1c"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ff8f1c"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ff8f1c"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#250e62" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/flag_india/productive-time.svg b/demo/flag_india/productive-time.svg
new file mode 100644
index 00000000..8e73c562
--- /dev/null
+++ b/demo/flag_india/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff8f1c">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#250e62"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#250e62"/>
+  <text x="29" y="158" font-size="10" fill="#250e62" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#250e62"/>
+  <text x="29" y="131" font-size="10" fill="#250e62" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#250e62"/>
+  <text x="29" y="103" font-size="10" fill="#250e62" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#250e62"/>
+  <text x="29" y="76" font-size="10" fill="#250e62" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#250e62"/>
+  <text x="29" y="48" font-size="10" fill="#250e62" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#250e62"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#250e62"/>
+  <text x="40" y="171" font-size="10" fill="#250e62" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#250e62"/>
+  <text x="113" y="171" font-size="10" fill="#250e62" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#250e62"/>
+  <text x="186" y="171" font-size="10" fill="#250e62" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#250e62"/>
+  <text x="258" y="171" font-size="10" fill="#250e62" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#250e62"/>
+  <text x="319" y="171" font-size="10" fill="#250e62" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ff8f1c"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ff8f1c"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff8f1c"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff8f1c"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ff8f1c"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ff8f1c"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ff8f1c"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ff8f1c"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ff8f1c"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ff8f1c"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ff8f1c"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ff8f1c"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ff8f1c"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ff8f1c"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ff8f1c"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ff8f1c"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ff8f1c"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ff8f1c"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ff8f1c"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ff8f1c"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ff8f1c"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ff8f1c"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ff8f1c"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ff8f1c"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#250e62" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/flag_india/profile-details.svg b/demo/flag_india/profile-details.svg
new file mode 100644
index 00000000..e11c355d
--- /dev/null
+++ b/demo/flag_india/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff8f1c">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#250e62"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#509e2f">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#250e62"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#509e2f">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#250e62"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#509e2f">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#250e62"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#509e2f">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#250e62"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#509e2f">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#250e62"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#509e2f">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/flag_india/repos-per-language.svg b/demo/flag_india/repos-per-language.svg
new file mode 100644
index 00000000..71be4847
--- /dev/null
+++ b/demo/flag_india/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff8f1c">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#509e2f">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#509e2f">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#509e2f">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#509e2f">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff8f1c" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#509e2f">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ff8f1c" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/flag_india/stats.svg b/demo/flag_india/stats.svg
new file mode 100644
index 00000000..a2551da3
--- /dev/null
+++ b/demo/flag_india/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff8f1c">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#250e62"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#509e2f">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ff8f1c" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#250e62"><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="#509e2f">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#ff8f1c" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#250e62"><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="#509e2f">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#ff8f1c" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#250e62"><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="#509e2f">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#ff8f1c" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#250e62"><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="#509e2f">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#ff8f1c" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#250e62"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#509e2f">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ff8f1c" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#250e62"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#509e2f">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ff8f1c" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/github/contributions-all-time.svg b/demo/github/contributions-all-time.svg
new file mode 100644
index 00000000..1e99e833
--- /dev/null
+++ b/demo/github/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#586069"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#586069"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#586069"/>
+  <text x="22" y="153" font-size="10" fill="#586069" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#586069"/>
+  <text x="318" y="153" font-size="10" fill="#586069" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#586069"/>
+  <text x="22" y="132" font-size="10" fill="#586069" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#586069"/>
+  <text x="318" y="132" font-size="10" fill="#586069" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#586069"/>
+  <text x="22" y="111" font-size="10" fill="#586069" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#586069"/>
+  <text x="318" y="111" font-size="10" fill="#586069" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#586069"/>
+  <text x="22" y="90" font-size="10" fill="#586069" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#586069"/>
+  <text x="318" y="90" font-size="10" fill="#586069" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#586069"/>
+  <text x="22" y="69" font-size="10" fill="#586069" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#586069"/>
+  <text x="318" y="69" font-size="10" fill="#586069" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#586069"/>
+  <text x="22" y="48" font-size="10" fill="#586069" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#586069"/>
+  <text x="318" y="48" font-size="10" fill="#586069" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#586069"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#586069"/>
+  <text x="28" y="166" font-size="10" fill="#586069" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#586069"/>
+  <text x="82" y="166" font-size="10" fill="#586069" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#586069"/>
+  <text x="137" y="166" font-size="10" fill="#586069" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#586069"/>
+  <text x="191" y="166" font-size="10" fill="#586069" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#586069"/>
+  <text x="246" y="166" font-size="10" fill="#586069" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#586069"/>
+  <text x="312" y="166" font-size="10" fill="#586069" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#40c463" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#40c463" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#586069" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/github/contributions.svg b/demo/github/contributions.svg
new file mode 100644
index 00000000..b7583898
--- /dev/null
+++ b/demo/github/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#586069"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#586069"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#586069"/>
+  <text x="22" y="153" font-size="10" fill="#586069" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#586069"/>
+  <text x="318" y="153" font-size="10" fill="#586069" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#586069"/>
+  <text x="22" y="132" font-size="10" fill="#586069" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#586069"/>
+  <text x="318" y="132" font-size="10" fill="#586069" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#586069"/>
+  <text x="22" y="111" font-size="10" fill="#586069" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#586069"/>
+  <text x="318" y="111" font-size="10" fill="#586069" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#586069"/>
+  <text x="22" y="90" font-size="10" fill="#586069" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#586069"/>
+  <text x="318" y="90" font-size="10" fill="#586069" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#586069"/>
+  <text x="22" y="69" font-size="10" fill="#586069" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#586069"/>
+  <text x="318" y="69" font-size="10" fill="#586069" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#586069"/>
+  <text x="22" y="48" font-size="10" fill="#586069" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#586069"/>
+  <text x="318" y="48" font-size="10" fill="#586069" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#586069"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#586069"/>
+  <text x="28" y="166" font-size="10" fill="#586069" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#586069"/>
+  <text x="75" y="166" font-size="10" fill="#586069" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#586069"/>
+  <text x="122" y="166" font-size="10" fill="#586069" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#586069"/>
+  <text x="170" y="166" font-size="10" fill="#586069" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#586069"/>
+  <text x="217" y="166" font-size="10" fill="#586069" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#586069"/>
+  <text x="264" y="166" font-size="10" fill="#586069" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#586069"/>
+  <text x="312" y="166" font-size="10" fill="#586069" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#40c463" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#40c463" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#586069" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/github/most-commit-language-all-time.svg b/demo/github/most-commit-language-all-time.svg
new file mode 100644
index 00000000..c06c1267
--- /dev/null
+++ b/demo/github/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#586069">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#586069">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#586069">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#586069">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#40c463" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#586069">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#40c463" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/github/most-commit-language.svg b/demo/github/most-commit-language.svg
new file mode 100644
index 00000000..951b67c6
--- /dev/null
+++ b/demo/github/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#586069">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#586069">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#586069">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#586069">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#40c463" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#586069">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#40c463" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/github/productive-time-all-time.svg b/demo/github/productive-time-all-time.svg
new file mode 100644
index 00000000..4e6ce51d
--- /dev/null
+++ b/demo/github/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#586069"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#586069"/>
+  <text x="29" y="158" font-size="10" fill="#586069" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#586069"/>
+  <text x="29" y="140" font-size="10" fill="#586069" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#586069"/>
+  <text x="29" y="122" font-size="10" fill="#586069" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#586069"/>
+  <text x="29" y="103" font-size="10" fill="#586069" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#586069"/>
+  <text x="29" y="85" font-size="10" fill="#586069" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#586069"/>
+  <text x="29" y="67" font-size="10" fill="#586069" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#586069"/>
+  <text x="29" y="48" font-size="10" fill="#586069" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#586069"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#586069"/>
+  <text x="40" y="171" font-size="10" fill="#586069" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#586069"/>
+  <text x="113" y="171" font-size="10" fill="#586069" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#586069"/>
+  <text x="186" y="171" font-size="10" fill="#586069" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#586069"/>
+  <text x="258" y="171" font-size="10" fill="#586069" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#586069"/>
+  <text x="319" y="171" font-size="10" fill="#586069" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#40c463"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#40c463"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#40c463"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#40c463"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#40c463"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#40c463"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#40c463"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#40c463"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#40c463"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#40c463"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#40c463"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#40c463"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#40c463"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#40c463"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#40c463"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#40c463"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#40c463"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#40c463"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#40c463"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#40c463"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#40c463"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#40c463"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#40c463"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#40c463"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#586069" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/github/productive-time.svg b/demo/github/productive-time.svg
new file mode 100644
index 00000000..354fa438
--- /dev/null
+++ b/demo/github/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#586069"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#586069"/>
+  <text x="29" y="158" font-size="10" fill="#586069" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#586069"/>
+  <text x="29" y="131" font-size="10" fill="#586069" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#586069"/>
+  <text x="29" y="103" font-size="10" fill="#586069" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#586069"/>
+  <text x="29" y="76" font-size="10" fill="#586069" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#586069"/>
+  <text x="29" y="48" font-size="10" fill="#586069" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#586069"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#586069"/>
+  <text x="40" y="171" font-size="10" fill="#586069" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#586069"/>
+  <text x="113" y="171" font-size="10" fill="#586069" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#586069"/>
+  <text x="186" y="171" font-size="10" fill="#586069" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#586069"/>
+  <text x="258" y="171" font-size="10" fill="#586069" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#586069"/>
+  <text x="319" y="171" font-size="10" fill="#586069" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#40c463"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#40c463"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#40c463"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#40c463"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#40c463"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#40c463"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#40c463"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#40c463"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#40c463"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#40c463"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#40c463"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#40c463"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#40c463"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#40c463"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#40c463"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#40c463"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#40c463"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#40c463"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#40c463"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#40c463"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#40c463"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#40c463"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#40c463"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#40c463"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#586069" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/github/profile-details.svg b/demo/github/profile-details.svg
new file mode 100644
index 00000000..164c486b
--- /dev/null
+++ b/demo/github/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#586069"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#586069">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#586069"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#586069">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#586069"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#586069">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#586069"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#586069">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#586069"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#586069">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#586069"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#586069">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/github/repos-per-language.svg b/demo/github/repos-per-language.svg
new file mode 100644
index 00000000..db0c1cdf
--- /dev/null
+++ b/demo/github/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#586069">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#586069">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#586069">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#586069">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#40c463" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#586069">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#40c463" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/github/stats.svg b/demo/github/stats.svg
new file mode 100644
index 00000000..93e79f1c
--- /dev/null
+++ b/demo/github/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#586069"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#586069">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#586069"><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="#586069">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#586069"><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="#586069">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#586069"><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="#586069">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#586069"><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="#586069">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#586069"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#586069">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#586069"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#586069">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/github_dark/contributions-all-time.svg b/demo/github_dark/contributions-all-time.svg
new file mode 100644
index 00000000..c056eb9f
--- /dev/null
+++ b/demo/github_dark/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0d1117" stroke="#2e343b" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#8b949e"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#8b949e"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#8b949e"/>
+  <text x="22" y="153" font-size="10" fill="#8b949e" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#8b949e"/>
+  <text x="318" y="153" font-size="10" fill="#8b949e" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#8b949e"/>
+  <text x="22" y="132" font-size="10" fill="#8b949e" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#8b949e"/>
+  <text x="318" y="132" font-size="10" fill="#8b949e" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#8b949e"/>
+  <text x="22" y="111" font-size="10" fill="#8b949e" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#8b949e"/>
+  <text x="318" y="111" font-size="10" fill="#8b949e" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#8b949e"/>
+  <text x="22" y="90" font-size="10" fill="#8b949e" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#8b949e"/>
+  <text x="318" y="90" font-size="10" fill="#8b949e" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#8b949e"/>
+  <text x="22" y="69" font-size="10" fill="#8b949e" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#8b949e"/>
+  <text x="318" y="69" font-size="10" fill="#8b949e" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#8b949e"/>
+  <text x="22" y="48" font-size="10" fill="#8b949e" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#8b949e"/>
+  <text x="318" y="48" font-size="10" fill="#8b949e" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#8b949e"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#8b949e"/>
+  <text x="28" y="166" font-size="10" fill="#8b949e" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#8b949e"/>
+  <text x="82" y="166" font-size="10" fill="#8b949e" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#8b949e"/>
+  <text x="137" y="166" font-size="10" fill="#8b949e" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#8b949e"/>
+  <text x="191" y="166" font-size="10" fill="#8b949e" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#8b949e"/>
+  <text x="246" y="166" font-size="10" fill="#8b949e" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#8b949e"/>
+  <text x="312" y="166" font-size="10" fill="#8b949e" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#40c463" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#40c463" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#8b949e" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/github_dark/contributions.svg b/demo/github_dark/contributions.svg
new file mode 100644
index 00000000..a818bee2
--- /dev/null
+++ b/demo/github_dark/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0d1117" stroke="#2e343b" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#8b949e"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#8b949e"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#8b949e"/>
+  <text x="22" y="153" font-size="10" fill="#8b949e" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#8b949e"/>
+  <text x="318" y="153" font-size="10" fill="#8b949e" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#8b949e"/>
+  <text x="22" y="132" font-size="10" fill="#8b949e" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#8b949e"/>
+  <text x="318" y="132" font-size="10" fill="#8b949e" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#8b949e"/>
+  <text x="22" y="111" font-size="10" fill="#8b949e" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#8b949e"/>
+  <text x="318" y="111" font-size="10" fill="#8b949e" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#8b949e"/>
+  <text x="22" y="90" font-size="10" fill="#8b949e" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#8b949e"/>
+  <text x="318" y="90" font-size="10" fill="#8b949e" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#8b949e"/>
+  <text x="22" y="69" font-size="10" fill="#8b949e" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#8b949e"/>
+  <text x="318" y="69" font-size="10" fill="#8b949e" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#8b949e"/>
+  <text x="22" y="48" font-size="10" fill="#8b949e" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#8b949e"/>
+  <text x="318" y="48" font-size="10" fill="#8b949e" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#8b949e"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#8b949e"/>
+  <text x="28" y="166" font-size="10" fill="#8b949e" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#8b949e"/>
+  <text x="75" y="166" font-size="10" fill="#8b949e" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#8b949e"/>
+  <text x="122" y="166" font-size="10" fill="#8b949e" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#8b949e"/>
+  <text x="170" y="166" font-size="10" fill="#8b949e" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#8b949e"/>
+  <text x="217" y="166" font-size="10" fill="#8b949e" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#8b949e"/>
+  <text x="264" y="166" font-size="10" fill="#8b949e" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#8b949e"/>
+  <text x="312" y="166" font-size="10" fill="#8b949e" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#40c463" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#40c463" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#8b949e" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/github_dark/most-commit-language-all-time.svg b/demo/github_dark/most-commit-language-all-time.svg
new file mode 100644
index 00000000..2eafd75e
--- /dev/null
+++ b/demo/github_dark/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0d1117" stroke="#2e343b" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#77909c">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#77909c">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#77909c">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#77909c">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#40c463" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#77909c">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#0d1117" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#0d1117" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#0d1117" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#0d1117" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#40c463" stroke="#0d1117" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/github_dark/most-commit-language.svg b/demo/github_dark/most-commit-language.svg
new file mode 100644
index 00000000..f4477f65
--- /dev/null
+++ b/demo/github_dark/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0d1117" stroke="#2e343b" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#77909c">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#77909c">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#77909c">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#77909c">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#40c463" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#77909c">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#0d1117" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#0d1117" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#0d1117" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#0d1117" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#40c463" stroke="#0d1117" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/github_dark/productive-time-all-time.svg b/demo/github_dark/productive-time-all-time.svg
new file mode 100644
index 00000000..63d7386b
--- /dev/null
+++ b/demo/github_dark/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0d1117" stroke="#2e343b" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#8b949e"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#8b949e"/>
+  <text x="29" y="158" font-size="10" fill="#8b949e" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#8b949e"/>
+  <text x="29" y="140" font-size="10" fill="#8b949e" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#8b949e"/>
+  <text x="29" y="122" font-size="10" fill="#8b949e" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#8b949e"/>
+  <text x="29" y="103" font-size="10" fill="#8b949e" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#8b949e"/>
+  <text x="29" y="85" font-size="10" fill="#8b949e" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#8b949e"/>
+  <text x="29" y="67" font-size="10" fill="#8b949e" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#8b949e"/>
+  <text x="29" y="48" font-size="10" fill="#8b949e" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#8b949e"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#8b949e"/>
+  <text x="40" y="171" font-size="10" fill="#8b949e" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#8b949e"/>
+  <text x="113" y="171" font-size="10" fill="#8b949e" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#8b949e"/>
+  <text x="186" y="171" font-size="10" fill="#8b949e" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#8b949e"/>
+  <text x="258" y="171" font-size="10" fill="#8b949e" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#8b949e"/>
+  <text x="319" y="171" font-size="10" fill="#8b949e" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#40c463"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#40c463"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#40c463"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#40c463"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#40c463"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#40c463"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#40c463"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#40c463"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#40c463"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#40c463"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#40c463"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#40c463"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#40c463"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#40c463"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#40c463"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#40c463"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#40c463"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#40c463"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#40c463"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#40c463"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#40c463"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#40c463"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#40c463"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#40c463"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#8b949e" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/github_dark/productive-time.svg b/demo/github_dark/productive-time.svg
new file mode 100644
index 00000000..fd7b5ed1
--- /dev/null
+++ b/demo/github_dark/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0d1117" stroke="#2e343b" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#8b949e"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#8b949e"/>
+  <text x="29" y="158" font-size="10" fill="#8b949e" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#8b949e"/>
+  <text x="29" y="131" font-size="10" fill="#8b949e" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#8b949e"/>
+  <text x="29" y="103" font-size="10" fill="#8b949e" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#8b949e"/>
+  <text x="29" y="76" font-size="10" fill="#8b949e" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#8b949e"/>
+  <text x="29" y="48" font-size="10" fill="#8b949e" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#8b949e"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#8b949e"/>
+  <text x="40" y="171" font-size="10" fill="#8b949e" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#8b949e"/>
+  <text x="113" y="171" font-size="10" fill="#8b949e" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#8b949e"/>
+  <text x="186" y="171" font-size="10" fill="#8b949e" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#8b949e"/>
+  <text x="258" y="171" font-size="10" fill="#8b949e" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#8b949e"/>
+  <text x="319" y="171" font-size="10" fill="#8b949e" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#40c463"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#40c463"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#40c463"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#40c463"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#40c463"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#40c463"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#40c463"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#40c463"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#40c463"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#40c463"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#40c463"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#40c463"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#40c463"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#40c463"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#40c463"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#40c463"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#40c463"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#40c463"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#40c463"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#40c463"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#40c463"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#40c463"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#40c463"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#40c463"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#8b949e" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/github_dark/profile-details.svg b/demo/github_dark/profile-details.svg
new file mode 100644
index 00000000..68a4d778
--- /dev/null
+++ b/demo/github_dark/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0d1117" stroke="#2e343b" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#8b949e"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#77909c">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#8b949e"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#77909c">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#8b949e"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#77909c">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#8b949e"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#77909c">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#8b949e"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#77909c">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#8b949e"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#77909c">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/github_dark/repos-per-language.svg b/demo/github_dark/repos-per-language.svg
new file mode 100644
index 00000000..5cf382f1
--- /dev/null
+++ b/demo/github_dark/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0d1117" stroke="#2e343b" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#77909c">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#77909c">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#77909c">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#77909c">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#40c463" stroke="#0d1117" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#77909c">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#0d1117" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#0d1117" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#0d1117" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#0d1117" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#40c463" stroke="#0d1117" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/github_dark/stats.svg b/demo/github_dark/stats.svg
new file mode 100644
index 00000000..7f32acd8
--- /dev/null
+++ b/demo/github_dark/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0d1117" stroke="#2e343b" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#0366d6">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#8b949e"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#77909c">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#8b949e"><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="#77909c">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#8b949e"><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="#77909c">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#8b949e"><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="#77909c">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#8b949e"><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="#77909c">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#8b949e"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#77909c">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#8b949e"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#77909c">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#40c463" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/gotham/contributions-all-time.svg b/demo/gotham/contributions-all-time.svg
new file mode 100644
index 00000000..df9e2a9b
--- /dev/null
+++ b/demo/gotham/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0c1014" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#2aa889">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#599cab"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#599cab"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#599cab"/>
+  <text x="22" y="153" font-size="10" fill="#599cab" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#599cab"/>
+  <text x="318" y="153" font-size="10" fill="#599cab" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#599cab"/>
+  <text x="22" y="132" font-size="10" fill="#599cab" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#599cab"/>
+  <text x="318" y="132" font-size="10" fill="#599cab" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#599cab"/>
+  <text x="22" y="111" font-size="10" fill="#599cab" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#599cab"/>
+  <text x="318" y="111" font-size="10" fill="#599cab" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#599cab"/>
+  <text x="22" y="90" font-size="10" fill="#599cab" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#599cab"/>
+  <text x="318" y="90" font-size="10" fill="#599cab" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#599cab"/>
+  <text x="22" y="69" font-size="10" fill="#599cab" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#599cab"/>
+  <text x="318" y="69" font-size="10" fill="#599cab" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#599cab"/>
+  <text x="22" y="48" font-size="10" fill="#599cab" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#599cab"/>
+  <text x="318" y="48" font-size="10" fill="#599cab" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#599cab"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#599cab"/>
+  <text x="28" y="166" font-size="10" fill="#599cab" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#599cab"/>
+  <text x="82" y="166" font-size="10" fill="#599cab" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#599cab"/>
+  <text x="137" y="166" font-size="10" fill="#599cab" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#599cab"/>
+  <text x="191" y="166" font-size="10" fill="#599cab" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#599cab"/>
+  <text x="246" y="166" font-size="10" fill="#599cab" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#599cab"/>
+  <text x="312" y="166" font-size="10" fill="#599cab" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#2aa889" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#2aa889" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#599cab" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/gotham/contributions.svg b/demo/gotham/contributions.svg
new file mode 100644
index 00000000..9524ab43
--- /dev/null
+++ b/demo/gotham/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0c1014" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#2aa889">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#599cab"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#599cab"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#599cab"/>
+  <text x="22" y="153" font-size="10" fill="#599cab" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#599cab"/>
+  <text x="318" y="153" font-size="10" fill="#599cab" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#599cab"/>
+  <text x="22" y="132" font-size="10" fill="#599cab" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#599cab"/>
+  <text x="318" y="132" font-size="10" fill="#599cab" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#599cab"/>
+  <text x="22" y="111" font-size="10" fill="#599cab" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#599cab"/>
+  <text x="318" y="111" font-size="10" fill="#599cab" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#599cab"/>
+  <text x="22" y="90" font-size="10" fill="#599cab" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#599cab"/>
+  <text x="318" y="90" font-size="10" fill="#599cab" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#599cab"/>
+  <text x="22" y="69" font-size="10" fill="#599cab" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#599cab"/>
+  <text x="318" y="69" font-size="10" fill="#599cab" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#599cab"/>
+  <text x="22" y="48" font-size="10" fill="#599cab" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#599cab"/>
+  <text x="318" y="48" font-size="10" fill="#599cab" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#599cab"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#599cab"/>
+  <text x="28" y="166" font-size="10" fill="#599cab" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#599cab"/>
+  <text x="75" y="166" font-size="10" fill="#599cab" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#599cab"/>
+  <text x="122" y="166" font-size="10" fill="#599cab" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#599cab"/>
+  <text x="170" y="166" font-size="10" fill="#599cab" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#599cab"/>
+  <text x="217" y="166" font-size="10" fill="#599cab" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#599cab"/>
+  <text x="264" y="166" font-size="10" fill="#599cab" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#599cab"/>
+  <text x="312" y="166" font-size="10" fill="#599cab" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#2aa889" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#2aa889" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#599cab" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/gotham/most-commit-language-all-time.svg b/demo/gotham/most-commit-language-all-time.svg
new file mode 100644
index 00000000..64fb4307
--- /dev/null
+++ b/demo/gotham/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0c1014" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#2aa889">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#99d1ce">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#99d1ce">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#99d1ce">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#99d1ce">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#2aa889" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#99d1ce">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#0c1014" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#0c1014" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#0c1014" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#0c1014" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#2aa889" stroke="#0c1014" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/gotham/most-commit-language.svg b/demo/gotham/most-commit-language.svg
new file mode 100644
index 00000000..feb2edc1
--- /dev/null
+++ b/demo/gotham/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0c1014" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#2aa889">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#99d1ce">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#99d1ce">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#99d1ce">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#99d1ce">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#2aa889" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#99d1ce">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#0c1014" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#0c1014" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#0c1014" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#0c1014" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#2aa889" stroke="#0c1014" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/gotham/productive-time-all-time.svg b/demo/gotham/productive-time-all-time.svg
new file mode 100644
index 00000000..0ec9966d
--- /dev/null
+++ b/demo/gotham/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0c1014" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#2aa889">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#599cab"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#599cab"/>
+  <text x="29" y="158" font-size="10" fill="#599cab" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#599cab"/>
+  <text x="29" y="140" font-size="10" fill="#599cab" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#599cab"/>
+  <text x="29" y="122" font-size="10" fill="#599cab" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#599cab"/>
+  <text x="29" y="103" font-size="10" fill="#599cab" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#599cab"/>
+  <text x="29" y="85" font-size="10" fill="#599cab" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#599cab"/>
+  <text x="29" y="67" font-size="10" fill="#599cab" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#599cab"/>
+  <text x="29" y="48" font-size="10" fill="#599cab" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#599cab"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#599cab"/>
+  <text x="40" y="171" font-size="10" fill="#599cab" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#599cab"/>
+  <text x="113" y="171" font-size="10" fill="#599cab" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#599cab"/>
+  <text x="186" y="171" font-size="10" fill="#599cab" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#599cab"/>
+  <text x="258" y="171" font-size="10" fill="#599cab" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#599cab"/>
+  <text x="319" y="171" font-size="10" fill="#599cab" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#2aa889"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#2aa889"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#2aa889"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#2aa889"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#2aa889"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#2aa889"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#2aa889"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#2aa889"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#2aa889"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#2aa889"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#2aa889"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#2aa889"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#2aa889"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#2aa889"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#2aa889"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#2aa889"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#2aa889"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#2aa889"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#2aa889"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#2aa889"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#2aa889"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#2aa889"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#2aa889"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#2aa889"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#599cab" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/gotham/productive-time.svg b/demo/gotham/productive-time.svg
new file mode 100644
index 00000000..b191f58e
--- /dev/null
+++ b/demo/gotham/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0c1014" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#2aa889">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#599cab"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#599cab"/>
+  <text x="29" y="158" font-size="10" fill="#599cab" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#599cab"/>
+  <text x="29" y="131" font-size="10" fill="#599cab" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#599cab"/>
+  <text x="29" y="103" font-size="10" fill="#599cab" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#599cab"/>
+  <text x="29" y="76" font-size="10" fill="#599cab" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#599cab"/>
+  <text x="29" y="48" font-size="10" fill="#599cab" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#599cab"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#599cab"/>
+  <text x="40" y="171" font-size="10" fill="#599cab" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#599cab"/>
+  <text x="113" y="171" font-size="10" fill="#599cab" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#599cab"/>
+  <text x="186" y="171" font-size="10" fill="#599cab" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#599cab"/>
+  <text x="258" y="171" font-size="10" fill="#599cab" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#599cab"/>
+  <text x="319" y="171" font-size="10" fill="#599cab" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#2aa889"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#2aa889"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#2aa889"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#2aa889"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#2aa889"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#2aa889"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#2aa889"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#2aa889"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#2aa889"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#2aa889"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#2aa889"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#2aa889"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#2aa889"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#2aa889"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#2aa889"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#2aa889"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#2aa889"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#2aa889"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#2aa889"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#2aa889"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#2aa889"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#2aa889"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#2aa889"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#2aa889"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#599cab" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/gotham/profile-details.svg b/demo/gotham/profile-details.svg
new file mode 100644
index 00000000..11716e1a
--- /dev/null
+++ b/demo/gotham/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0c1014" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#2aa889">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#599cab"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#99d1ce">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#599cab"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#99d1ce">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#599cab"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#99d1ce">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#599cab"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#99d1ce">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#599cab"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#99d1ce">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#599cab"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#99d1ce">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/gotham/repos-per-language.svg b/demo/gotham/repos-per-language.svg
new file mode 100644
index 00000000..9a08f399
--- /dev/null
+++ b/demo/gotham/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0c1014" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#2aa889">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#99d1ce">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#99d1ce">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#99d1ce">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#99d1ce">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#2aa889" stroke="#0c1014" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#99d1ce">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#0c1014" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#0c1014" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#0c1014" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#0c1014" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#2aa889" stroke="#0c1014" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/gotham/stats.svg b/demo/gotham/stats.svg
new file mode 100644
index 00000000..c74199c4
--- /dev/null
+++ b/demo/gotham/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0c1014" stroke="#000000" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#2aa889">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#599cab"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#99d1ce">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#2aa889" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#599cab"><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="#99d1ce">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#2aa889" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#599cab"><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="#99d1ce">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#2aa889" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#599cab"><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="#99d1ce">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#2aa889" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#599cab"><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="#99d1ce">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#2aa889" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#599cab"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#99d1ce">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#2aa889" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#599cab"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#99d1ce">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#2aa889" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/graywhite/contributions-all-time.svg b/demo/graywhite/contributions-all-time.svg
new file mode 100644
index 00000000..02aa14cb
--- /dev/null
+++ b/demo/graywhite/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#24292e">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#24292e"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#24292e"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#24292e"/>
+  <text x="22" y="153" font-size="10" fill="#24292e" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#24292e"/>
+  <text x="318" y="153" font-size="10" fill="#24292e" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#24292e"/>
+  <text x="22" y="132" font-size="10" fill="#24292e" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#24292e"/>
+  <text x="318" y="132" font-size="10" fill="#24292e" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#24292e"/>
+  <text x="22" y="111" font-size="10" fill="#24292e" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#24292e"/>
+  <text x="318" y="111" font-size="10" fill="#24292e" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#24292e"/>
+  <text x="22" y="90" font-size="10" fill="#24292e" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#24292e"/>
+  <text x="318" y="90" font-size="10" fill="#24292e" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#24292e"/>
+  <text x="22" y="69" font-size="10" fill="#24292e" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#24292e"/>
+  <text x="318" y="69" font-size="10" fill="#24292e" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#24292e"/>
+  <text x="22" y="48" font-size="10" fill="#24292e" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#24292e"/>
+  <text x="318" y="48" font-size="10" fill="#24292e" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#24292e"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#24292e"/>
+  <text x="28" y="166" font-size="10" fill="#24292e" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#24292e"/>
+  <text x="82" y="166" font-size="10" fill="#24292e" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#24292e"/>
+  <text x="137" y="166" font-size="10" fill="#24292e" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#24292e"/>
+  <text x="191" y="166" font-size="10" fill="#24292e" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#24292e"/>
+  <text x="246" y="166" font-size="10" fill="#24292e" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#24292e"/>
+  <text x="312" y="166" font-size="10" fill="#24292e" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#24292e" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#24292e" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#24292e" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/graywhite/contributions.svg b/demo/graywhite/contributions.svg
new file mode 100644
index 00000000..1301b3fb
--- /dev/null
+++ b/demo/graywhite/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#24292e">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#24292e"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#24292e"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#24292e"/>
+  <text x="22" y="153" font-size="10" fill="#24292e" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#24292e"/>
+  <text x="318" y="153" font-size="10" fill="#24292e" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#24292e"/>
+  <text x="22" y="132" font-size="10" fill="#24292e" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#24292e"/>
+  <text x="318" y="132" font-size="10" fill="#24292e" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#24292e"/>
+  <text x="22" y="111" font-size="10" fill="#24292e" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#24292e"/>
+  <text x="318" y="111" font-size="10" fill="#24292e" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#24292e"/>
+  <text x="22" y="90" font-size="10" fill="#24292e" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#24292e"/>
+  <text x="318" y="90" font-size="10" fill="#24292e" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#24292e"/>
+  <text x="22" y="69" font-size="10" fill="#24292e" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#24292e"/>
+  <text x="318" y="69" font-size="10" fill="#24292e" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#24292e"/>
+  <text x="22" y="48" font-size="10" fill="#24292e" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#24292e"/>
+  <text x="318" y="48" font-size="10" fill="#24292e" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#24292e"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#24292e"/>
+  <text x="28" y="166" font-size="10" fill="#24292e" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#24292e"/>
+  <text x="75" y="166" font-size="10" fill="#24292e" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#24292e"/>
+  <text x="122" y="166" font-size="10" fill="#24292e" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#24292e"/>
+  <text x="170" y="166" font-size="10" fill="#24292e" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#24292e"/>
+  <text x="217" y="166" font-size="10" fill="#24292e" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#24292e"/>
+  <text x="264" y="166" font-size="10" fill="#24292e" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#24292e"/>
+  <text x="312" y="166" font-size="10" fill="#24292e" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#24292e" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#24292e" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#24292e" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/graywhite/most-commit-language-all-time.svg b/demo/graywhite/most-commit-language-all-time.svg
new file mode 100644
index 00000000..cf9c59c7
--- /dev/null
+++ b/demo/graywhite/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#24292e">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#24292e">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#24292e">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#24292e">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#24292e">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#24292e" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#24292e">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#24292e" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/graywhite/most-commit-language.svg b/demo/graywhite/most-commit-language.svg
new file mode 100644
index 00000000..a463230b
--- /dev/null
+++ b/demo/graywhite/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#24292e">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#24292e">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#24292e">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#24292e">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#24292e">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#24292e" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#24292e">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#24292e" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/graywhite/productive-time-all-time.svg b/demo/graywhite/productive-time-all-time.svg
new file mode 100644
index 00000000..45720376
--- /dev/null
+++ b/demo/graywhite/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#24292e">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#24292e"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#24292e"/>
+  <text x="29" y="158" font-size="10" fill="#24292e" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#24292e"/>
+  <text x="29" y="140" font-size="10" fill="#24292e" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#24292e"/>
+  <text x="29" y="122" font-size="10" fill="#24292e" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#24292e"/>
+  <text x="29" y="103" font-size="10" fill="#24292e" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#24292e"/>
+  <text x="29" y="85" font-size="10" fill="#24292e" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#24292e"/>
+  <text x="29" y="67" font-size="10" fill="#24292e" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#24292e"/>
+  <text x="29" y="48" font-size="10" fill="#24292e" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#24292e"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#24292e"/>
+  <text x="40" y="171" font-size="10" fill="#24292e" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#24292e"/>
+  <text x="113" y="171" font-size="10" fill="#24292e" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#24292e"/>
+  <text x="186" y="171" font-size="10" fill="#24292e" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#24292e"/>
+  <text x="258" y="171" font-size="10" fill="#24292e" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#24292e"/>
+  <text x="319" y="171" font-size="10" fill="#24292e" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#24292e"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#24292e"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#24292e"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#24292e"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#24292e"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#24292e"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#24292e"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#24292e"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#24292e"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#24292e"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#24292e"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#24292e"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#24292e"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#24292e"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#24292e"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#24292e"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#24292e"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#24292e"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#24292e"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#24292e"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#24292e"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#24292e"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#24292e"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#24292e"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#24292e" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/graywhite/productive-time.svg b/demo/graywhite/productive-time.svg
new file mode 100644
index 00000000..17c4670c
--- /dev/null
+++ b/demo/graywhite/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#24292e">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#24292e"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#24292e"/>
+  <text x="29" y="158" font-size="10" fill="#24292e" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#24292e"/>
+  <text x="29" y="131" font-size="10" fill="#24292e" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#24292e"/>
+  <text x="29" y="103" font-size="10" fill="#24292e" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#24292e"/>
+  <text x="29" y="76" font-size="10" fill="#24292e" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#24292e"/>
+  <text x="29" y="48" font-size="10" fill="#24292e" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#24292e"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#24292e"/>
+  <text x="40" y="171" font-size="10" fill="#24292e" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#24292e"/>
+  <text x="113" y="171" font-size="10" fill="#24292e" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#24292e"/>
+  <text x="186" y="171" font-size="10" fill="#24292e" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#24292e"/>
+  <text x="258" y="171" font-size="10" fill="#24292e" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#24292e"/>
+  <text x="319" y="171" font-size="10" fill="#24292e" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#24292e"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#24292e"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#24292e"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#24292e"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#24292e"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#24292e"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#24292e"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#24292e"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#24292e"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#24292e"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#24292e"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#24292e"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#24292e"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#24292e"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#24292e"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#24292e"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#24292e"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#24292e"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#24292e"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#24292e"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#24292e"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#24292e"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#24292e"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#24292e"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#24292e" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/graywhite/profile-details.svg b/demo/graywhite/profile-details.svg
new file mode 100644
index 00000000..a10d2d30
--- /dev/null
+++ b/demo/graywhite/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#24292e">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#24292e"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#24292e">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#24292e"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#24292e">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#24292e"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#24292e">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#24292e"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#24292e">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#24292e"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#24292e">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#24292e"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#24292e">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/graywhite/repos-per-language.svg b/demo/graywhite/repos-per-language.svg
new file mode 100644
index 00000000..4422c3cd
--- /dev/null
+++ b/demo/graywhite/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#24292e">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#24292e">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#24292e">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#24292e">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#24292e">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#24292e" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#24292e">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#24292e" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/graywhite/stats.svg b/demo/graywhite/stats.svg
new file mode 100644
index 00000000..e9e2d377
--- /dev/null
+++ b/demo/graywhite/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#24292e">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#24292e"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#24292e">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#24292e" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#24292e"><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="#24292e">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#24292e" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#24292e"><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="#24292e">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#24292e" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#24292e"><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="#24292e">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#24292e" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#24292e"><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="#24292e">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#24292e" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#24292e"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#24292e">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#24292e" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#24292e"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#24292e">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#24292e" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/great_gatsby/contributions-all-time.svg b/demo/great_gatsby/contributions-all-time.svg
new file mode 100644
index 00000000..43a3b228
--- /dev/null
+++ b/demo/great_gatsby/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffa726">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffb74d"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffb74d"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffb74d"/>
+  <text x="22" y="153" font-size="10" fill="#ffb74d" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffb74d"/>
+  <text x="318" y="153" font-size="10" fill="#ffb74d" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffb74d"/>
+  <text x="22" y="132" font-size="10" fill="#ffb74d" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffb74d"/>
+  <text x="318" y="132" font-size="10" fill="#ffb74d" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffb74d"/>
+  <text x="22" y="111" font-size="10" fill="#ffb74d" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffb74d"/>
+  <text x="318" y="111" font-size="10" fill="#ffb74d" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffb74d"/>
+  <text x="22" y="90" font-size="10" fill="#ffb74d" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffb74d"/>
+  <text x="318" y="90" font-size="10" fill="#ffb74d" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffb74d"/>
+  <text x="22" y="69" font-size="10" fill="#ffb74d" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffb74d"/>
+  <text x="318" y="69" font-size="10" fill="#ffb74d" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffb74d"/>
+  <text x="22" y="48" font-size="10" fill="#ffb74d" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffb74d"/>
+  <text x="318" y="48" font-size="10" fill="#ffb74d" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffb74d"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffb74d"/>
+  <text x="28" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ffb74d"/>
+  <text x="82" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ffb74d"/>
+  <text x="137" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ffb74d"/>
+  <text x="191" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ffb74d"/>
+  <text x="246" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffb74d"/>
+  <text x="312" y="166" font-size="10" fill="#ffb74d" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ffa726" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ffa726" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffb74d" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/great_gatsby/contributions.svg b/demo/great_gatsby/contributions.svg
new file mode 100644
index 00000000..aac236ab
--- /dev/null
+++ b/demo/great_gatsby/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffa726">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffb74d"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffb74d"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffb74d"/>
+  <text x="22" y="153" font-size="10" fill="#ffb74d" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffb74d"/>
+  <text x="318" y="153" font-size="10" fill="#ffb74d" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffb74d"/>
+  <text x="22" y="132" font-size="10" fill="#ffb74d" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffb74d"/>
+  <text x="318" y="132" font-size="10" fill="#ffb74d" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffb74d"/>
+  <text x="22" y="111" font-size="10" fill="#ffb74d" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffb74d"/>
+  <text x="318" y="111" font-size="10" fill="#ffb74d" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffb74d"/>
+  <text x="22" y="90" font-size="10" fill="#ffb74d" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffb74d"/>
+  <text x="318" y="90" font-size="10" fill="#ffb74d" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffb74d"/>
+  <text x="22" y="69" font-size="10" fill="#ffb74d" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffb74d"/>
+  <text x="318" y="69" font-size="10" fill="#ffb74d" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffb74d"/>
+  <text x="22" y="48" font-size="10" fill="#ffb74d" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffb74d"/>
+  <text x="318" y="48" font-size="10" fill="#ffb74d" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffb74d"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffb74d"/>
+  <text x="28" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ffb74d"/>
+  <text x="75" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ffb74d"/>
+  <text x="122" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ffb74d"/>
+  <text x="170" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ffb74d"/>
+  <text x="217" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ffb74d"/>
+  <text x="264" y="166" font-size="10" fill="#ffb74d" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffb74d"/>
+  <text x="312" y="166" font-size="10" fill="#ffb74d" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ffa726" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ffa726" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffb74d" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/great_gatsby/most-commit-language-all-time.svg b/demo/great_gatsby/most-commit-language-all-time.svg
new file mode 100644
index 00000000..31ab05ca
--- /dev/null
+++ b/demo/great_gatsby/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffa726">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffd95b">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffd95b">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffd95b">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffd95b">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffa726" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffd95b">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#000000" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ffa726" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/great_gatsby/most-commit-language.svg b/demo/great_gatsby/most-commit-language.svg
new file mode 100644
index 00000000..b9b5b543
--- /dev/null
+++ b/demo/great_gatsby/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffa726">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffd95b">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffd95b">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffd95b">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffd95b">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffa726" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffd95b">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#000000" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ffa726" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/great_gatsby/productive-time-all-time.svg b/demo/great_gatsby/productive-time-all-time.svg
new file mode 100644
index 00000000..09d5f54c
--- /dev/null
+++ b/demo/great_gatsby/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffa726">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffb74d"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffb74d"/>
+  <text x="29" y="158" font-size="10" fill="#ffb74d" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#ffb74d"/>
+  <text x="29" y="140" font-size="10" fill="#ffb74d" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#ffb74d"/>
+  <text x="29" y="122" font-size="10" fill="#ffb74d" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffb74d"/>
+  <text x="29" y="103" font-size="10" fill="#ffb74d" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#ffb74d"/>
+  <text x="29" y="85" font-size="10" fill="#ffb74d" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#ffb74d"/>
+  <text x="29" y="67" font-size="10" fill="#ffb74d" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffb74d"/>
+  <text x="29" y="48" font-size="10" fill="#ffb74d" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffb74d"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffb74d"/>
+  <text x="40" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffb74d"/>
+  <text x="113" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffb74d"/>
+  <text x="186" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffb74d"/>
+  <text x="258" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffb74d"/>
+  <text x="319" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ffa726"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ffa726"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ffa726"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ffa726"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ffa726"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ffa726"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ffa726"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ffa726"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ffa726"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ffa726"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ffa726"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ffa726"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ffa726"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ffa726"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ffa726"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ffa726"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ffa726"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ffa726"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ffa726"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ffa726"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ffa726"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ffa726"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ffa726"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ffa726"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffb74d" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/great_gatsby/productive-time.svg b/demo/great_gatsby/productive-time.svg
new file mode 100644
index 00000000..5acec8ca
--- /dev/null
+++ b/demo/great_gatsby/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffa726">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffb74d"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffb74d"/>
+  <text x="29" y="158" font-size="10" fill="#ffb74d" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#ffb74d"/>
+  <text x="29" y="131" font-size="10" fill="#ffb74d" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffb74d"/>
+  <text x="29" y="103" font-size="10" fill="#ffb74d" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#ffb74d"/>
+  <text x="29" y="76" font-size="10" fill="#ffb74d" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffb74d"/>
+  <text x="29" y="48" font-size="10" fill="#ffb74d" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffb74d"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffb74d"/>
+  <text x="40" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffb74d"/>
+  <text x="113" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffb74d"/>
+  <text x="186" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffb74d"/>
+  <text x="258" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffb74d"/>
+  <text x="319" y="171" font-size="10" fill="#ffb74d" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ffa726"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ffa726"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffa726"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffa726"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ffa726"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ffa726"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ffa726"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ffa726"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ffa726"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ffa726"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ffa726"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ffa726"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ffa726"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ffa726"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ffa726"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ffa726"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ffa726"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ffa726"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ffa726"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ffa726"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ffa726"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ffa726"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ffa726"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ffa726"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffb74d" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/great_gatsby/profile-details.svg b/demo/great_gatsby/profile-details.svg
new file mode 100644
index 00000000..feb6a3a9
--- /dev/null
+++ b/demo/great_gatsby/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffa726">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffd95b">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffd95b">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffd95b">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffd95b">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffd95b">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffd95b">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/great_gatsby/repos-per-language.svg b/demo/great_gatsby/repos-per-language.svg
new file mode 100644
index 00000000..ffa8d21b
--- /dev/null
+++ b/demo/great_gatsby/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffa726">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffd95b">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffd95b">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffd95b">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffd95b">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffa726" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffd95b">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#000000" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ffa726" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/great_gatsby/stats.svg b/demo/great_gatsby/stats.svg
new file mode 100644
index 00000000..25ec4d11
--- /dev/null
+++ b/demo/great_gatsby/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffa726">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffd95b">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ffa726" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#ffb74d"><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="#ffd95b">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#ffa726" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#ffb74d"><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="#ffd95b">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#ffa726" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#ffb74d"><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="#ffd95b">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#ffa726" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#ffb74d"><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="#ffd95b">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#ffa726" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffd95b">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ffa726" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ffb74d"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffd95b">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ffa726" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/gruvbox/contributions-all-time.svg b/demo/gruvbox/contributions-all-time.svg
new file mode 100644
index 00000000..0b3cd406
--- /dev/null
+++ b/demo/gruvbox/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282828" stroke="#282828" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fabd2f">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#fe8019"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#fe8019"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#fe8019"/>
+  <text x="22" y="153" font-size="10" fill="#fe8019" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#fe8019"/>
+  <text x="318" y="153" font-size="10" fill="#fe8019" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#fe8019"/>
+  <text x="22" y="132" font-size="10" fill="#fe8019" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#fe8019"/>
+  <text x="318" y="132" font-size="10" fill="#fe8019" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#fe8019"/>
+  <text x="22" y="111" font-size="10" fill="#fe8019" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#fe8019"/>
+  <text x="318" y="111" font-size="10" fill="#fe8019" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#fe8019"/>
+  <text x="22" y="90" font-size="10" fill="#fe8019" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#fe8019"/>
+  <text x="318" y="90" font-size="10" fill="#fe8019" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#fe8019"/>
+  <text x="22" y="69" font-size="10" fill="#fe8019" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#fe8019"/>
+  <text x="318" y="69" font-size="10" fill="#fe8019" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#fe8019"/>
+  <text x="22" y="48" font-size="10" fill="#fe8019" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#fe8019"/>
+  <text x="318" y="48" font-size="10" fill="#fe8019" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#fe8019"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#fe8019"/>
+  <text x="28" y="166" font-size="10" fill="#fe8019" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#fe8019"/>
+  <text x="82" y="166" font-size="10" fill="#fe8019" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#fe8019"/>
+  <text x="137" y="166" font-size="10" fill="#fe8019" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#fe8019"/>
+  <text x="191" y="166" font-size="10" fill="#fe8019" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#fe8019"/>
+  <text x="246" y="166" font-size="10" fill="#fe8019" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#fe8019"/>
+  <text x="312" y="166" font-size="10" fill="#fe8019" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#fe8019" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#fe8019" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#fe8019" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/gruvbox/contributions.svg b/demo/gruvbox/contributions.svg
new file mode 100644
index 00000000..ab52a372
--- /dev/null
+++ b/demo/gruvbox/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282828" stroke="#282828" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fabd2f">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#fe8019"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#fe8019"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#fe8019"/>
+  <text x="22" y="153" font-size="10" fill="#fe8019" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#fe8019"/>
+  <text x="318" y="153" font-size="10" fill="#fe8019" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#fe8019"/>
+  <text x="22" y="132" font-size="10" fill="#fe8019" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#fe8019"/>
+  <text x="318" y="132" font-size="10" fill="#fe8019" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#fe8019"/>
+  <text x="22" y="111" font-size="10" fill="#fe8019" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#fe8019"/>
+  <text x="318" y="111" font-size="10" fill="#fe8019" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#fe8019"/>
+  <text x="22" y="90" font-size="10" fill="#fe8019" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#fe8019"/>
+  <text x="318" y="90" font-size="10" fill="#fe8019" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#fe8019"/>
+  <text x="22" y="69" font-size="10" fill="#fe8019" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#fe8019"/>
+  <text x="318" y="69" font-size="10" fill="#fe8019" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#fe8019"/>
+  <text x="22" y="48" font-size="10" fill="#fe8019" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#fe8019"/>
+  <text x="318" y="48" font-size="10" fill="#fe8019" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#fe8019"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#fe8019"/>
+  <text x="28" y="166" font-size="10" fill="#fe8019" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#fe8019"/>
+  <text x="75" y="166" font-size="10" fill="#fe8019" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#fe8019"/>
+  <text x="122" y="166" font-size="10" fill="#fe8019" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#fe8019"/>
+  <text x="170" y="166" font-size="10" fill="#fe8019" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#fe8019"/>
+  <text x="217" y="166" font-size="10" fill="#fe8019" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#fe8019"/>
+  <text x="264" y="166" font-size="10" fill="#fe8019" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#fe8019"/>
+  <text x="312" y="166" font-size="10" fill="#fe8019" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#fe8019" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#fe8019" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#fe8019" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/gruvbox/most-commit-language-all-time.svg b/demo/gruvbox/most-commit-language-all-time.svg
new file mode 100644
index 00000000..47ee2186
--- /dev/null
+++ b/demo/gruvbox/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282828" stroke="#282828" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fabd2f">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#8ec07c">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#8ec07c">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#8ec07c">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#8ec07c">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#fe8019" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#8ec07c">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#282828" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#282828" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#282828" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#282828" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#fe8019" stroke="#282828" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/gruvbox/most-commit-language.svg b/demo/gruvbox/most-commit-language.svg
new file mode 100644
index 00000000..2e4d19db
--- /dev/null
+++ b/demo/gruvbox/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282828" stroke="#282828" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fabd2f">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#8ec07c">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#8ec07c">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#8ec07c">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#8ec07c">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#fe8019" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#8ec07c">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#282828" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#282828" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#282828" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#282828" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#fe8019" stroke="#282828" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/gruvbox/productive-time-all-time.svg b/demo/gruvbox/productive-time-all-time.svg
new file mode 100644
index 00000000..1e321a89
--- /dev/null
+++ b/demo/gruvbox/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282828" stroke="#282828" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fabd2f">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#fe8019"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#fe8019"/>
+  <text x="29" y="158" font-size="10" fill="#fe8019" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#fe8019"/>
+  <text x="29" y="140" font-size="10" fill="#fe8019" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#fe8019"/>
+  <text x="29" y="122" font-size="10" fill="#fe8019" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#fe8019"/>
+  <text x="29" y="103" font-size="10" fill="#fe8019" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#fe8019"/>
+  <text x="29" y="85" font-size="10" fill="#fe8019" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#fe8019"/>
+  <text x="29" y="67" font-size="10" fill="#fe8019" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#fe8019"/>
+  <text x="29" y="48" font-size="10" fill="#fe8019" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#fe8019"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#fe8019"/>
+  <text x="40" y="171" font-size="10" fill="#fe8019" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#fe8019"/>
+  <text x="113" y="171" font-size="10" fill="#fe8019" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#fe8019"/>
+  <text x="186" y="171" font-size="10" fill="#fe8019" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#fe8019"/>
+  <text x="258" y="171" font-size="10" fill="#fe8019" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#fe8019"/>
+  <text x="319" y="171" font-size="10" fill="#fe8019" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#fe8019"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#fe8019"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#fe8019"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#fe8019"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#fe8019"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#fe8019"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#fe8019"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#fe8019"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#fe8019"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#fe8019"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#fe8019"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#fe8019"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#fe8019"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#fe8019"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#fe8019"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#fe8019"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#fe8019"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#fe8019"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#fe8019"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#fe8019"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#fe8019"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#fe8019"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#fe8019"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#fe8019"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#fe8019" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/gruvbox/productive-time.svg b/demo/gruvbox/productive-time.svg
new file mode 100644
index 00000000..cac297c8
--- /dev/null
+++ b/demo/gruvbox/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282828" stroke="#282828" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fabd2f">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#fe8019"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#fe8019"/>
+  <text x="29" y="158" font-size="10" fill="#fe8019" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#fe8019"/>
+  <text x="29" y="131" font-size="10" fill="#fe8019" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#fe8019"/>
+  <text x="29" y="103" font-size="10" fill="#fe8019" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#fe8019"/>
+  <text x="29" y="76" font-size="10" fill="#fe8019" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#fe8019"/>
+  <text x="29" y="48" font-size="10" fill="#fe8019" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#fe8019"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#fe8019"/>
+  <text x="40" y="171" font-size="10" fill="#fe8019" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#fe8019"/>
+  <text x="113" y="171" font-size="10" fill="#fe8019" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#fe8019"/>
+  <text x="186" y="171" font-size="10" fill="#fe8019" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#fe8019"/>
+  <text x="258" y="171" font-size="10" fill="#fe8019" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#fe8019"/>
+  <text x="319" y="171" font-size="10" fill="#fe8019" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#fe8019"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#fe8019"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#fe8019"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#fe8019"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#fe8019"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#fe8019"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#fe8019"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#fe8019"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#fe8019"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#fe8019"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#fe8019"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#fe8019"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#fe8019"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#fe8019"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#fe8019"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#fe8019"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#fe8019"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#fe8019"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#fe8019"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#fe8019"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#fe8019"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#fe8019"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#fe8019"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#fe8019"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#fe8019" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/gruvbox/profile-details.svg b/demo/gruvbox/profile-details.svg
new file mode 100644
index 00000000..d579ac9a
--- /dev/null
+++ b/demo/gruvbox/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282828" stroke="#282828" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fabd2f">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#fe8019"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#8ec07c">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#fe8019"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#8ec07c">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#fe8019"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#8ec07c">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#fe8019"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#8ec07c">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#fe8019"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#8ec07c">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#fe8019"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#8ec07c">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/gruvbox/repos-per-language.svg b/demo/gruvbox/repos-per-language.svg
new file mode 100644
index 00000000..c9ec92b0
--- /dev/null
+++ b/demo/gruvbox/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282828" stroke="#282828" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fabd2f">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#8ec07c">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#8ec07c">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#8ec07c">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#8ec07c">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#fe8019" stroke="#282828" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#8ec07c">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#282828" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#282828" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#282828" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#282828" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#fe8019" stroke="#282828" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/gruvbox/stats.svg b/demo/gruvbox/stats.svg
new file mode 100644
index 00000000..79e901e6
--- /dev/null
+++ b/demo/gruvbox/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282828" stroke="#282828" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fabd2f">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#fe8019"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#8ec07c">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#fe8019" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#fe8019"><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="#8ec07c">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#fe8019" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#fe8019"><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="#8ec07c">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#fe8019" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#fe8019"><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="#8ec07c">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#fe8019" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#fe8019"><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="#8ec07c">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#fe8019" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#fe8019"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#8ec07c">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#fe8019" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#fe8019"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#8ec07c">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#fe8019" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/highcontrast/contributions-all-time.svg b/demo/highcontrast/contributions-all-time.svg
new file mode 100644
index 00000000..0c9601f6
--- /dev/null
+++ b/demo/highcontrast/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e7f216">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#00ffff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#00ffff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#00ffff"/>
+  <text x="22" y="153" font-size="10" fill="#00ffff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#00ffff"/>
+  <text x="318" y="153" font-size="10" fill="#00ffff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#00ffff"/>
+  <text x="22" y="132" font-size="10" fill="#00ffff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#00ffff"/>
+  <text x="318" y="132" font-size="10" fill="#00ffff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#00ffff"/>
+  <text x="22" y="111" font-size="10" fill="#00ffff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#00ffff"/>
+  <text x="318" y="111" font-size="10" fill="#00ffff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#00ffff"/>
+  <text x="22" y="90" font-size="10" fill="#00ffff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#00ffff"/>
+  <text x="318" y="90" font-size="10" fill="#00ffff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#00ffff"/>
+  <text x="22" y="69" font-size="10" fill="#00ffff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#00ffff"/>
+  <text x="318" y="69" font-size="10" fill="#00ffff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#00ffff"/>
+  <text x="22" y="48" font-size="10" fill="#00ffff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#00ffff"/>
+  <text x="318" y="48" font-size="10" fill="#00ffff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#00ffff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#00ffff"/>
+  <text x="28" y="166" font-size="10" fill="#00ffff" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#00ffff"/>
+  <text x="82" y="166" font-size="10" fill="#00ffff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#00ffff"/>
+  <text x="137" y="166" font-size="10" fill="#00ffff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#00ffff"/>
+  <text x="191" y="166" font-size="10" fill="#00ffff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#00ffff"/>
+  <text x="246" y="166" font-size="10" fill="#00ffff" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#00ffff"/>
+  <text x="312" y="166" font-size="10" fill="#00ffff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#e7f216" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#e7f216" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#00ffff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/highcontrast/contributions.svg b/demo/highcontrast/contributions.svg
new file mode 100644
index 00000000..38beea37
--- /dev/null
+++ b/demo/highcontrast/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e7f216">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#00ffff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#00ffff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#00ffff"/>
+  <text x="22" y="153" font-size="10" fill="#00ffff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#00ffff"/>
+  <text x="318" y="153" font-size="10" fill="#00ffff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#00ffff"/>
+  <text x="22" y="132" font-size="10" fill="#00ffff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#00ffff"/>
+  <text x="318" y="132" font-size="10" fill="#00ffff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#00ffff"/>
+  <text x="22" y="111" font-size="10" fill="#00ffff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#00ffff"/>
+  <text x="318" y="111" font-size="10" fill="#00ffff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#00ffff"/>
+  <text x="22" y="90" font-size="10" fill="#00ffff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#00ffff"/>
+  <text x="318" y="90" font-size="10" fill="#00ffff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#00ffff"/>
+  <text x="22" y="69" font-size="10" fill="#00ffff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#00ffff"/>
+  <text x="318" y="69" font-size="10" fill="#00ffff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#00ffff"/>
+  <text x="22" y="48" font-size="10" fill="#00ffff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#00ffff"/>
+  <text x="318" y="48" font-size="10" fill="#00ffff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#00ffff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#00ffff"/>
+  <text x="28" y="166" font-size="10" fill="#00ffff" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#00ffff"/>
+  <text x="75" y="166" font-size="10" fill="#00ffff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#00ffff"/>
+  <text x="122" y="166" font-size="10" fill="#00ffff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#00ffff"/>
+  <text x="170" y="166" font-size="10" fill="#00ffff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#00ffff"/>
+  <text x="217" y="166" font-size="10" fill="#00ffff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#00ffff"/>
+  <text x="264" y="166" font-size="10" fill="#00ffff" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#00ffff"/>
+  <text x="312" y="166" font-size="10" fill="#00ffff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#e7f216" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#e7f216" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#00ffff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/highcontrast/most-commit-language-all-time.svg b/demo/highcontrast/most-commit-language-all-time.svg
new file mode 100644
index 00000000..363b0df5
--- /dev/null
+++ b/demo/highcontrast/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e7f216">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e7f216" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#000000" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#e7f216" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/highcontrast/most-commit-language.svg b/demo/highcontrast/most-commit-language.svg
new file mode 100644
index 00000000..476c2351
--- /dev/null
+++ b/demo/highcontrast/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e7f216">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e7f216" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#000000" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#e7f216" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/highcontrast/productive-time-all-time.svg b/demo/highcontrast/productive-time-all-time.svg
new file mode 100644
index 00000000..17ffe7b0
--- /dev/null
+++ b/demo/highcontrast/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e7f216">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#00ffff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#00ffff"/>
+  <text x="29" y="158" font-size="10" fill="#00ffff" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#00ffff"/>
+  <text x="29" y="140" font-size="10" fill="#00ffff" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#00ffff"/>
+  <text x="29" y="122" font-size="10" fill="#00ffff" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#00ffff"/>
+  <text x="29" y="103" font-size="10" fill="#00ffff" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#00ffff"/>
+  <text x="29" y="85" font-size="10" fill="#00ffff" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#00ffff"/>
+  <text x="29" y="67" font-size="10" fill="#00ffff" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#00ffff"/>
+  <text x="29" y="48" font-size="10" fill="#00ffff" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#00ffff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#00ffff"/>
+  <text x="40" y="171" font-size="10" fill="#00ffff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#00ffff"/>
+  <text x="113" y="171" font-size="10" fill="#00ffff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#00ffff"/>
+  <text x="186" y="171" font-size="10" fill="#00ffff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#00ffff"/>
+  <text x="258" y="171" font-size="10" fill="#00ffff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#00ffff"/>
+  <text x="319" y="171" font-size="10" fill="#00ffff" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#e7f216"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#e7f216"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#e7f216"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#e7f216"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#e7f216"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#e7f216"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#e7f216"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#e7f216"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#e7f216"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#e7f216"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#e7f216"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#e7f216"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#e7f216"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#e7f216"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#e7f216"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#e7f216"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#e7f216"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#e7f216"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#e7f216"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#e7f216"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#e7f216"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#e7f216"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#e7f216"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#e7f216"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#00ffff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/highcontrast/productive-time.svg b/demo/highcontrast/productive-time.svg
new file mode 100644
index 00000000..79a2907c
--- /dev/null
+++ b/demo/highcontrast/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e7f216">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#00ffff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#00ffff"/>
+  <text x="29" y="158" font-size="10" fill="#00ffff" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#00ffff"/>
+  <text x="29" y="131" font-size="10" fill="#00ffff" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#00ffff"/>
+  <text x="29" y="103" font-size="10" fill="#00ffff" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#00ffff"/>
+  <text x="29" y="76" font-size="10" fill="#00ffff" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#00ffff"/>
+  <text x="29" y="48" font-size="10" fill="#00ffff" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#00ffff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#00ffff"/>
+  <text x="40" y="171" font-size="10" fill="#00ffff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#00ffff"/>
+  <text x="113" y="171" font-size="10" fill="#00ffff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#00ffff"/>
+  <text x="186" y="171" font-size="10" fill="#00ffff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#00ffff"/>
+  <text x="258" y="171" font-size="10" fill="#00ffff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#00ffff"/>
+  <text x="319" y="171" font-size="10" fill="#00ffff" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#e7f216"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#e7f216"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#e7f216"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#e7f216"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#e7f216"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#e7f216"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#e7f216"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#e7f216"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#e7f216"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#e7f216"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#e7f216"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#e7f216"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#e7f216"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#e7f216"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#e7f216"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#e7f216"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#e7f216"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#e7f216"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#e7f216"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#e7f216"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#e7f216"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#e7f216"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#e7f216"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#e7f216"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#00ffff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/highcontrast/profile-details.svg b/demo/highcontrast/profile-details.svg
new file mode 100644
index 00000000..f80f94d3
--- /dev/null
+++ b/demo/highcontrast/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e7f216">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#00ffff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffffff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#00ffff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffffff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#00ffff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffffff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#00ffff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffffff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#00ffff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffffff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#00ffff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffffff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/highcontrast/repos-per-language.svg b/demo/highcontrast/repos-per-language.svg
new file mode 100644
index 00000000..6264d1a0
--- /dev/null
+++ b/demo/highcontrast/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e7f216">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e7f216" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#000000" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#e7f216" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/highcontrast/stats.svg b/demo/highcontrast/stats.svg
new file mode 100644
index 00000000..9b31ef08
--- /dev/null
+++ b/demo/highcontrast/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e7f216">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#00ffff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffffff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#e7f216" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#00ffff"><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="#e7f216" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#00ffff"><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="#e7f216" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#00ffff"><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="#e7f216" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#00ffff"><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="#e7f216" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#00ffff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffffff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#e7f216" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#00ffff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffffff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#e7f216" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/holi/contributions-all-time.svg b/demo/holi/contributions-all-time.svg
new file mode 100644
index 00000000..c5ed054a
--- /dev/null
+++ b/demo/holi/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#030314" stroke="#d6e7ff" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5ea9eb">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#5090cb"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#5090cb"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#5090cb"/>
+  <text x="22" y="153" font-size="10" fill="#5090cb" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#5090cb"/>
+  <text x="318" y="153" font-size="10" fill="#5090cb" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#5090cb"/>
+  <text x="22" y="132" font-size="10" fill="#5090cb" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#5090cb"/>
+  <text x="318" y="132" font-size="10" fill="#5090cb" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#5090cb"/>
+  <text x="22" y="111" font-size="10" fill="#5090cb" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#5090cb"/>
+  <text x="318" y="111" font-size="10" fill="#5090cb" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#5090cb"/>
+  <text x="22" y="90" font-size="10" fill="#5090cb" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#5090cb"/>
+  <text x="318" y="90" font-size="10" fill="#5090cb" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#5090cb"/>
+  <text x="22" y="69" font-size="10" fill="#5090cb" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#5090cb"/>
+  <text x="318" y="69" font-size="10" fill="#5090cb" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#5090cb"/>
+  <text x="22" y="48" font-size="10" fill="#5090cb" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#5090cb"/>
+  <text x="318" y="48" font-size="10" fill="#5090cb" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#5090cb"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#5090cb"/>
+  <text x="28" y="166" font-size="10" fill="#5090cb" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#5090cb"/>
+  <text x="82" y="166" font-size="10" fill="#5090cb" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#5090cb"/>
+  <text x="137" y="166" font-size="10" fill="#5090cb" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#5090cb"/>
+  <text x="191" y="166" font-size="10" fill="#5090cb" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#5090cb"/>
+  <text x="246" y="166" font-size="10" fill="#5090cb" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#5090cb"/>
+  <text x="312" y="166" font-size="10" fill="#5090cb" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#5090cb" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#5090cb" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#5090cb" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/holi/contributions.svg b/demo/holi/contributions.svg
new file mode 100644
index 00000000..d03bc1e4
--- /dev/null
+++ b/demo/holi/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#030314" stroke="#d6e7ff" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5ea9eb">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#5090cb"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#5090cb"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#5090cb"/>
+  <text x="22" y="153" font-size="10" fill="#5090cb" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#5090cb"/>
+  <text x="318" y="153" font-size="10" fill="#5090cb" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#5090cb"/>
+  <text x="22" y="132" font-size="10" fill="#5090cb" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#5090cb"/>
+  <text x="318" y="132" font-size="10" fill="#5090cb" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#5090cb"/>
+  <text x="22" y="111" font-size="10" fill="#5090cb" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#5090cb"/>
+  <text x="318" y="111" font-size="10" fill="#5090cb" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#5090cb"/>
+  <text x="22" y="90" font-size="10" fill="#5090cb" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#5090cb"/>
+  <text x="318" y="90" font-size="10" fill="#5090cb" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#5090cb"/>
+  <text x="22" y="69" font-size="10" fill="#5090cb" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#5090cb"/>
+  <text x="318" y="69" font-size="10" fill="#5090cb" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#5090cb"/>
+  <text x="22" y="48" font-size="10" fill="#5090cb" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#5090cb"/>
+  <text x="318" y="48" font-size="10" fill="#5090cb" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#5090cb"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#5090cb"/>
+  <text x="28" y="166" font-size="10" fill="#5090cb" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#5090cb"/>
+  <text x="75" y="166" font-size="10" fill="#5090cb" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#5090cb"/>
+  <text x="122" y="166" font-size="10" fill="#5090cb" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#5090cb"/>
+  <text x="170" y="166" font-size="10" fill="#5090cb" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#5090cb"/>
+  <text x="217" y="166" font-size="10" fill="#5090cb" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#5090cb"/>
+  <text x="264" y="166" font-size="10" fill="#5090cb" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#5090cb"/>
+  <text x="312" y="166" font-size="10" fill="#5090cb" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#5090cb" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#5090cb" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#5090cb" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/holi/most-commit-language-all-time.svg b/demo/holi/most-commit-language-all-time.svg
new file mode 100644
index 00000000..77bc77ed
--- /dev/null
+++ b/demo/holi/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#030314" stroke="#d6e7ff" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5ea9eb">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#d6e7ff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#d6e7ff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#d6e7ff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#d6e7ff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#5090cb" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#d6e7ff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#030314" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#030314" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#030314" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#030314" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#5090cb" stroke="#030314" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/holi/most-commit-language.svg b/demo/holi/most-commit-language.svg
new file mode 100644
index 00000000..1e4ee851
--- /dev/null
+++ b/demo/holi/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#030314" stroke="#d6e7ff" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5ea9eb">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#d6e7ff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#d6e7ff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#d6e7ff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#d6e7ff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#5090cb" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#d6e7ff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#030314" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#030314" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#030314" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#030314" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#5090cb" stroke="#030314" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/holi/productive-time-all-time.svg b/demo/holi/productive-time-all-time.svg
new file mode 100644
index 00000000..b5d75b5c
--- /dev/null
+++ b/demo/holi/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#030314" stroke="#d6e7ff" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5ea9eb">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#5090cb"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#5090cb"/>
+  <text x="29" y="158" font-size="10" fill="#5090cb" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#5090cb"/>
+  <text x="29" y="140" font-size="10" fill="#5090cb" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#5090cb"/>
+  <text x="29" y="122" font-size="10" fill="#5090cb" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#5090cb"/>
+  <text x="29" y="103" font-size="10" fill="#5090cb" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#5090cb"/>
+  <text x="29" y="85" font-size="10" fill="#5090cb" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#5090cb"/>
+  <text x="29" y="67" font-size="10" fill="#5090cb" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#5090cb"/>
+  <text x="29" y="48" font-size="10" fill="#5090cb" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#5090cb"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#5090cb"/>
+  <text x="40" y="171" font-size="10" fill="#5090cb" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#5090cb"/>
+  <text x="113" y="171" font-size="10" fill="#5090cb" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#5090cb"/>
+  <text x="186" y="171" font-size="10" fill="#5090cb" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#5090cb"/>
+  <text x="258" y="171" font-size="10" fill="#5090cb" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#5090cb"/>
+  <text x="319" y="171" font-size="10" fill="#5090cb" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#5090cb"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#5090cb"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#5090cb"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#5090cb"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#5090cb"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#5090cb"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#5090cb"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#5090cb"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#5090cb"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#5090cb"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#5090cb"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#5090cb"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#5090cb"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#5090cb"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#5090cb"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#5090cb"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#5090cb"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#5090cb"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#5090cb"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#5090cb"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#5090cb"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#5090cb"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#5090cb"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#5090cb"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#5090cb" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/holi/productive-time.svg b/demo/holi/productive-time.svg
new file mode 100644
index 00000000..1bf58aa6
--- /dev/null
+++ b/demo/holi/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#030314" stroke="#d6e7ff" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5ea9eb">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#5090cb"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#5090cb"/>
+  <text x="29" y="158" font-size="10" fill="#5090cb" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#5090cb"/>
+  <text x="29" y="131" font-size="10" fill="#5090cb" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#5090cb"/>
+  <text x="29" y="103" font-size="10" fill="#5090cb" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#5090cb"/>
+  <text x="29" y="76" font-size="10" fill="#5090cb" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#5090cb"/>
+  <text x="29" y="48" font-size="10" fill="#5090cb" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#5090cb"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#5090cb"/>
+  <text x="40" y="171" font-size="10" fill="#5090cb" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#5090cb"/>
+  <text x="113" y="171" font-size="10" fill="#5090cb" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#5090cb"/>
+  <text x="186" y="171" font-size="10" fill="#5090cb" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#5090cb"/>
+  <text x="258" y="171" font-size="10" fill="#5090cb" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#5090cb"/>
+  <text x="319" y="171" font-size="10" fill="#5090cb" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#5090cb"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#5090cb"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#5090cb"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#5090cb"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#5090cb"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#5090cb"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#5090cb"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#5090cb"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#5090cb"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#5090cb"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#5090cb"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#5090cb"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#5090cb"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#5090cb"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#5090cb"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#5090cb"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#5090cb"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#5090cb"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#5090cb"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#5090cb"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#5090cb"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#5090cb"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#5090cb"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#5090cb"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#5090cb" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/holi/profile-details.svg b/demo/holi/profile-details.svg
new file mode 100644
index 00000000..110ef65c
--- /dev/null
+++ b/demo/holi/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#030314" stroke="#d6e7ff" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5ea9eb">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#5090cb"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#d6e7ff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#5090cb"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#d6e7ff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#5090cb"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#d6e7ff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#5090cb"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#d6e7ff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#5090cb"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#d6e7ff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#5090cb"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#d6e7ff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/holi/repos-per-language.svg b/demo/holi/repos-per-language.svg
new file mode 100644
index 00000000..f6c2667c
--- /dev/null
+++ b/demo/holi/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#030314" stroke="#d6e7ff" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5ea9eb">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#d6e7ff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#d6e7ff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#d6e7ff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#d6e7ff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#5090cb" stroke="#030314" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#d6e7ff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#030314" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#030314" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#030314" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#030314" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#5090cb" stroke="#030314" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/holi/stats.svg b/demo/holi/stats.svg
new file mode 100644
index 00000000..1fe32f79
--- /dev/null
+++ b/demo/holi/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#030314" stroke="#d6e7ff" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#5ea9eb">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#5090cb"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#d6e7ff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#5090cb" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#5090cb"><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="#d6e7ff">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#5090cb" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#5090cb"><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="#d6e7ff">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#5090cb" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#5090cb"><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="#d6e7ff">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#5090cb" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#5090cb"><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="#d6e7ff">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#5090cb" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#5090cb"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#d6e7ff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#5090cb" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#5090cb"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#d6e7ff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#5090cb" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/jolly/contributions-all-time.svg b/demo/jolly/contributions-all-time.svg
new file mode 100644
index 00000000..39101ff0
--- /dev/null
+++ b/demo/jolly/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#291b3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff64da">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#a960ff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#a960ff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#a960ff"/>
+  <text x="22" y="153" font-size="10" fill="#a960ff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#a960ff"/>
+  <text x="318" y="153" font-size="10" fill="#a960ff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#a960ff"/>
+  <text x="22" y="132" font-size="10" fill="#a960ff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#a960ff"/>
+  <text x="318" y="132" font-size="10" fill="#a960ff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#a960ff"/>
+  <text x="22" y="111" font-size="10" fill="#a960ff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#a960ff"/>
+  <text x="318" y="111" font-size="10" fill="#a960ff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#a960ff"/>
+  <text x="22" y="90" font-size="10" fill="#a960ff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#a960ff"/>
+  <text x="318" y="90" font-size="10" fill="#a960ff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#a960ff"/>
+  <text x="22" y="69" font-size="10" fill="#a960ff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#a960ff"/>
+  <text x="318" y="69" font-size="10" fill="#a960ff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#a960ff"/>
+  <text x="22" y="48" font-size="10" fill="#a960ff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#a960ff"/>
+  <text x="318" y="48" font-size="10" fill="#a960ff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#a960ff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#a960ff"/>
+  <text x="28" y="166" font-size="10" fill="#a960ff" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#a960ff"/>
+  <text x="82" y="166" font-size="10" fill="#a960ff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#a960ff"/>
+  <text x="137" y="166" font-size="10" fill="#a960ff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#a960ff"/>
+  <text x="191" y="166" font-size="10" fill="#a960ff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#a960ff"/>
+  <text x="246" y="166" font-size="10" fill="#a960ff" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#a960ff"/>
+  <text x="312" y="166" font-size="10" fill="#a960ff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ff64da" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ff64da" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#a960ff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/jolly/contributions.svg b/demo/jolly/contributions.svg
new file mode 100644
index 00000000..b7578304
--- /dev/null
+++ b/demo/jolly/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#291b3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff64da">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#a960ff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#a960ff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#a960ff"/>
+  <text x="22" y="153" font-size="10" fill="#a960ff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#a960ff"/>
+  <text x="318" y="153" font-size="10" fill="#a960ff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#a960ff"/>
+  <text x="22" y="132" font-size="10" fill="#a960ff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#a960ff"/>
+  <text x="318" y="132" font-size="10" fill="#a960ff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#a960ff"/>
+  <text x="22" y="111" font-size="10" fill="#a960ff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#a960ff"/>
+  <text x="318" y="111" font-size="10" fill="#a960ff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#a960ff"/>
+  <text x="22" y="90" font-size="10" fill="#a960ff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#a960ff"/>
+  <text x="318" y="90" font-size="10" fill="#a960ff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#a960ff"/>
+  <text x="22" y="69" font-size="10" fill="#a960ff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#a960ff"/>
+  <text x="318" y="69" font-size="10" fill="#a960ff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#a960ff"/>
+  <text x="22" y="48" font-size="10" fill="#a960ff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#a960ff"/>
+  <text x="318" y="48" font-size="10" fill="#a960ff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#a960ff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#a960ff"/>
+  <text x="28" y="166" font-size="10" fill="#a960ff" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#a960ff"/>
+  <text x="75" y="166" font-size="10" fill="#a960ff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#a960ff"/>
+  <text x="122" y="166" font-size="10" fill="#a960ff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#a960ff"/>
+  <text x="170" y="166" font-size="10" fill="#a960ff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#a960ff"/>
+  <text x="217" y="166" font-size="10" fill="#a960ff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#a960ff"/>
+  <text x="264" y="166" font-size="10" fill="#a960ff" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#a960ff"/>
+  <text x="312" y="166" font-size="10" fill="#a960ff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ff64da" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ff64da" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#a960ff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/jolly/most-commit-language-all-time.svg b/demo/jolly/most-commit-language-all-time.svg
new file mode 100644
index 00000000..07f11806
--- /dev/null
+++ b/demo/jolly/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#291b3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff64da">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff64da" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#291b3e" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#291b3e" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#291b3e" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#291b3e" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ff64da" stroke="#291b3e" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/jolly/most-commit-language.svg b/demo/jolly/most-commit-language.svg
new file mode 100644
index 00000000..8be2bfd1
--- /dev/null
+++ b/demo/jolly/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#291b3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff64da">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff64da" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#291b3e" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#291b3e" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#291b3e" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#291b3e" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ff64da" stroke="#291b3e" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/jolly/productive-time-all-time.svg b/demo/jolly/productive-time-all-time.svg
new file mode 100644
index 00000000..b8b68176
--- /dev/null
+++ b/demo/jolly/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#291b3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff64da">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#a960ff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#a960ff"/>
+  <text x="29" y="158" font-size="10" fill="#a960ff" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#a960ff"/>
+  <text x="29" y="140" font-size="10" fill="#a960ff" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#a960ff"/>
+  <text x="29" y="122" font-size="10" fill="#a960ff" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#a960ff"/>
+  <text x="29" y="103" font-size="10" fill="#a960ff" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#a960ff"/>
+  <text x="29" y="85" font-size="10" fill="#a960ff" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#a960ff"/>
+  <text x="29" y="67" font-size="10" fill="#a960ff" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#a960ff"/>
+  <text x="29" y="48" font-size="10" fill="#a960ff" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#a960ff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#a960ff"/>
+  <text x="40" y="171" font-size="10" fill="#a960ff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#a960ff"/>
+  <text x="113" y="171" font-size="10" fill="#a960ff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#a960ff"/>
+  <text x="186" y="171" font-size="10" fill="#a960ff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#a960ff"/>
+  <text x="258" y="171" font-size="10" fill="#a960ff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#a960ff"/>
+  <text x="319" y="171" font-size="10" fill="#a960ff" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ff64da"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ff64da"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ff64da"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ff64da"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ff64da"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ff64da"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ff64da"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ff64da"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ff64da"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ff64da"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ff64da"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ff64da"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ff64da"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ff64da"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ff64da"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ff64da"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ff64da"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ff64da"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ff64da"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ff64da"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ff64da"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ff64da"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ff64da"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ff64da"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#a960ff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/jolly/productive-time.svg b/demo/jolly/productive-time.svg
new file mode 100644
index 00000000..9a0add98
--- /dev/null
+++ b/demo/jolly/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#291b3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff64da">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#a960ff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#a960ff"/>
+  <text x="29" y="158" font-size="10" fill="#a960ff" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#a960ff"/>
+  <text x="29" y="131" font-size="10" fill="#a960ff" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#a960ff"/>
+  <text x="29" y="103" font-size="10" fill="#a960ff" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#a960ff"/>
+  <text x="29" y="76" font-size="10" fill="#a960ff" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#a960ff"/>
+  <text x="29" y="48" font-size="10" fill="#a960ff" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#a960ff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#a960ff"/>
+  <text x="40" y="171" font-size="10" fill="#a960ff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#a960ff"/>
+  <text x="113" y="171" font-size="10" fill="#a960ff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#a960ff"/>
+  <text x="186" y="171" font-size="10" fill="#a960ff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#a960ff"/>
+  <text x="258" y="171" font-size="10" fill="#a960ff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#a960ff"/>
+  <text x="319" y="171" font-size="10" fill="#a960ff" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ff64da"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ff64da"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff64da"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff64da"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ff64da"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ff64da"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ff64da"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ff64da"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ff64da"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ff64da"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ff64da"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ff64da"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ff64da"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ff64da"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ff64da"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ff64da"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ff64da"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ff64da"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ff64da"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ff64da"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ff64da"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ff64da"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ff64da"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ff64da"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#a960ff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/jolly/profile-details.svg b/demo/jolly/profile-details.svg
new file mode 100644
index 00000000..5b10bbf9
--- /dev/null
+++ b/demo/jolly/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#291b3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff64da">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#a960ff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffffff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#a960ff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffffff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#a960ff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffffff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#a960ff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffffff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#a960ff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffffff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#a960ff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffffff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/jolly/repos-per-language.svg b/demo/jolly/repos-per-language.svg
new file mode 100644
index 00000000..106c90b6
--- /dev/null
+++ b/demo/jolly/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#291b3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff64da">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff64da" stroke="#291b3e" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#291b3e" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#291b3e" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#291b3e" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#291b3e" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ff64da" stroke="#291b3e" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/jolly/stats.svg b/demo/jolly/stats.svg
new file mode 100644
index 00000000..715bb770
--- /dev/null
+++ b/demo/jolly/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#291b3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff64da">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#a960ff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffffff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ff64da" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#a960ff"><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="#ff64da" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#a960ff"><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="#ff64da" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#a960ff"><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="#ff64da" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#a960ff"><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="#ff64da" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#a960ff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffffff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ff64da" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#a960ff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffffff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ff64da" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/kacho_ga/contributions-all-time.svg b/demo/kacho_ga/contributions-all-time.svg
new file mode 100644
index 00000000..abb9b772
--- /dev/null
+++ b/demo/kacho_ga/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#402b23" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bf4a3f">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#a64833"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#a64833"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#a64833"/>
+  <text x="22" y="153" font-size="10" fill="#a64833" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#a64833"/>
+  <text x="318" y="153" font-size="10" fill="#a64833" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#a64833"/>
+  <text x="22" y="132" font-size="10" fill="#a64833" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#a64833"/>
+  <text x="318" y="132" font-size="10" fill="#a64833" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#a64833"/>
+  <text x="22" y="111" font-size="10" fill="#a64833" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#a64833"/>
+  <text x="318" y="111" font-size="10" fill="#a64833" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#a64833"/>
+  <text x="22" y="90" font-size="10" fill="#a64833" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#a64833"/>
+  <text x="318" y="90" font-size="10" fill="#a64833" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#a64833"/>
+  <text x="22" y="69" font-size="10" fill="#a64833" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#a64833"/>
+  <text x="318" y="69" font-size="10" fill="#a64833" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#a64833"/>
+  <text x="22" y="48" font-size="10" fill="#a64833" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#a64833"/>
+  <text x="318" y="48" font-size="10" fill="#a64833" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#a64833"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#a64833"/>
+  <text x="28" y="166" font-size="10" fill="#a64833" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#a64833"/>
+  <text x="82" y="166" font-size="10" fill="#a64833" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#a64833"/>
+  <text x="137" y="166" font-size="10" fill="#a64833" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#a64833"/>
+  <text x="191" y="166" font-size="10" fill="#a64833" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#a64833"/>
+  <text x="246" y="166" font-size="10" fill="#a64833" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#a64833"/>
+  <text x="312" y="166" font-size="10" fill="#a64833" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#bf4a3f" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#bf4a3f" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#a64833" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/kacho_ga/contributions.svg b/demo/kacho_ga/contributions.svg
new file mode 100644
index 00000000..893ca9d5
--- /dev/null
+++ b/demo/kacho_ga/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#402b23" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bf4a3f">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#a64833"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#a64833"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#a64833"/>
+  <text x="22" y="153" font-size="10" fill="#a64833" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#a64833"/>
+  <text x="318" y="153" font-size="10" fill="#a64833" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#a64833"/>
+  <text x="22" y="132" font-size="10" fill="#a64833" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#a64833"/>
+  <text x="318" y="132" font-size="10" fill="#a64833" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#a64833"/>
+  <text x="22" y="111" font-size="10" fill="#a64833" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#a64833"/>
+  <text x="318" y="111" font-size="10" fill="#a64833" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#a64833"/>
+  <text x="22" y="90" font-size="10" fill="#a64833" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#a64833"/>
+  <text x="318" y="90" font-size="10" fill="#a64833" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#a64833"/>
+  <text x="22" y="69" font-size="10" fill="#a64833" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#a64833"/>
+  <text x="318" y="69" font-size="10" fill="#a64833" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#a64833"/>
+  <text x="22" y="48" font-size="10" fill="#a64833" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#a64833"/>
+  <text x="318" y="48" font-size="10" fill="#a64833" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#a64833"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#a64833"/>
+  <text x="28" y="166" font-size="10" fill="#a64833" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#a64833"/>
+  <text x="75" y="166" font-size="10" fill="#a64833" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#a64833"/>
+  <text x="122" y="166" font-size="10" fill="#a64833" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#a64833"/>
+  <text x="170" y="166" font-size="10" fill="#a64833" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#a64833"/>
+  <text x="217" y="166" font-size="10" fill="#a64833" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#a64833"/>
+  <text x="264" y="166" font-size="10" fill="#a64833" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#a64833"/>
+  <text x="312" y="166" font-size="10" fill="#a64833" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#bf4a3f" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#bf4a3f" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#a64833" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/kacho_ga/most-commit-language-all-time.svg b/demo/kacho_ga/most-commit-language-all-time.svg
new file mode 100644
index 00000000..33bb4692
--- /dev/null
+++ b/demo/kacho_ga/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#402b23" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bf4a3f">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#d9c8a9">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#d9c8a9">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#d9c8a9">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#d9c8a9">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#bf4a3f" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#d9c8a9">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#402b23" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#402b23" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#402b23" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#402b23" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#bf4a3f" stroke="#402b23" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/kacho_ga/most-commit-language.svg b/demo/kacho_ga/most-commit-language.svg
new file mode 100644
index 00000000..bce895f9
--- /dev/null
+++ b/demo/kacho_ga/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#402b23" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bf4a3f">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#d9c8a9">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#d9c8a9">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#d9c8a9">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#d9c8a9">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#bf4a3f" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#d9c8a9">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#402b23" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#402b23" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#402b23" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#402b23" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#bf4a3f" stroke="#402b23" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/kacho_ga/productive-time-all-time.svg b/demo/kacho_ga/productive-time-all-time.svg
new file mode 100644
index 00000000..b1a5a8e4
--- /dev/null
+++ b/demo/kacho_ga/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#402b23" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bf4a3f">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#a64833"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#a64833"/>
+  <text x="29" y="158" font-size="10" fill="#a64833" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#a64833"/>
+  <text x="29" y="140" font-size="10" fill="#a64833" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#a64833"/>
+  <text x="29" y="122" font-size="10" fill="#a64833" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#a64833"/>
+  <text x="29" y="103" font-size="10" fill="#a64833" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#a64833"/>
+  <text x="29" y="85" font-size="10" fill="#a64833" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#a64833"/>
+  <text x="29" y="67" font-size="10" fill="#a64833" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#a64833"/>
+  <text x="29" y="48" font-size="10" fill="#a64833" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#a64833"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#a64833"/>
+  <text x="40" y="171" font-size="10" fill="#a64833" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#a64833"/>
+  <text x="113" y="171" font-size="10" fill="#a64833" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#a64833"/>
+  <text x="186" y="171" font-size="10" fill="#a64833" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#a64833"/>
+  <text x="258" y="171" font-size="10" fill="#a64833" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#a64833"/>
+  <text x="319" y="171" font-size="10" fill="#a64833" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#bf4a3f"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#bf4a3f"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#bf4a3f"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#bf4a3f"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#bf4a3f"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#bf4a3f"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#bf4a3f"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#bf4a3f"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#bf4a3f"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#bf4a3f"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#bf4a3f"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#bf4a3f"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#bf4a3f"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#bf4a3f"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#bf4a3f"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#bf4a3f"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#bf4a3f"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#bf4a3f"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#bf4a3f"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#bf4a3f"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#bf4a3f"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#bf4a3f"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#bf4a3f"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#bf4a3f"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#a64833" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/kacho_ga/productive-time.svg b/demo/kacho_ga/productive-time.svg
new file mode 100644
index 00000000..c11493ec
--- /dev/null
+++ b/demo/kacho_ga/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#402b23" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bf4a3f">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#a64833"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#a64833"/>
+  <text x="29" y="158" font-size="10" fill="#a64833" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#a64833"/>
+  <text x="29" y="131" font-size="10" fill="#a64833" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#a64833"/>
+  <text x="29" y="103" font-size="10" fill="#a64833" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#a64833"/>
+  <text x="29" y="76" font-size="10" fill="#a64833" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#a64833"/>
+  <text x="29" y="48" font-size="10" fill="#a64833" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#a64833"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#a64833"/>
+  <text x="40" y="171" font-size="10" fill="#a64833" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#a64833"/>
+  <text x="113" y="171" font-size="10" fill="#a64833" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#a64833"/>
+  <text x="186" y="171" font-size="10" fill="#a64833" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#a64833"/>
+  <text x="258" y="171" font-size="10" fill="#a64833" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#a64833"/>
+  <text x="319" y="171" font-size="10" fill="#a64833" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#bf4a3f"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#bf4a3f"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#bf4a3f"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#bf4a3f"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#bf4a3f"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#bf4a3f"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#bf4a3f"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#bf4a3f"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#bf4a3f"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#bf4a3f"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#bf4a3f"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#bf4a3f"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#bf4a3f"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#bf4a3f"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#bf4a3f"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#bf4a3f"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#bf4a3f"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#bf4a3f"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#bf4a3f"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#bf4a3f"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#bf4a3f"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#bf4a3f"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#bf4a3f"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#bf4a3f"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#a64833" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/kacho_ga/profile-details.svg b/demo/kacho_ga/profile-details.svg
new file mode 100644
index 00000000..d1a22100
--- /dev/null
+++ b/demo/kacho_ga/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#402b23" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bf4a3f">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#a64833"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#d9c8a9">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#a64833"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#d9c8a9">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#a64833"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#d9c8a9">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#a64833"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#d9c8a9">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#a64833"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#d9c8a9">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#a64833"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#d9c8a9">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/kacho_ga/repos-per-language.svg b/demo/kacho_ga/repos-per-language.svg
new file mode 100644
index 00000000..c2e15494
--- /dev/null
+++ b/demo/kacho_ga/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#402b23" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bf4a3f">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#d9c8a9">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#d9c8a9">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#d9c8a9">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#d9c8a9">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#bf4a3f" stroke="#402b23" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#d9c8a9">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#402b23" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#402b23" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#402b23" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#402b23" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#bf4a3f" stroke="#402b23" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/kacho_ga/stats.svg b/demo/kacho_ga/stats.svg
new file mode 100644
index 00000000..62cb8b0e
--- /dev/null
+++ b/demo/kacho_ga/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#402b23" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bf4a3f">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#a64833"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#d9c8a9">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#bf4a3f" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#a64833"><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="#d9c8a9">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#bf4a3f" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#a64833"><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="#d9c8a9">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#bf4a3f" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#a64833"><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="#d9c8a9">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#bf4a3f" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#a64833"><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="#d9c8a9">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#bf4a3f" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#a64833"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#d9c8a9">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#bf4a3f" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#a64833"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#d9c8a9">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#bf4a3f" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/maroongold/contributions-all-time.svg b/demo/maroongold/contributions-all-time.svg
new file mode 100644
index 00000000..1d5a8823
--- /dev/null
+++ b/demo/maroongold/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#260000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f7ef8a">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#f7ef8a"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#f7ef8a"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#f7ef8a"/>
+  <text x="22" y="153" font-size="10" fill="#f7ef8a" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#f7ef8a"/>
+  <text x="318" y="153" font-size="10" fill="#f7ef8a" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#f7ef8a"/>
+  <text x="22" y="132" font-size="10" fill="#f7ef8a" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#f7ef8a"/>
+  <text x="318" y="132" font-size="10" fill="#f7ef8a" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#f7ef8a"/>
+  <text x="22" y="111" font-size="10" fill="#f7ef8a" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#f7ef8a"/>
+  <text x="318" y="111" font-size="10" fill="#f7ef8a" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#f7ef8a"/>
+  <text x="22" y="90" font-size="10" fill="#f7ef8a" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#f7ef8a"/>
+  <text x="318" y="90" font-size="10" fill="#f7ef8a" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#f7ef8a"/>
+  <text x="22" y="69" font-size="10" fill="#f7ef8a" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#f7ef8a"/>
+  <text x="318" y="69" font-size="10" fill="#f7ef8a" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#f7ef8a"/>
+  <text x="22" y="48" font-size="10" fill="#f7ef8a" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#f7ef8a"/>
+  <text x="318" y="48" font-size="10" fill="#f7ef8a" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#f7ef8a"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#f7ef8a"/>
+  <text x="28" y="166" font-size="10" fill="#f7ef8a" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#f7ef8a"/>
+  <text x="82" y="166" font-size="10" fill="#f7ef8a" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#f7ef8a"/>
+  <text x="137" y="166" font-size="10" fill="#f7ef8a" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#f7ef8a"/>
+  <text x="191" y="166" font-size="10" fill="#f7ef8a" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#f7ef8a"/>
+  <text x="246" y="166" font-size="10" fill="#f7ef8a" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#f7ef8a"/>
+  <text x="312" y="166" font-size="10" fill="#f7ef8a" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#f7ef8a" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#f7ef8a" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#f7ef8a" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/maroongold/contributions.svg b/demo/maroongold/contributions.svg
new file mode 100644
index 00000000..09b57944
--- /dev/null
+++ b/demo/maroongold/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#260000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f7ef8a">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#f7ef8a"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#f7ef8a"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#f7ef8a"/>
+  <text x="22" y="153" font-size="10" fill="#f7ef8a" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#f7ef8a"/>
+  <text x="318" y="153" font-size="10" fill="#f7ef8a" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#f7ef8a"/>
+  <text x="22" y="132" font-size="10" fill="#f7ef8a" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#f7ef8a"/>
+  <text x="318" y="132" font-size="10" fill="#f7ef8a" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#f7ef8a"/>
+  <text x="22" y="111" font-size="10" fill="#f7ef8a" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#f7ef8a"/>
+  <text x="318" y="111" font-size="10" fill="#f7ef8a" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#f7ef8a"/>
+  <text x="22" y="90" font-size="10" fill="#f7ef8a" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#f7ef8a"/>
+  <text x="318" y="90" font-size="10" fill="#f7ef8a" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#f7ef8a"/>
+  <text x="22" y="69" font-size="10" fill="#f7ef8a" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#f7ef8a"/>
+  <text x="318" y="69" font-size="10" fill="#f7ef8a" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#f7ef8a"/>
+  <text x="22" y="48" font-size="10" fill="#f7ef8a" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#f7ef8a"/>
+  <text x="318" y="48" font-size="10" fill="#f7ef8a" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#f7ef8a"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#f7ef8a"/>
+  <text x="28" y="166" font-size="10" fill="#f7ef8a" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#f7ef8a"/>
+  <text x="75" y="166" font-size="10" fill="#f7ef8a" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#f7ef8a"/>
+  <text x="122" y="166" font-size="10" fill="#f7ef8a" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#f7ef8a"/>
+  <text x="170" y="166" font-size="10" fill="#f7ef8a" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#f7ef8a"/>
+  <text x="217" y="166" font-size="10" fill="#f7ef8a" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#f7ef8a"/>
+  <text x="264" y="166" font-size="10" fill="#f7ef8a" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#f7ef8a"/>
+  <text x="312" y="166" font-size="10" fill="#f7ef8a" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#f7ef8a" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#f7ef8a" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#f7ef8a" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/maroongold/most-commit-language-all-time.svg b/demo/maroongold/most-commit-language-all-time.svg
new file mode 100644
index 00000000..5f562f5b
--- /dev/null
+++ b/demo/maroongold/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#260000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f7ef8a">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e0aa3e">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e0aa3e">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e0aa3e">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e0aa3e">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#f7ef8a" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e0aa3e">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#260000" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#260000" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#260000" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#260000" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#f7ef8a" stroke="#260000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/maroongold/most-commit-language.svg b/demo/maroongold/most-commit-language.svg
new file mode 100644
index 00000000..f85642c2
--- /dev/null
+++ b/demo/maroongold/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#260000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f7ef8a">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e0aa3e">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e0aa3e">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e0aa3e">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e0aa3e">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#f7ef8a" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e0aa3e">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#260000" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#260000" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#260000" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#260000" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#f7ef8a" stroke="#260000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/maroongold/productive-time-all-time.svg b/demo/maroongold/productive-time-all-time.svg
new file mode 100644
index 00000000..4725d6f4
--- /dev/null
+++ b/demo/maroongold/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#260000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f7ef8a">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#f7ef8a"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#f7ef8a"/>
+  <text x="29" y="158" font-size="10" fill="#f7ef8a" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#f7ef8a"/>
+  <text x="29" y="140" font-size="10" fill="#f7ef8a" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#f7ef8a"/>
+  <text x="29" y="122" font-size="10" fill="#f7ef8a" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#f7ef8a"/>
+  <text x="29" y="103" font-size="10" fill="#f7ef8a" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#f7ef8a"/>
+  <text x="29" y="85" font-size="10" fill="#f7ef8a" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#f7ef8a"/>
+  <text x="29" y="67" font-size="10" fill="#f7ef8a" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#f7ef8a"/>
+  <text x="29" y="48" font-size="10" fill="#f7ef8a" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#f7ef8a"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#f7ef8a"/>
+  <text x="40" y="171" font-size="10" fill="#f7ef8a" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#f7ef8a"/>
+  <text x="113" y="171" font-size="10" fill="#f7ef8a" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#f7ef8a"/>
+  <text x="186" y="171" font-size="10" fill="#f7ef8a" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#f7ef8a"/>
+  <text x="258" y="171" font-size="10" fill="#f7ef8a" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#f7ef8a"/>
+  <text x="319" y="171" font-size="10" fill="#f7ef8a" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#f7ef8a"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#f7ef8a"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#f7ef8a"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#f7ef8a"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#f7ef8a"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#f7ef8a"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#f7ef8a"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#f7ef8a"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#f7ef8a"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#f7ef8a"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#f7ef8a"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#f7ef8a"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#f7ef8a"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#f7ef8a"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#f7ef8a"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#f7ef8a"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#f7ef8a"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#f7ef8a"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#f7ef8a"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#f7ef8a"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#f7ef8a"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#f7ef8a"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#f7ef8a"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#f7ef8a"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#f7ef8a" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/maroongold/productive-time.svg b/demo/maroongold/productive-time.svg
new file mode 100644
index 00000000..5011928c
--- /dev/null
+++ b/demo/maroongold/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#260000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f7ef8a">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#f7ef8a"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#f7ef8a"/>
+  <text x="29" y="158" font-size="10" fill="#f7ef8a" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#f7ef8a"/>
+  <text x="29" y="131" font-size="10" fill="#f7ef8a" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#f7ef8a"/>
+  <text x="29" y="103" font-size="10" fill="#f7ef8a" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#f7ef8a"/>
+  <text x="29" y="76" font-size="10" fill="#f7ef8a" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#f7ef8a"/>
+  <text x="29" y="48" font-size="10" fill="#f7ef8a" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#f7ef8a"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#f7ef8a"/>
+  <text x="40" y="171" font-size="10" fill="#f7ef8a" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#f7ef8a"/>
+  <text x="113" y="171" font-size="10" fill="#f7ef8a" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#f7ef8a"/>
+  <text x="186" y="171" font-size="10" fill="#f7ef8a" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#f7ef8a"/>
+  <text x="258" y="171" font-size="10" fill="#f7ef8a" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#f7ef8a"/>
+  <text x="319" y="171" font-size="10" fill="#f7ef8a" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#f7ef8a"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#f7ef8a"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#f7ef8a"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#f7ef8a"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#f7ef8a"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#f7ef8a"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#f7ef8a"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#f7ef8a"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#f7ef8a"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#f7ef8a"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#f7ef8a"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#f7ef8a"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#f7ef8a"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#f7ef8a"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#f7ef8a"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#f7ef8a"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#f7ef8a"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#f7ef8a"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#f7ef8a"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#f7ef8a"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#f7ef8a"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#f7ef8a"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#f7ef8a"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#f7ef8a"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#f7ef8a" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/maroongold/profile-details.svg b/demo/maroongold/profile-details.svg
new file mode 100644
index 00000000..69308710
--- /dev/null
+++ b/demo/maroongold/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#260000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f7ef8a">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#f7ef8a"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#e0aa3e">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#f7ef8a"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#e0aa3e">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#f7ef8a"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#e0aa3e">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#f7ef8a"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#e0aa3e">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#f7ef8a"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#e0aa3e">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#f7ef8a"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#e0aa3e">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/maroongold/repos-per-language.svg b/demo/maroongold/repos-per-language.svg
new file mode 100644
index 00000000..d07b9e71
--- /dev/null
+++ b/demo/maroongold/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#260000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f7ef8a">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e0aa3e">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e0aa3e">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e0aa3e">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e0aa3e">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#f7ef8a" stroke="#260000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e0aa3e">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#260000" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#260000" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#260000" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#260000" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#f7ef8a" stroke="#260000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/maroongold/stats.svg b/demo/maroongold/stats.svg
new file mode 100644
index 00000000..0e4f0905
--- /dev/null
+++ b/demo/maroongold/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#260000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f7ef8a">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#f7ef8a"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#e0aa3e">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#f7ef8a" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#f7ef8a"><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="#e0aa3e">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#f7ef8a" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#f7ef8a"><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="#e0aa3e">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#f7ef8a" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#f7ef8a"><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="#e0aa3e">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#f7ef8a" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#f7ef8a"><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="#e0aa3e">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#f7ef8a" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#f7ef8a"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#e0aa3e">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#f7ef8a" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#f7ef8a"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#e0aa3e">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#f7ef8a" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/material_palenight/contributions-all-time.svg b/demo/material_palenight/contributions-all-time.svg
new file mode 100644
index 00000000..b03c034d
--- /dev/null
+++ b/demo/material_palenight/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#292d3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#89ddff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#89ddff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#89ddff"/>
+  <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="45" x2="28" y2="45" stroke="#89ddff"/>
+  <text x="22" y="48" font-size="10" fill="#89ddff" text-anchor="end">500</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>
+  <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>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#89ddff"/>
+  <text x="82" y="166" font-size="10" fill="#89ddff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#89ddff"/>
+  <text x="137" y="166" font-size="10" fill="#89ddff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#89ddff"/>
+  <text x="191" y="166" font-size="10" fill="#89ddff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#89ddff"/>
+  <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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#c792ea" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#c792ea" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#89ddff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/material_palenight/contributions.svg b/demo/material_palenight/contributions.svg
new file mode 100644
index 00000000..bcfb5b73
--- /dev/null
+++ b/demo/material_palenight/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#292d3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#89ddff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#89ddff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#89ddff"/>
+  <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="45" x2="28" y2="45" stroke="#89ddff"/>
+  <text x="22" y="48" font-size="10" fill="#89ddff" text-anchor="end">500</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>
+  <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>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#89ddff"/>
+  <text x="75" y="166" font-size="10" fill="#89ddff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#89ddff"/>
+  <text x="122" y="166" font-size="10" fill="#89ddff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#89ddff"/>
+  <text x="170" y="166" font-size="10" fill="#89ddff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#89ddff"/>
+  <text x="217" y="166" font-size="10" fill="#89ddff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#89ddff"/>
+  <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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#c792ea" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#c792ea" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#89ddff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/material_palenight/most-commit-language-all-time.svg b/demo/material_palenight/most-commit-language-all-time.svg
new file mode 100644
index 00000000..13ab47ea
--- /dev/null
+++ b/demo/material_palenight/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#292d3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#a6accd">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#a6accd">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#a6accd">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#a6accd">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#c792ea" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#a6accd">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#292d3e" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#292d3e" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#292d3e" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#292d3e" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#c792ea" stroke="#292d3e" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/material_palenight/most-commit-language.svg b/demo/material_palenight/most-commit-language.svg
new file mode 100644
index 00000000..f3ffcca4
--- /dev/null
+++ b/demo/material_palenight/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#292d3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#a6accd">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#a6accd">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#a6accd">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#a6accd">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#c792ea" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#a6accd">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#292d3e" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#292d3e" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#292d3e" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#292d3e" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#c792ea" stroke="#292d3e" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/material_palenight/productive-time-all-time.svg b/demo/material_palenight/productive-time-all-time.svg
new file mode 100644
index 00000000..7b7c6f13
--- /dev/null
+++ b/demo/material_palenight/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#292d3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Commits by Hour (all time, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#89ddff"/>
+  <text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">300</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#89ddff"/>
+  <text x="113" y="171" font-size="10" fill="#89ddff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#89ddff"/>
+  <text x="186" y="171" font-size="10" fill="#89ddff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#89ddff"/>
+  <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="#c792ea"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#c792ea"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#c792ea"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#c792ea"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#c792ea"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#c792ea"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#c792ea"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#c792ea"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#c792ea"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#c792ea"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#c792ea"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#c792ea"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#c792ea"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#c792ea"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#c792ea"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#c792ea"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#c792ea"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#c792ea"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#c792ea"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#c792ea"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#c792ea"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#c792ea"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#c792ea"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#c792ea"><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>
\ No newline at end of file
diff --git a/demo/material_palenight/productive-time.svg b/demo/material_palenight/productive-time.svg
new file mode 100644
index 00000000..10ce42ec
--- /dev/null
+++ b/demo/material_palenight/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#292d3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Commits by Hour (last year, UTC+7.00)</text>
+  <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="45" x2="35" y2="45" stroke="#89ddff"/>
+  <text x="29" y="48" font-size="10" fill="#89ddff" text-anchor="end">200</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>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#89ddff"/>
+  <text x="113" y="171" font-size="10" fill="#89ddff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#89ddff"/>
+  <text x="186" y="171" font-size="10" fill="#89ddff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#89ddff"/>
+  <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="#c792ea"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#c792ea"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#c792ea"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#c792ea"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#c792ea"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#c792ea"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#c792ea"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#c792ea"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#c792ea"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#c792ea"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#c792ea"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#c792ea"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#c792ea"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#c792ea"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#c792ea"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#c792ea"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#c792ea"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#c792ea"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#c792ea"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#c792ea"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#c792ea"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#c792ea"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#c792ea"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#c792ea"><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>
\ No newline at end of file
diff --git a/demo/material_palenight/profile-details.svg b/demo/material_palenight/profile-details.svg
new file mode 100644
index 00000000..62180cc9
--- /dev/null
+++ b/demo/material_palenight/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#292d3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#a6accd">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#a6accd">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#a6accd">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#a6accd">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#a6accd">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#a6accd">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/material_palenight/repos-per-language.svg b/demo/material_palenight/repos-per-language.svg
new file mode 100644
index 00000000..d573142a
--- /dev/null
+++ b/demo/material_palenight/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#292d3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#a6accd">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#a6accd">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#a6accd">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#a6accd">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#c792ea" stroke="#292d3e" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#a6accd">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#292d3e" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#292d3e" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#292d3e" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#292d3e" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#c792ea" stroke="#292d3e" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/material_palenight/stats.svg b/demo/material_palenight/stats.svg
new file mode 100644
index 00000000..46b9424f
--- /dev/null
+++ b/demo/material_palenight/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#292d3e" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#a6accd">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#c792ea" 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="#a6accd">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">3,136</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="#a6accd">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">1,764</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="#a6accd">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">74</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="#a6accd">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#a6accd">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#89ddff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#a6accd">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/merko/contributions-all-time.svg b/demo/merko/contributions-all-time.svg
new file mode 100644
index 00000000..97c4bd6d
--- /dev/null
+++ b/demo/merko/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0a0f0b" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#abd200">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#b7d364"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#b7d364"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#b7d364"/>
+  <text x="22" y="153" font-size="10" fill="#b7d364" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#b7d364"/>
+  <text x="318" y="153" font-size="10" fill="#b7d364" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#b7d364"/>
+  <text x="22" y="132" font-size="10" fill="#b7d364" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#b7d364"/>
+  <text x="318" y="132" font-size="10" fill="#b7d364" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#b7d364"/>
+  <text x="22" y="111" font-size="10" fill="#b7d364" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#b7d364"/>
+  <text x="318" y="111" font-size="10" fill="#b7d364" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#b7d364"/>
+  <text x="22" y="90" font-size="10" fill="#b7d364" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#b7d364"/>
+  <text x="318" y="90" font-size="10" fill="#b7d364" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#b7d364"/>
+  <text x="22" y="69" font-size="10" fill="#b7d364" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#b7d364"/>
+  <text x="318" y="69" font-size="10" fill="#b7d364" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#b7d364"/>
+  <text x="22" y="48" font-size="10" fill="#b7d364" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#b7d364"/>
+  <text x="318" y="48" font-size="10" fill="#b7d364" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#b7d364"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#b7d364"/>
+  <text x="28" y="166" font-size="10" fill="#b7d364" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#b7d364"/>
+  <text x="82" y="166" font-size="10" fill="#b7d364" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#b7d364"/>
+  <text x="137" y="166" font-size="10" fill="#b7d364" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#b7d364"/>
+  <text x="191" y="166" font-size="10" fill="#b7d364" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#b7d364"/>
+  <text x="246" y="166" font-size="10" fill="#b7d364" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#b7d364"/>
+  <text x="312" y="166" font-size="10" fill="#b7d364" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#abd200" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#abd200" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#b7d364" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/merko/contributions.svg b/demo/merko/contributions.svg
new file mode 100644
index 00000000..fa8a9a32
--- /dev/null
+++ b/demo/merko/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0a0f0b" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#abd200">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#b7d364"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#b7d364"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#b7d364"/>
+  <text x="22" y="153" font-size="10" fill="#b7d364" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#b7d364"/>
+  <text x="318" y="153" font-size="10" fill="#b7d364" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#b7d364"/>
+  <text x="22" y="132" font-size="10" fill="#b7d364" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#b7d364"/>
+  <text x="318" y="132" font-size="10" fill="#b7d364" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#b7d364"/>
+  <text x="22" y="111" font-size="10" fill="#b7d364" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#b7d364"/>
+  <text x="318" y="111" font-size="10" fill="#b7d364" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#b7d364"/>
+  <text x="22" y="90" font-size="10" fill="#b7d364" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#b7d364"/>
+  <text x="318" y="90" font-size="10" fill="#b7d364" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#b7d364"/>
+  <text x="22" y="69" font-size="10" fill="#b7d364" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#b7d364"/>
+  <text x="318" y="69" font-size="10" fill="#b7d364" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#b7d364"/>
+  <text x="22" y="48" font-size="10" fill="#b7d364" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#b7d364"/>
+  <text x="318" y="48" font-size="10" fill="#b7d364" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#b7d364"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#b7d364"/>
+  <text x="28" y="166" font-size="10" fill="#b7d364" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#b7d364"/>
+  <text x="75" y="166" font-size="10" fill="#b7d364" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#b7d364"/>
+  <text x="122" y="166" font-size="10" fill="#b7d364" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#b7d364"/>
+  <text x="170" y="166" font-size="10" fill="#b7d364" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#b7d364"/>
+  <text x="217" y="166" font-size="10" fill="#b7d364" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#b7d364"/>
+  <text x="264" y="166" font-size="10" fill="#b7d364" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#b7d364"/>
+  <text x="312" y="166" font-size="10" fill="#b7d364" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#abd200" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#abd200" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#b7d364" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/merko/most-commit-language-all-time.svg b/demo/merko/most-commit-language-all-time.svg
new file mode 100644
index 00000000..f2d8848e
--- /dev/null
+++ b/demo/merko/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0a0f0b" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#abd200">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#68b587">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#68b587">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#68b587">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#68b587">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#abd200" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#68b587">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#0a0f0b" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#0a0f0b" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#0a0f0b" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#0a0f0b" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#abd200" stroke="#0a0f0b" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/merko/most-commit-language.svg b/demo/merko/most-commit-language.svg
new file mode 100644
index 00000000..f448b609
--- /dev/null
+++ b/demo/merko/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0a0f0b" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#abd200">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#68b587">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#68b587">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#68b587">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#68b587">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#abd200" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#68b587">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#0a0f0b" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#0a0f0b" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#0a0f0b" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#0a0f0b" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#abd200" stroke="#0a0f0b" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/merko/productive-time-all-time.svg b/demo/merko/productive-time-all-time.svg
new file mode 100644
index 00000000..8f59933a
--- /dev/null
+++ b/demo/merko/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0a0f0b" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#abd200">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#b7d364"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#b7d364"/>
+  <text x="29" y="158" font-size="10" fill="#b7d364" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#b7d364"/>
+  <text x="29" y="140" font-size="10" fill="#b7d364" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#b7d364"/>
+  <text x="29" y="122" font-size="10" fill="#b7d364" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#b7d364"/>
+  <text x="29" y="103" font-size="10" fill="#b7d364" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#b7d364"/>
+  <text x="29" y="85" font-size="10" fill="#b7d364" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#b7d364"/>
+  <text x="29" y="67" font-size="10" fill="#b7d364" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#b7d364"/>
+  <text x="29" y="48" font-size="10" fill="#b7d364" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#b7d364"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#b7d364"/>
+  <text x="40" y="171" font-size="10" fill="#b7d364" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#b7d364"/>
+  <text x="113" y="171" font-size="10" fill="#b7d364" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#b7d364"/>
+  <text x="186" y="171" font-size="10" fill="#b7d364" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#b7d364"/>
+  <text x="258" y="171" font-size="10" fill="#b7d364" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#b7d364"/>
+  <text x="319" y="171" font-size="10" fill="#b7d364" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#abd200"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#abd200"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#abd200"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#abd200"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#abd200"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#abd200"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#abd200"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#abd200"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#abd200"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#abd200"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#abd200"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#abd200"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#abd200"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#abd200"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#abd200"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#abd200"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#abd200"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#abd200"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#abd200"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#abd200"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#abd200"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#abd200"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#abd200"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#abd200"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#b7d364" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/merko/productive-time.svg b/demo/merko/productive-time.svg
new file mode 100644
index 00000000..e2a77ae9
--- /dev/null
+++ b/demo/merko/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0a0f0b" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#abd200">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#b7d364"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#b7d364"/>
+  <text x="29" y="158" font-size="10" fill="#b7d364" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#b7d364"/>
+  <text x="29" y="131" font-size="10" fill="#b7d364" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#b7d364"/>
+  <text x="29" y="103" font-size="10" fill="#b7d364" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#b7d364"/>
+  <text x="29" y="76" font-size="10" fill="#b7d364" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#b7d364"/>
+  <text x="29" y="48" font-size="10" fill="#b7d364" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#b7d364"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#b7d364"/>
+  <text x="40" y="171" font-size="10" fill="#b7d364" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#b7d364"/>
+  <text x="113" y="171" font-size="10" fill="#b7d364" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#b7d364"/>
+  <text x="186" y="171" font-size="10" fill="#b7d364" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#b7d364"/>
+  <text x="258" y="171" font-size="10" fill="#b7d364" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#b7d364"/>
+  <text x="319" y="171" font-size="10" fill="#b7d364" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#abd200"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#abd200"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#abd200"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#abd200"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#abd200"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#abd200"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#abd200"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#abd200"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#abd200"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#abd200"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#abd200"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#abd200"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#abd200"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#abd200"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#abd200"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#abd200"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#abd200"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#abd200"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#abd200"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#abd200"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#abd200"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#abd200"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#abd200"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#abd200"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#b7d364" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/merko/profile-details.svg b/demo/merko/profile-details.svg
new file mode 100644
index 00000000..b3e931bb
--- /dev/null
+++ b/demo/merko/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0a0f0b" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#abd200">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#b7d364"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#68b587">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#b7d364"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#68b587">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#b7d364"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#68b587">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#b7d364"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#68b587">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#b7d364"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#68b587">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#b7d364"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#68b587">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/merko/repos-per-language.svg b/demo/merko/repos-per-language.svg
new file mode 100644
index 00000000..1d092de9
--- /dev/null
+++ b/demo/merko/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0a0f0b" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#abd200">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#68b587">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#68b587">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#68b587">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#68b587">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#abd200" stroke="#0a0f0b" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#68b587">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#0a0f0b" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#0a0f0b" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#0a0f0b" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#0a0f0b" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#abd200" stroke="#0a0f0b" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/merko/stats.svg b/demo/merko/stats.svg
new file mode 100644
index 00000000..36a6ab1d
--- /dev/null
+++ b/demo/merko/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#0a0f0b" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#abd200">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#b7d364"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#68b587">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#abd200" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#b7d364"><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="#68b587">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#abd200" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#b7d364"><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="#68b587">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#abd200" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#b7d364"><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="#68b587">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#abd200" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#b7d364"><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="#68b587">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#abd200" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#b7d364"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#68b587">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#abd200" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#b7d364"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#68b587">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#abd200" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/midnight_purple/contributions-all-time.svg b/demo/midnight_purple/contributions-all-time.svg
new file mode 100644
index 00000000..4ec42423
--- /dev/null
+++ b/demo/midnight_purple/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9745f5">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#9f4bff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#9f4bff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#9f4bff"/>
+  <text x="22" y="153" font-size="10" fill="#9f4bff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#9f4bff"/>
+  <text x="318" y="153" font-size="10" fill="#9f4bff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#9f4bff"/>
+  <text x="22" y="132" font-size="10" fill="#9f4bff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#9f4bff"/>
+  <text x="318" y="132" font-size="10" fill="#9f4bff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#9f4bff"/>
+  <text x="22" y="111" font-size="10" fill="#9f4bff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#9f4bff"/>
+  <text x="318" y="111" font-size="10" fill="#9f4bff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#9f4bff"/>
+  <text x="22" y="90" font-size="10" fill="#9f4bff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#9f4bff"/>
+  <text x="318" y="90" font-size="10" fill="#9f4bff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#9f4bff"/>
+  <text x="22" y="69" font-size="10" fill="#9f4bff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#9f4bff"/>
+  <text x="318" y="69" font-size="10" fill="#9f4bff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#9f4bff"/>
+  <text x="22" y="48" font-size="10" fill="#9f4bff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#9f4bff"/>
+  <text x="318" y="48" font-size="10" fill="#9f4bff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#9f4bff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#9f4bff"/>
+  <text x="28" y="166" font-size="10" fill="#9f4bff" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#9f4bff"/>
+  <text x="82" y="166" font-size="10" fill="#9f4bff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#9f4bff"/>
+  <text x="137" y="166" font-size="10" fill="#9f4bff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#9f4bff"/>
+  <text x="191" y="166" font-size="10" fill="#9f4bff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#9f4bff"/>
+  <text x="246" y="166" font-size="10" fill="#9f4bff" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#9f4bff"/>
+  <text x="312" y="166" font-size="10" fill="#9f4bff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#9745f5" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#9745f5" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#9f4bff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/midnight_purple/contributions.svg b/demo/midnight_purple/contributions.svg
new file mode 100644
index 00000000..ff988e01
--- /dev/null
+++ b/demo/midnight_purple/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9745f5">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#9f4bff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#9f4bff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#9f4bff"/>
+  <text x="22" y="153" font-size="10" fill="#9f4bff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#9f4bff"/>
+  <text x="318" y="153" font-size="10" fill="#9f4bff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#9f4bff"/>
+  <text x="22" y="132" font-size="10" fill="#9f4bff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#9f4bff"/>
+  <text x="318" y="132" font-size="10" fill="#9f4bff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#9f4bff"/>
+  <text x="22" y="111" font-size="10" fill="#9f4bff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#9f4bff"/>
+  <text x="318" y="111" font-size="10" fill="#9f4bff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#9f4bff"/>
+  <text x="22" y="90" font-size="10" fill="#9f4bff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#9f4bff"/>
+  <text x="318" y="90" font-size="10" fill="#9f4bff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#9f4bff"/>
+  <text x="22" y="69" font-size="10" fill="#9f4bff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#9f4bff"/>
+  <text x="318" y="69" font-size="10" fill="#9f4bff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#9f4bff"/>
+  <text x="22" y="48" font-size="10" fill="#9f4bff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#9f4bff"/>
+  <text x="318" y="48" font-size="10" fill="#9f4bff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#9f4bff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#9f4bff"/>
+  <text x="28" y="166" font-size="10" fill="#9f4bff" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#9f4bff"/>
+  <text x="75" y="166" font-size="10" fill="#9f4bff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#9f4bff"/>
+  <text x="122" y="166" font-size="10" fill="#9f4bff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#9f4bff"/>
+  <text x="170" y="166" font-size="10" fill="#9f4bff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#9f4bff"/>
+  <text x="217" y="166" font-size="10" fill="#9f4bff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#9f4bff"/>
+  <text x="264" y="166" font-size="10" fill="#9f4bff" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#9f4bff"/>
+  <text x="312" y="166" font-size="10" fill="#9f4bff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#9745f5" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#9745f5" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#9f4bff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/midnight_purple/most-commit-language-all-time.svg b/demo/midnight_purple/most-commit-language-all-time.svg
new file mode 100644
index 00000000..6fe88b00
--- /dev/null
+++ b/demo/midnight_purple/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9745f5">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#9745f5" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#000000" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#9745f5" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/midnight_purple/most-commit-language.svg b/demo/midnight_purple/most-commit-language.svg
new file mode 100644
index 00000000..bb9a6a06
--- /dev/null
+++ b/demo/midnight_purple/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9745f5">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#9745f5" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#000000" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#9745f5" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/midnight_purple/productive-time-all-time.svg b/demo/midnight_purple/productive-time-all-time.svg
new file mode 100644
index 00000000..0565c7f3
--- /dev/null
+++ b/demo/midnight_purple/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9745f5">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#9f4bff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#9f4bff"/>
+  <text x="29" y="158" font-size="10" fill="#9f4bff" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#9f4bff"/>
+  <text x="29" y="140" font-size="10" fill="#9f4bff" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#9f4bff"/>
+  <text x="29" y="122" font-size="10" fill="#9f4bff" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#9f4bff"/>
+  <text x="29" y="103" font-size="10" fill="#9f4bff" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#9f4bff"/>
+  <text x="29" y="85" font-size="10" fill="#9f4bff" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#9f4bff"/>
+  <text x="29" y="67" font-size="10" fill="#9f4bff" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#9f4bff"/>
+  <text x="29" y="48" font-size="10" fill="#9f4bff" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#9f4bff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#9f4bff"/>
+  <text x="40" y="171" font-size="10" fill="#9f4bff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#9f4bff"/>
+  <text x="113" y="171" font-size="10" fill="#9f4bff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#9f4bff"/>
+  <text x="186" y="171" font-size="10" fill="#9f4bff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#9f4bff"/>
+  <text x="258" y="171" font-size="10" fill="#9f4bff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#9f4bff"/>
+  <text x="319" y="171" font-size="10" fill="#9f4bff" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#9745f5"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#9745f5"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#9745f5"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#9745f5"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#9745f5"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#9745f5"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#9745f5"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#9745f5"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#9745f5"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#9745f5"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#9745f5"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#9745f5"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#9745f5"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#9745f5"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#9745f5"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#9745f5"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#9745f5"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#9745f5"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#9745f5"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#9745f5"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#9745f5"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#9745f5"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#9745f5"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#9745f5"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#9f4bff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/midnight_purple/productive-time.svg b/demo/midnight_purple/productive-time.svg
new file mode 100644
index 00000000..fc6529b2
--- /dev/null
+++ b/demo/midnight_purple/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9745f5">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#9f4bff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#9f4bff"/>
+  <text x="29" y="158" font-size="10" fill="#9f4bff" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#9f4bff"/>
+  <text x="29" y="131" font-size="10" fill="#9f4bff" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#9f4bff"/>
+  <text x="29" y="103" font-size="10" fill="#9f4bff" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#9f4bff"/>
+  <text x="29" y="76" font-size="10" fill="#9f4bff" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#9f4bff"/>
+  <text x="29" y="48" font-size="10" fill="#9f4bff" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#9f4bff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#9f4bff"/>
+  <text x="40" y="171" font-size="10" fill="#9f4bff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#9f4bff"/>
+  <text x="113" y="171" font-size="10" fill="#9f4bff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#9f4bff"/>
+  <text x="186" y="171" font-size="10" fill="#9f4bff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#9f4bff"/>
+  <text x="258" y="171" font-size="10" fill="#9f4bff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#9f4bff"/>
+  <text x="319" y="171" font-size="10" fill="#9f4bff" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#9745f5"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#9745f5"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#9745f5"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#9745f5"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#9745f5"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#9745f5"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#9745f5"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#9745f5"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#9745f5"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#9745f5"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#9745f5"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#9745f5"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#9745f5"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#9745f5"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#9745f5"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#9745f5"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#9745f5"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#9745f5"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#9745f5"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#9745f5"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#9745f5"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#9745f5"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#9745f5"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#9745f5"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#9f4bff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/midnight_purple/profile-details.svg b/demo/midnight_purple/profile-details.svg
new file mode 100644
index 00000000..f5255719
--- /dev/null
+++ b/demo/midnight_purple/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9745f5">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#9f4bff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffffff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#9f4bff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffffff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#9f4bff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffffff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#9f4bff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffffff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#9f4bff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffffff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#9f4bff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffffff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/midnight_purple/repos-per-language.svg b/demo/midnight_purple/repos-per-language.svg
new file mode 100644
index 00000000..92b26801
--- /dev/null
+++ b/demo/midnight_purple/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9745f5">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#9745f5" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#000000" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#9745f5" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/midnight_purple/stats.svg b/demo/midnight_purple/stats.svg
new file mode 100644
index 00000000..d1382363
--- /dev/null
+++ b/demo/midnight_purple/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9745f5">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#9f4bff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffffff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#9745f5" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#9f4bff"><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="#9745f5" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#9f4bff"><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="#9745f5" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#9f4bff"><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="#9745f5" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#9f4bff"><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="#9745f5" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#9f4bff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffffff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#9745f5" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#9f4bff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffffff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#9745f5" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/moltack/contributions-all-time.svg b/demo/moltack/contributions-all-time.svg
new file mode 100644
index 00000000..7789d3f0
--- /dev/null
+++ b/demo/moltack/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f5e1c0" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#86092c">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#86092c"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#86092c"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#86092c"/>
+  <text x="22" y="153" font-size="10" fill="#86092c" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#86092c"/>
+  <text x="318" y="153" font-size="10" fill="#86092c" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#86092c"/>
+  <text x="22" y="132" font-size="10" fill="#86092c" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#86092c"/>
+  <text x="318" y="132" font-size="10" fill="#86092c" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#86092c"/>
+  <text x="22" y="111" font-size="10" fill="#86092c" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#86092c"/>
+  <text x="318" y="111" font-size="10" fill="#86092c" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#86092c"/>
+  <text x="22" y="90" font-size="10" fill="#86092c" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#86092c"/>
+  <text x="318" y="90" font-size="10" fill="#86092c" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#86092c"/>
+  <text x="22" y="69" font-size="10" fill="#86092c" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#86092c"/>
+  <text x="318" y="69" font-size="10" fill="#86092c" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#86092c"/>
+  <text x="22" y="48" font-size="10" fill="#86092c" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#86092c"/>
+  <text x="318" y="48" font-size="10" fill="#86092c" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#86092c"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#86092c"/>
+  <text x="28" y="166" font-size="10" fill="#86092c" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#86092c"/>
+  <text x="82" y="166" font-size="10" fill="#86092c" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#86092c"/>
+  <text x="137" y="166" font-size="10" fill="#86092c" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#86092c"/>
+  <text x="191" y="166" font-size="10" fill="#86092c" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#86092c"/>
+  <text x="246" y="166" font-size="10" fill="#86092c" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#86092c"/>
+  <text x="312" y="166" font-size="10" fill="#86092c" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#86092c" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#86092c" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#86092c" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/moltack/contributions.svg b/demo/moltack/contributions.svg
new file mode 100644
index 00000000..8af6d01f
--- /dev/null
+++ b/demo/moltack/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f5e1c0" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#86092c">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#86092c"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#86092c"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#86092c"/>
+  <text x="22" y="153" font-size="10" fill="#86092c" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#86092c"/>
+  <text x="318" y="153" font-size="10" fill="#86092c" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#86092c"/>
+  <text x="22" y="132" font-size="10" fill="#86092c" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#86092c"/>
+  <text x="318" y="132" font-size="10" fill="#86092c" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#86092c"/>
+  <text x="22" y="111" font-size="10" fill="#86092c" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#86092c"/>
+  <text x="318" y="111" font-size="10" fill="#86092c" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#86092c"/>
+  <text x="22" y="90" font-size="10" fill="#86092c" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#86092c"/>
+  <text x="318" y="90" font-size="10" fill="#86092c" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#86092c"/>
+  <text x="22" y="69" font-size="10" fill="#86092c" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#86092c"/>
+  <text x="318" y="69" font-size="10" fill="#86092c" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#86092c"/>
+  <text x="22" y="48" font-size="10" fill="#86092c" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#86092c"/>
+  <text x="318" y="48" font-size="10" fill="#86092c" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#86092c"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#86092c"/>
+  <text x="28" y="166" font-size="10" fill="#86092c" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#86092c"/>
+  <text x="75" y="166" font-size="10" fill="#86092c" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#86092c"/>
+  <text x="122" y="166" font-size="10" fill="#86092c" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#86092c"/>
+  <text x="170" y="166" font-size="10" fill="#86092c" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#86092c"/>
+  <text x="217" y="166" font-size="10" fill="#86092c" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#86092c"/>
+  <text x="264" y="166" font-size="10" fill="#86092c" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#86092c"/>
+  <text x="312" y="166" font-size="10" fill="#86092c" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#86092c" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#86092c" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#86092c" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/moltack/most-commit-language-all-time.svg b/demo/moltack/most-commit-language-all-time.svg
new file mode 100644
index 00000000..b74fd03d
--- /dev/null
+++ b/demo/moltack/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f5e1c0" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#86092c">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#574038">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#574038">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#574038">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#574038">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#86092c" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#574038">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#f5e1c0" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#f5e1c0" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#f5e1c0" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#f5e1c0" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#86092c" stroke="#f5e1c0" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/moltack/most-commit-language.svg b/demo/moltack/most-commit-language.svg
new file mode 100644
index 00000000..2f0c3e75
--- /dev/null
+++ b/demo/moltack/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f5e1c0" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#86092c">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#574038">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#574038">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#574038">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#574038">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#86092c" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#574038">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#f5e1c0" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#f5e1c0" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#f5e1c0" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#f5e1c0" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#86092c" stroke="#f5e1c0" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/moltack/productive-time-all-time.svg b/demo/moltack/productive-time-all-time.svg
new file mode 100644
index 00000000..8d4701db
--- /dev/null
+++ b/demo/moltack/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f5e1c0" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#86092c">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#86092c"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#86092c"/>
+  <text x="29" y="158" font-size="10" fill="#86092c" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#86092c"/>
+  <text x="29" y="140" font-size="10" fill="#86092c" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#86092c"/>
+  <text x="29" y="122" font-size="10" fill="#86092c" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#86092c"/>
+  <text x="29" y="103" font-size="10" fill="#86092c" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#86092c"/>
+  <text x="29" y="85" font-size="10" fill="#86092c" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#86092c"/>
+  <text x="29" y="67" font-size="10" fill="#86092c" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#86092c"/>
+  <text x="29" y="48" font-size="10" fill="#86092c" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#86092c"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#86092c"/>
+  <text x="40" y="171" font-size="10" fill="#86092c" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#86092c"/>
+  <text x="113" y="171" font-size="10" fill="#86092c" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#86092c"/>
+  <text x="186" y="171" font-size="10" fill="#86092c" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#86092c"/>
+  <text x="258" y="171" font-size="10" fill="#86092c" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#86092c"/>
+  <text x="319" y="171" font-size="10" fill="#86092c" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#86092c"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#86092c"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#86092c"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#86092c"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#86092c"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#86092c"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#86092c"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#86092c"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#86092c"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#86092c"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#86092c"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#86092c"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#86092c"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#86092c"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#86092c"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#86092c"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#86092c"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#86092c"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#86092c"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#86092c"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#86092c"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#86092c"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#86092c"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#86092c"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#86092c" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/moltack/productive-time.svg b/demo/moltack/productive-time.svg
new file mode 100644
index 00000000..ca5a3ebf
--- /dev/null
+++ b/demo/moltack/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f5e1c0" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#86092c">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#86092c"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#86092c"/>
+  <text x="29" y="158" font-size="10" fill="#86092c" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#86092c"/>
+  <text x="29" y="131" font-size="10" fill="#86092c" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#86092c"/>
+  <text x="29" y="103" font-size="10" fill="#86092c" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#86092c"/>
+  <text x="29" y="76" font-size="10" fill="#86092c" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#86092c"/>
+  <text x="29" y="48" font-size="10" fill="#86092c" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#86092c"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#86092c"/>
+  <text x="40" y="171" font-size="10" fill="#86092c" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#86092c"/>
+  <text x="113" y="171" font-size="10" fill="#86092c" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#86092c"/>
+  <text x="186" y="171" font-size="10" fill="#86092c" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#86092c"/>
+  <text x="258" y="171" font-size="10" fill="#86092c" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#86092c"/>
+  <text x="319" y="171" font-size="10" fill="#86092c" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#86092c"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#86092c"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#86092c"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#86092c"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#86092c"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#86092c"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#86092c"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#86092c"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#86092c"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#86092c"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#86092c"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#86092c"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#86092c"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#86092c"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#86092c"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#86092c"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#86092c"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#86092c"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#86092c"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#86092c"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#86092c"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#86092c"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#86092c"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#86092c"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#86092c" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/moltack/profile-details.svg b/demo/moltack/profile-details.svg
new file mode 100644
index 00000000..0b87b40a
--- /dev/null
+++ b/demo/moltack/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f5e1c0" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#86092c">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#86092c"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#574038">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#86092c"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#574038">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#86092c"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#574038">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#86092c"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#574038">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#86092c"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#574038">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#86092c"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#574038">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/moltack/repos-per-language.svg b/demo/moltack/repos-per-language.svg
new file mode 100644
index 00000000..b83928cf
--- /dev/null
+++ b/demo/moltack/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f5e1c0" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#86092c">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#574038">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#574038">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#574038">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#574038">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#86092c" stroke="#f5e1c0" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#574038">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#f5e1c0" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#f5e1c0" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#f5e1c0" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#f5e1c0" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#86092c" stroke="#f5e1c0" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/moltack/stats.svg b/demo/moltack/stats.svg
new file mode 100644
index 00000000..e60f19ab
--- /dev/null
+++ b/demo/moltack/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f5e1c0" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#86092c">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#86092c"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#574038">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#86092c" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#86092c"><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="#574038">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#86092c" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#86092c"><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="#574038">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#86092c" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#86092c"><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="#574038">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#86092c" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#86092c"><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="#574038">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#86092c" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#86092c"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#574038">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#86092c" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#86092c"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#574038">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#86092c" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/monokai/contributions-all-time.svg b/demo/monokai/contributions-all-time.svg
new file mode 100644
index 00000000..a5c2b495
--- /dev/null
+++ b/demo/monokai/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c292d" stroke="#2c292d" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eb1f6a">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#e28905"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#e28905"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#e28905"/>
+  <text x="22" y="153" font-size="10" fill="#e28905" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#e28905"/>
+  <text x="318" y="153" font-size="10" fill="#e28905" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#e28905"/>
+  <text x="22" y="132" font-size="10" fill="#e28905" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#e28905"/>
+  <text x="318" y="132" font-size="10" fill="#e28905" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#e28905"/>
+  <text x="22" y="111" font-size="10" fill="#e28905" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#e28905"/>
+  <text x="318" y="111" font-size="10" fill="#e28905" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#e28905"/>
+  <text x="22" y="90" font-size="10" fill="#e28905" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#e28905"/>
+  <text x="318" y="90" font-size="10" fill="#e28905" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#e28905"/>
+  <text x="22" y="69" font-size="10" fill="#e28905" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#e28905"/>
+  <text x="318" y="69" font-size="10" fill="#e28905" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#e28905"/>
+  <text x="22" y="48" font-size="10" fill="#e28905" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#e28905"/>
+  <text x="318" y="48" font-size="10" fill="#e28905" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#e28905"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#e28905"/>
+  <text x="28" y="166" font-size="10" fill="#e28905" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#e28905"/>
+  <text x="82" y="166" font-size="10" fill="#e28905" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#e28905"/>
+  <text x="137" y="166" font-size="10" fill="#e28905" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#e28905"/>
+  <text x="191" y="166" font-size="10" fill="#e28905" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#e28905"/>
+  <text x="246" y="166" font-size="10" fill="#e28905" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#e28905"/>
+  <text x="312" y="166" font-size="10" fill="#e28905" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ae81ff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ae81ff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#e28905" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/monokai/contributions.svg b/demo/monokai/contributions.svg
new file mode 100644
index 00000000..4760dc55
--- /dev/null
+++ b/demo/monokai/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c292d" stroke="#2c292d" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eb1f6a">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#e28905"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#e28905"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#e28905"/>
+  <text x="22" y="153" font-size="10" fill="#e28905" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#e28905"/>
+  <text x="318" y="153" font-size="10" fill="#e28905" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#e28905"/>
+  <text x="22" y="132" font-size="10" fill="#e28905" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#e28905"/>
+  <text x="318" y="132" font-size="10" fill="#e28905" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#e28905"/>
+  <text x="22" y="111" font-size="10" fill="#e28905" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#e28905"/>
+  <text x="318" y="111" font-size="10" fill="#e28905" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#e28905"/>
+  <text x="22" y="90" font-size="10" fill="#e28905" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#e28905"/>
+  <text x="318" y="90" font-size="10" fill="#e28905" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#e28905"/>
+  <text x="22" y="69" font-size="10" fill="#e28905" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#e28905"/>
+  <text x="318" y="69" font-size="10" fill="#e28905" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#e28905"/>
+  <text x="22" y="48" font-size="10" fill="#e28905" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#e28905"/>
+  <text x="318" y="48" font-size="10" fill="#e28905" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#e28905"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#e28905"/>
+  <text x="28" y="166" font-size="10" fill="#e28905" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#e28905"/>
+  <text x="75" y="166" font-size="10" fill="#e28905" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#e28905"/>
+  <text x="122" y="166" font-size="10" fill="#e28905" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#e28905"/>
+  <text x="170" y="166" font-size="10" fill="#e28905" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#e28905"/>
+  <text x="217" y="166" font-size="10" fill="#e28905" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#e28905"/>
+  <text x="264" y="166" font-size="10" fill="#e28905" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#e28905"/>
+  <text x="312" y="166" font-size="10" fill="#e28905" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ae81ff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ae81ff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#e28905" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/monokai/most-commit-language-all-time.svg b/demo/monokai/most-commit-language-all-time.svg
new file mode 100644
index 00000000..e6d75f35
--- /dev/null
+++ b/demo/monokai/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c292d" stroke="#2c292d" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eb1f6a">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ae81ff" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2c292d" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#2c292d" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#2c292d" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#2c292d" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ae81ff" stroke="#2c292d" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/monokai/most-commit-language.svg b/demo/monokai/most-commit-language.svg
new file mode 100644
index 00000000..63b4429b
--- /dev/null
+++ b/demo/monokai/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c292d" stroke="#2c292d" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eb1f6a">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ae81ff" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2c292d" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#2c292d" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#2c292d" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#2c292d" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ae81ff" stroke="#2c292d" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/monokai/productive-time-all-time.svg b/demo/monokai/productive-time-all-time.svg
new file mode 100644
index 00000000..629a78a5
--- /dev/null
+++ b/demo/monokai/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c292d" stroke="#2c292d" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eb1f6a">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#e28905"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#e28905"/>
+  <text x="29" y="158" font-size="10" fill="#e28905" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#e28905"/>
+  <text x="29" y="140" font-size="10" fill="#e28905" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#e28905"/>
+  <text x="29" y="122" font-size="10" fill="#e28905" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#e28905"/>
+  <text x="29" y="103" font-size="10" fill="#e28905" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#e28905"/>
+  <text x="29" y="85" font-size="10" fill="#e28905" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#e28905"/>
+  <text x="29" y="67" font-size="10" fill="#e28905" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#e28905"/>
+  <text x="29" y="48" font-size="10" fill="#e28905" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#e28905"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#e28905"/>
+  <text x="40" y="171" font-size="10" fill="#e28905" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#e28905"/>
+  <text x="113" y="171" font-size="10" fill="#e28905" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#e28905"/>
+  <text x="186" y="171" font-size="10" fill="#e28905" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#e28905"/>
+  <text x="258" y="171" font-size="10" fill="#e28905" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#e28905"/>
+  <text x="319" y="171" font-size="10" fill="#e28905" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ae81ff"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ae81ff"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ae81ff"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ae81ff"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ae81ff"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ae81ff"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ae81ff"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ae81ff"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ae81ff"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ae81ff"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ae81ff"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ae81ff"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ae81ff"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ae81ff"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ae81ff"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ae81ff"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ae81ff"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ae81ff"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ae81ff"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ae81ff"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ae81ff"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ae81ff"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ae81ff"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ae81ff"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#e28905" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/monokai/productive-time.svg b/demo/monokai/productive-time.svg
new file mode 100644
index 00000000..550caf9c
--- /dev/null
+++ b/demo/monokai/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c292d" stroke="#2c292d" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eb1f6a">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#e28905"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#e28905"/>
+  <text x="29" y="158" font-size="10" fill="#e28905" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#e28905"/>
+  <text x="29" y="131" font-size="10" fill="#e28905" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#e28905"/>
+  <text x="29" y="103" font-size="10" fill="#e28905" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#e28905"/>
+  <text x="29" y="76" font-size="10" fill="#e28905" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#e28905"/>
+  <text x="29" y="48" font-size="10" fill="#e28905" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#e28905"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#e28905"/>
+  <text x="40" y="171" font-size="10" fill="#e28905" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#e28905"/>
+  <text x="113" y="171" font-size="10" fill="#e28905" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#e28905"/>
+  <text x="186" y="171" font-size="10" fill="#e28905" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#e28905"/>
+  <text x="258" y="171" font-size="10" fill="#e28905" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#e28905"/>
+  <text x="319" y="171" font-size="10" fill="#e28905" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ae81ff"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ae81ff"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ae81ff"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ae81ff"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ae81ff"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ae81ff"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ae81ff"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ae81ff"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ae81ff"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ae81ff"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ae81ff"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ae81ff"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ae81ff"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ae81ff"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ae81ff"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ae81ff"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ae81ff"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ae81ff"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ae81ff"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ae81ff"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ae81ff"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ae81ff"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ae81ff"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ae81ff"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#e28905" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/monokai/profile-details.svg b/demo/monokai/profile-details.svg
new file mode 100644
index 00000000..9b5f2f67
--- /dev/null
+++ b/demo/monokai/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c292d" stroke="#2c292d" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eb1f6a">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#e28905"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffffff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#e28905"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffffff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#e28905"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffffff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#e28905"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffffff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#e28905"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffffff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#e28905"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffffff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/monokai/repos-per-language.svg b/demo/monokai/repos-per-language.svg
new file mode 100644
index 00000000..7e0dbb56
--- /dev/null
+++ b/demo/monokai/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c292d" stroke="#2c292d" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eb1f6a">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ae81ff" stroke="#2c292d" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2c292d" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#2c292d" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#2c292d" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#2c292d" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ae81ff" stroke="#2c292d" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/monokai/stats.svg b/demo/monokai/stats.svg
new file mode 100644
index 00000000..190ab62d
--- /dev/null
+++ b/demo/monokai/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2c292d" stroke="#2c292d" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eb1f6a">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#e28905"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffffff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ae81ff" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#e28905"><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="#ae81ff" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#e28905"><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="#ae81ff" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#e28905"><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="#ae81ff" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#e28905"><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="#ae81ff" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#e28905"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffffff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ae81ff" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#e28905"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffffff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ae81ff" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/moonlight/contributions-all-time.svg b/demo/moonlight/contributions-all-time.svg
new file mode 100644
index 00000000..3cb4c796
--- /dev/null
+++ b/demo/moonlight/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#222436" stroke="#222436" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff757f">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#599dff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#599dff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#599dff"/>
+  <text x="22" y="153" font-size="10" fill="#599dff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#599dff"/>
+  <text x="318" y="153" font-size="10" fill="#599dff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#599dff"/>
+  <text x="22" y="132" font-size="10" fill="#599dff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#599dff"/>
+  <text x="318" y="132" font-size="10" fill="#599dff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#599dff"/>
+  <text x="22" y="111" font-size="10" fill="#599dff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#599dff"/>
+  <text x="318" y="111" font-size="10" fill="#599dff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#599dff"/>
+  <text x="22" y="90" font-size="10" fill="#599dff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#599dff"/>
+  <text x="318" y="90" font-size="10" fill="#599dff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#599dff"/>
+  <text x="22" y="69" font-size="10" fill="#599dff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#599dff"/>
+  <text x="318" y="69" font-size="10" fill="#599dff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#599dff"/>
+  <text x="22" y="48" font-size="10" fill="#599dff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#599dff"/>
+  <text x="318" y="48" font-size="10" fill="#599dff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#599dff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#599dff"/>
+  <text x="28" y="166" font-size="10" fill="#599dff" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#599dff"/>
+  <text x="82" y="166" font-size="10" fill="#599dff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#599dff"/>
+  <text x="137" y="166" font-size="10" fill="#599dff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#599dff"/>
+  <text x="191" y="166" font-size="10" fill="#599dff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#599dff"/>
+  <text x="246" y="166" font-size="10" fill="#599dff" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#599dff"/>
+  <text x="312" y="166" font-size="10" fill="#599dff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ff757f" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ff757f" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#599dff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/moonlight/contributions.svg b/demo/moonlight/contributions.svg
new file mode 100644
index 00000000..5bf0bbc8
--- /dev/null
+++ b/demo/moonlight/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#222436" stroke="#222436" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff757f">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#599dff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#599dff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#599dff"/>
+  <text x="22" y="153" font-size="10" fill="#599dff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#599dff"/>
+  <text x="318" y="153" font-size="10" fill="#599dff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#599dff"/>
+  <text x="22" y="132" font-size="10" fill="#599dff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#599dff"/>
+  <text x="318" y="132" font-size="10" fill="#599dff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#599dff"/>
+  <text x="22" y="111" font-size="10" fill="#599dff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#599dff"/>
+  <text x="318" y="111" font-size="10" fill="#599dff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#599dff"/>
+  <text x="22" y="90" font-size="10" fill="#599dff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#599dff"/>
+  <text x="318" y="90" font-size="10" fill="#599dff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#599dff"/>
+  <text x="22" y="69" font-size="10" fill="#599dff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#599dff"/>
+  <text x="318" y="69" font-size="10" fill="#599dff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#599dff"/>
+  <text x="22" y="48" font-size="10" fill="#599dff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#599dff"/>
+  <text x="318" y="48" font-size="10" fill="#599dff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#599dff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#599dff"/>
+  <text x="28" y="166" font-size="10" fill="#599dff" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#599dff"/>
+  <text x="75" y="166" font-size="10" fill="#599dff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#599dff"/>
+  <text x="122" y="166" font-size="10" fill="#599dff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#599dff"/>
+  <text x="170" y="166" font-size="10" fill="#599dff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#599dff"/>
+  <text x="217" y="166" font-size="10" fill="#599dff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#599dff"/>
+  <text x="264" y="166" font-size="10" fill="#599dff" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#599dff"/>
+  <text x="312" y="166" font-size="10" fill="#599dff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ff757f" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ff757f" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#599dff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/moonlight/most-commit-language-all-time.svg b/demo/moonlight/most-commit-language-all-time.svg
new file mode 100644
index 00000000..1dd02df9
--- /dev/null
+++ b/demo/moonlight/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#222436" stroke="#222436" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff757f">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#f8f8f8">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#f8f8f8">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#f8f8f8">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#f8f8f8">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff757f" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#f8f8f8">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#222436" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#222436" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#222436" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#222436" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ff757f" stroke="#222436" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/moonlight/most-commit-language.svg b/demo/moonlight/most-commit-language.svg
new file mode 100644
index 00000000..c39ad718
--- /dev/null
+++ b/demo/moonlight/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#222436" stroke="#222436" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff757f">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#f8f8f8">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#f8f8f8">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#f8f8f8">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#f8f8f8">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff757f" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#f8f8f8">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#222436" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#222436" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#222436" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#222436" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ff757f" stroke="#222436" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/moonlight/productive-time-all-time.svg b/demo/moonlight/productive-time-all-time.svg
new file mode 100644
index 00000000..b6abc085
--- /dev/null
+++ b/demo/moonlight/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#222436" stroke="#222436" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff757f">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#599dff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#599dff"/>
+  <text x="29" y="158" font-size="10" fill="#599dff" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#599dff"/>
+  <text x="29" y="140" font-size="10" fill="#599dff" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#599dff"/>
+  <text x="29" y="122" font-size="10" fill="#599dff" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#599dff"/>
+  <text x="29" y="103" font-size="10" fill="#599dff" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#599dff"/>
+  <text x="29" y="85" font-size="10" fill="#599dff" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#599dff"/>
+  <text x="29" y="67" font-size="10" fill="#599dff" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#599dff"/>
+  <text x="29" y="48" font-size="10" fill="#599dff" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#599dff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#599dff"/>
+  <text x="40" y="171" font-size="10" fill="#599dff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#599dff"/>
+  <text x="113" y="171" font-size="10" fill="#599dff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#599dff"/>
+  <text x="186" y="171" font-size="10" fill="#599dff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#599dff"/>
+  <text x="258" y="171" font-size="10" fill="#599dff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#599dff"/>
+  <text x="319" y="171" font-size="10" fill="#599dff" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ff757f"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ff757f"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ff757f"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ff757f"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ff757f"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ff757f"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ff757f"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ff757f"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ff757f"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ff757f"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ff757f"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ff757f"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ff757f"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ff757f"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ff757f"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ff757f"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ff757f"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ff757f"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ff757f"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ff757f"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ff757f"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ff757f"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ff757f"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ff757f"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#599dff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/moonlight/productive-time.svg b/demo/moonlight/productive-time.svg
new file mode 100644
index 00000000..24017d83
--- /dev/null
+++ b/demo/moonlight/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#222436" stroke="#222436" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff757f">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#599dff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#599dff"/>
+  <text x="29" y="158" font-size="10" fill="#599dff" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#599dff"/>
+  <text x="29" y="131" font-size="10" fill="#599dff" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#599dff"/>
+  <text x="29" y="103" font-size="10" fill="#599dff" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#599dff"/>
+  <text x="29" y="76" font-size="10" fill="#599dff" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#599dff"/>
+  <text x="29" y="48" font-size="10" fill="#599dff" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#599dff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#599dff"/>
+  <text x="40" y="171" font-size="10" fill="#599dff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#599dff"/>
+  <text x="113" y="171" font-size="10" fill="#599dff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#599dff"/>
+  <text x="186" y="171" font-size="10" fill="#599dff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#599dff"/>
+  <text x="258" y="171" font-size="10" fill="#599dff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#599dff"/>
+  <text x="319" y="171" font-size="10" fill="#599dff" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ff757f"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ff757f"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff757f"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff757f"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ff757f"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ff757f"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ff757f"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ff757f"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ff757f"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ff757f"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ff757f"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ff757f"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ff757f"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ff757f"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ff757f"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ff757f"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ff757f"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ff757f"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ff757f"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ff757f"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ff757f"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ff757f"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ff757f"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ff757f"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#599dff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/moonlight/profile-details.svg b/demo/moonlight/profile-details.svg
new file mode 100644
index 00000000..a0f63b7d
--- /dev/null
+++ b/demo/moonlight/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#222436" stroke="#222436" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff757f">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#599dff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#f8f8f8">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#599dff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#f8f8f8">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#599dff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#f8f8f8">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#599dff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#f8f8f8">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#599dff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#f8f8f8">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#599dff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#f8f8f8">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/moonlight/repos-per-language.svg b/demo/moonlight/repos-per-language.svg
new file mode 100644
index 00000000..ea41a366
--- /dev/null
+++ b/demo/moonlight/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#222436" stroke="#222436" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff757f">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#f8f8f8">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#f8f8f8">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#f8f8f8">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#f8f8f8">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff757f" stroke="#222436" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#f8f8f8">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#222436" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#222436" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#222436" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#222436" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ff757f" stroke="#222436" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/moonlight/stats.svg b/demo/moonlight/stats.svg
new file mode 100644
index 00000000..3b6d903b
--- /dev/null
+++ b/demo/moonlight/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#222436" stroke="#222436" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff757f">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#599dff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#f8f8f8">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ff757f" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#599dff"><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="#f8f8f8">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#ff757f" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#599dff"><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="#f8f8f8">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#ff757f" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#599dff"><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="#f8f8f8">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#ff757f" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#599dff"><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="#f8f8f8">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#ff757f" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#599dff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#f8f8f8">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ff757f" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#599dff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#f8f8f8">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ff757f" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nightowl/contributions-all-time.svg b/demo/nightowl/contributions-all-time.svg
new file mode 100644
index 00000000..7eb59daa
--- /dev/null
+++ b/demo/nightowl/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#011627" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffeb95"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffeb95"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffeb95"/>
+  <text x="22" y="153" font-size="10" fill="#ffeb95" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffeb95"/>
+  <text x="318" y="153" font-size="10" fill="#ffeb95" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffeb95"/>
+  <text x="22" y="132" font-size="10" fill="#ffeb95" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffeb95"/>
+  <text x="318" y="132" font-size="10" fill="#ffeb95" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffeb95"/>
+  <text x="22" y="111" font-size="10" fill="#ffeb95" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffeb95"/>
+  <text x="318" y="111" font-size="10" fill="#ffeb95" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffeb95"/>
+  <text x="22" y="90" font-size="10" fill="#ffeb95" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffeb95"/>
+  <text x="318" y="90" font-size="10" fill="#ffeb95" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffeb95"/>
+  <text x="22" y="69" font-size="10" fill="#ffeb95" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffeb95"/>
+  <text x="318" y="69" font-size="10" fill="#ffeb95" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffeb95"/>
+  <text x="22" y="48" font-size="10" fill="#ffeb95" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffeb95"/>
+  <text x="318" y="48" font-size="10" fill="#ffeb95" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffeb95"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffeb95"/>
+  <text x="28" y="166" font-size="10" fill="#ffeb95" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ffeb95"/>
+  <text x="82" y="166" font-size="10" fill="#ffeb95" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ffeb95"/>
+  <text x="137" y="166" font-size="10" fill="#ffeb95" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ffeb95"/>
+  <text x="191" y="166" font-size="10" fill="#ffeb95" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ffeb95"/>
+  <text x="246" y="166" font-size="10" fill="#ffeb95" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffeb95"/>
+  <text x="312" y="166" font-size="10" fill="#ffeb95" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#c792ea" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#c792ea" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffeb95" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nightowl/contributions.svg b/demo/nightowl/contributions.svg
new file mode 100644
index 00000000..486643ab
--- /dev/null
+++ b/demo/nightowl/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#011627" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffeb95"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffeb95"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffeb95"/>
+  <text x="22" y="153" font-size="10" fill="#ffeb95" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffeb95"/>
+  <text x="318" y="153" font-size="10" fill="#ffeb95" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffeb95"/>
+  <text x="22" y="132" font-size="10" fill="#ffeb95" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffeb95"/>
+  <text x="318" y="132" font-size="10" fill="#ffeb95" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffeb95"/>
+  <text x="22" y="111" font-size="10" fill="#ffeb95" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffeb95"/>
+  <text x="318" y="111" font-size="10" fill="#ffeb95" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffeb95"/>
+  <text x="22" y="90" font-size="10" fill="#ffeb95" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffeb95"/>
+  <text x="318" y="90" font-size="10" fill="#ffeb95" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffeb95"/>
+  <text x="22" y="69" font-size="10" fill="#ffeb95" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffeb95"/>
+  <text x="318" y="69" font-size="10" fill="#ffeb95" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffeb95"/>
+  <text x="22" y="48" font-size="10" fill="#ffeb95" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffeb95"/>
+  <text x="318" y="48" font-size="10" fill="#ffeb95" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffeb95"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffeb95"/>
+  <text x="28" y="166" font-size="10" fill="#ffeb95" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ffeb95"/>
+  <text x="75" y="166" font-size="10" fill="#ffeb95" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ffeb95"/>
+  <text x="122" y="166" font-size="10" fill="#ffeb95" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ffeb95"/>
+  <text x="170" y="166" font-size="10" fill="#ffeb95" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ffeb95"/>
+  <text x="217" y="166" font-size="10" fill="#ffeb95" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ffeb95"/>
+  <text x="264" y="166" font-size="10" fill="#ffeb95" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffeb95"/>
+  <text x="312" y="166" font-size="10" fill="#ffeb95" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#c792ea" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#c792ea" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffeb95" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nightowl/most-commit-language-all-time.svg b/demo/nightowl/most-commit-language-all-time.svg
new file mode 100644
index 00000000..b395d350
--- /dev/null
+++ b/demo/nightowl/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#011627" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#7fdbca">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#7fdbca">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#7fdbca">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#7fdbca">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#c792ea" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#7fdbca">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#011627" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#011627" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#011627" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#011627" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#c792ea" stroke="#011627" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/nightowl/most-commit-language.svg b/demo/nightowl/most-commit-language.svg
new file mode 100644
index 00000000..2b012ccc
--- /dev/null
+++ b/demo/nightowl/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#011627" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#7fdbca">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#7fdbca">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#7fdbca">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#7fdbca">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#c792ea" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#7fdbca">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#011627" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#011627" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#011627" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#011627" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#c792ea" stroke="#011627" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/nightowl/productive-time-all-time.svg b/demo/nightowl/productive-time-all-time.svg
new file mode 100644
index 00000000..7d8b2577
--- /dev/null
+++ b/demo/nightowl/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#011627" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffeb95"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffeb95"/>
+  <text x="29" y="158" font-size="10" fill="#ffeb95" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#ffeb95"/>
+  <text x="29" y="140" font-size="10" fill="#ffeb95" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#ffeb95"/>
+  <text x="29" y="122" font-size="10" fill="#ffeb95" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffeb95"/>
+  <text x="29" y="103" font-size="10" fill="#ffeb95" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#ffeb95"/>
+  <text x="29" y="85" font-size="10" fill="#ffeb95" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#ffeb95"/>
+  <text x="29" y="67" font-size="10" fill="#ffeb95" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffeb95"/>
+  <text x="29" y="48" font-size="10" fill="#ffeb95" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffeb95"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffeb95"/>
+  <text x="40" y="171" font-size="10" fill="#ffeb95" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffeb95"/>
+  <text x="113" y="171" font-size="10" fill="#ffeb95" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffeb95"/>
+  <text x="186" y="171" font-size="10" fill="#ffeb95" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffeb95"/>
+  <text x="258" y="171" font-size="10" fill="#ffeb95" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffeb95"/>
+  <text x="319" y="171" font-size="10" fill="#ffeb95" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#c792ea"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#c792ea"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#c792ea"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#c792ea"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#c792ea"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#c792ea"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#c792ea"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#c792ea"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#c792ea"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#c792ea"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#c792ea"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#c792ea"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#c792ea"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#c792ea"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#c792ea"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#c792ea"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#c792ea"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#c792ea"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#c792ea"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#c792ea"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#c792ea"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#c792ea"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#c792ea"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#c792ea"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffeb95" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nightowl/productive-time.svg b/demo/nightowl/productive-time.svg
new file mode 100644
index 00000000..22820102
--- /dev/null
+++ b/demo/nightowl/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#011627" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffeb95"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffeb95"/>
+  <text x="29" y="158" font-size="10" fill="#ffeb95" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#ffeb95"/>
+  <text x="29" y="131" font-size="10" fill="#ffeb95" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffeb95"/>
+  <text x="29" y="103" font-size="10" fill="#ffeb95" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#ffeb95"/>
+  <text x="29" y="76" font-size="10" fill="#ffeb95" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffeb95"/>
+  <text x="29" y="48" font-size="10" fill="#ffeb95" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffeb95"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffeb95"/>
+  <text x="40" y="171" font-size="10" fill="#ffeb95" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffeb95"/>
+  <text x="113" y="171" font-size="10" fill="#ffeb95" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffeb95"/>
+  <text x="186" y="171" font-size="10" fill="#ffeb95" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffeb95"/>
+  <text x="258" y="171" font-size="10" fill="#ffeb95" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffeb95"/>
+  <text x="319" y="171" font-size="10" fill="#ffeb95" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#c792ea"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#c792ea"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#c792ea"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#c792ea"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#c792ea"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#c792ea"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#c792ea"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#c792ea"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#c792ea"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#c792ea"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#c792ea"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#c792ea"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#c792ea"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#c792ea"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#c792ea"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#c792ea"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#c792ea"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#c792ea"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#c792ea"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#c792ea"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#c792ea"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#c792ea"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#c792ea"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#c792ea"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffeb95" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nightowl/profile-details.svg b/demo/nightowl/profile-details.svg
new file mode 100644
index 00000000..a8ae8d9a
--- /dev/null
+++ b/demo/nightowl/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#011627" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ffeb95"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#7fdbca">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ffeb95"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#7fdbca">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ffeb95"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#7fdbca">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ffeb95"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#7fdbca">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ffeb95"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#7fdbca">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ffeb95"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#7fdbca">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nightowl/repos-per-language.svg b/demo/nightowl/repos-per-language.svg
new file mode 100644
index 00000000..8b8105e0
--- /dev/null
+++ b/demo/nightowl/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#011627" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#7fdbca">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#7fdbca">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#7fdbca">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#7fdbca">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#c792ea" stroke="#011627" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#7fdbca">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#011627" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#011627" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#011627" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#011627" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#c792ea" stroke="#011627" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/nightowl/stats.svg b/demo/nightowl/stats.svg
new file mode 100644
index 00000000..9863dee5
--- /dev/null
+++ b/demo/nightowl/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#011627" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#c792ea">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ffeb95"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#7fdbca">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#ffeb95"><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="#7fdbca">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#ffeb95"><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="#7fdbca">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#ffeb95"><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="#7fdbca">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#ffeb95"><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="#7fdbca">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ffeb95"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#7fdbca">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ffeb95"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#7fdbca">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#c792ea" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/noctis_minimus/contributions-all-time.svg b/demo/noctis_minimus/contributions-all-time.svg
new file mode 100644
index 00000000..0cb6109f
--- /dev/null
+++ b/demo/noctis_minimus/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1b2932" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#d3b692">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#72b7c0"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#72b7c0"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#72b7c0"/>
+  <text x="22" y="153" font-size="10" fill="#72b7c0" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#72b7c0"/>
+  <text x="318" y="153" font-size="10" fill="#72b7c0" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#72b7c0"/>
+  <text x="22" y="132" font-size="10" fill="#72b7c0" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#72b7c0"/>
+  <text x="318" y="132" font-size="10" fill="#72b7c0" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#72b7c0"/>
+  <text x="22" y="111" font-size="10" fill="#72b7c0" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#72b7c0"/>
+  <text x="318" y="111" font-size="10" fill="#72b7c0" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#72b7c0"/>
+  <text x="22" y="90" font-size="10" fill="#72b7c0" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#72b7c0"/>
+  <text x="318" y="90" font-size="10" fill="#72b7c0" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#72b7c0"/>
+  <text x="22" y="69" font-size="10" fill="#72b7c0" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#72b7c0"/>
+  <text x="318" y="69" font-size="10" fill="#72b7c0" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#72b7c0"/>
+  <text x="22" y="48" font-size="10" fill="#72b7c0" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#72b7c0"/>
+  <text x="318" y="48" font-size="10" fill="#72b7c0" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#72b7c0"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#72b7c0"/>
+  <text x="28" y="166" font-size="10" fill="#72b7c0" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#72b7c0"/>
+  <text x="82" y="166" font-size="10" fill="#72b7c0" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#72b7c0"/>
+  <text x="137" y="166" font-size="10" fill="#72b7c0" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#72b7c0"/>
+  <text x="191" y="166" font-size="10" fill="#72b7c0" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#72b7c0"/>
+  <text x="246" y="166" font-size="10" fill="#72b7c0" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#72b7c0"/>
+  <text x="312" y="166" font-size="10" fill="#72b7c0" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#d3b692" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#d3b692" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#72b7c0" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/noctis_minimus/contributions.svg b/demo/noctis_minimus/contributions.svg
new file mode 100644
index 00000000..946b568f
--- /dev/null
+++ b/demo/noctis_minimus/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1b2932" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#d3b692">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#72b7c0"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#72b7c0"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#72b7c0"/>
+  <text x="22" y="153" font-size="10" fill="#72b7c0" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#72b7c0"/>
+  <text x="318" y="153" font-size="10" fill="#72b7c0" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#72b7c0"/>
+  <text x="22" y="132" font-size="10" fill="#72b7c0" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#72b7c0"/>
+  <text x="318" y="132" font-size="10" fill="#72b7c0" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#72b7c0"/>
+  <text x="22" y="111" font-size="10" fill="#72b7c0" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#72b7c0"/>
+  <text x="318" y="111" font-size="10" fill="#72b7c0" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#72b7c0"/>
+  <text x="22" y="90" font-size="10" fill="#72b7c0" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#72b7c0"/>
+  <text x="318" y="90" font-size="10" fill="#72b7c0" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#72b7c0"/>
+  <text x="22" y="69" font-size="10" fill="#72b7c0" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#72b7c0"/>
+  <text x="318" y="69" font-size="10" fill="#72b7c0" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#72b7c0"/>
+  <text x="22" y="48" font-size="10" fill="#72b7c0" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#72b7c0"/>
+  <text x="318" y="48" font-size="10" fill="#72b7c0" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#72b7c0"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#72b7c0"/>
+  <text x="28" y="166" font-size="10" fill="#72b7c0" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#72b7c0"/>
+  <text x="75" y="166" font-size="10" fill="#72b7c0" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#72b7c0"/>
+  <text x="122" y="166" font-size="10" fill="#72b7c0" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#72b7c0"/>
+  <text x="170" y="166" font-size="10" fill="#72b7c0" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#72b7c0"/>
+  <text x="217" y="166" font-size="10" fill="#72b7c0" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#72b7c0"/>
+  <text x="264" y="166" font-size="10" fill="#72b7c0" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#72b7c0"/>
+  <text x="312" y="166" font-size="10" fill="#72b7c0" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#d3b692" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#d3b692" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#72b7c0" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/noctis_minimus/most-commit-language-all-time.svg b/demo/noctis_minimus/most-commit-language-all-time.svg
new file mode 100644
index 00000000..ea998604
--- /dev/null
+++ b/demo/noctis_minimus/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1b2932" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#d3b692">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#c5cdd3">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#c5cdd3">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#c5cdd3">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#c5cdd3">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#d3b692" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#c5cdd3">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1b2932" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#1b2932" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#1b2932" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#1b2932" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#d3b692" stroke="#1b2932" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/noctis_minimus/most-commit-language.svg b/demo/noctis_minimus/most-commit-language.svg
new file mode 100644
index 00000000..0071c3a7
--- /dev/null
+++ b/demo/noctis_minimus/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1b2932" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#d3b692">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#c5cdd3">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#c5cdd3">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#c5cdd3">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#c5cdd3">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#d3b692" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#c5cdd3">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1b2932" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#1b2932" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#1b2932" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#1b2932" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#d3b692" stroke="#1b2932" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/noctis_minimus/productive-time-all-time.svg b/demo/noctis_minimus/productive-time-all-time.svg
new file mode 100644
index 00000000..1191a87d
--- /dev/null
+++ b/demo/noctis_minimus/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1b2932" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#d3b692">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#72b7c0"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#72b7c0"/>
+  <text x="29" y="158" font-size="10" fill="#72b7c0" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#72b7c0"/>
+  <text x="29" y="140" font-size="10" fill="#72b7c0" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#72b7c0"/>
+  <text x="29" y="122" font-size="10" fill="#72b7c0" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#72b7c0"/>
+  <text x="29" y="103" font-size="10" fill="#72b7c0" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#72b7c0"/>
+  <text x="29" y="85" font-size="10" fill="#72b7c0" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#72b7c0"/>
+  <text x="29" y="67" font-size="10" fill="#72b7c0" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#72b7c0"/>
+  <text x="29" y="48" font-size="10" fill="#72b7c0" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#72b7c0"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#72b7c0"/>
+  <text x="40" y="171" font-size="10" fill="#72b7c0" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#72b7c0"/>
+  <text x="113" y="171" font-size="10" fill="#72b7c0" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#72b7c0"/>
+  <text x="186" y="171" font-size="10" fill="#72b7c0" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#72b7c0"/>
+  <text x="258" y="171" font-size="10" fill="#72b7c0" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#72b7c0"/>
+  <text x="319" y="171" font-size="10" fill="#72b7c0" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#d3b692"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#d3b692"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#d3b692"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#d3b692"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#d3b692"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#d3b692"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#d3b692"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#d3b692"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#d3b692"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#d3b692"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#d3b692"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#d3b692"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#d3b692"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#d3b692"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#d3b692"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#d3b692"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#d3b692"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#d3b692"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#d3b692"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#d3b692"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#d3b692"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#d3b692"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#d3b692"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#d3b692"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#72b7c0" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/noctis_minimus/productive-time.svg b/demo/noctis_minimus/productive-time.svg
new file mode 100644
index 00000000..37af5515
--- /dev/null
+++ b/demo/noctis_minimus/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1b2932" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#d3b692">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#72b7c0"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#72b7c0"/>
+  <text x="29" y="158" font-size="10" fill="#72b7c0" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#72b7c0"/>
+  <text x="29" y="131" font-size="10" fill="#72b7c0" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#72b7c0"/>
+  <text x="29" y="103" font-size="10" fill="#72b7c0" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#72b7c0"/>
+  <text x="29" y="76" font-size="10" fill="#72b7c0" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#72b7c0"/>
+  <text x="29" y="48" font-size="10" fill="#72b7c0" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#72b7c0"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#72b7c0"/>
+  <text x="40" y="171" font-size="10" fill="#72b7c0" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#72b7c0"/>
+  <text x="113" y="171" font-size="10" fill="#72b7c0" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#72b7c0"/>
+  <text x="186" y="171" font-size="10" fill="#72b7c0" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#72b7c0"/>
+  <text x="258" y="171" font-size="10" fill="#72b7c0" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#72b7c0"/>
+  <text x="319" y="171" font-size="10" fill="#72b7c0" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#d3b692"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#d3b692"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#d3b692"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#d3b692"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#d3b692"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#d3b692"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#d3b692"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#d3b692"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#d3b692"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#d3b692"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#d3b692"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#d3b692"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#d3b692"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#d3b692"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#d3b692"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#d3b692"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#d3b692"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#d3b692"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#d3b692"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#d3b692"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#d3b692"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#d3b692"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#d3b692"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#d3b692"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#72b7c0" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/noctis_minimus/profile-details.svg b/demo/noctis_minimus/profile-details.svg
new file mode 100644
index 00000000..aae891cd
--- /dev/null
+++ b/demo/noctis_minimus/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1b2932" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#d3b692">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#72b7c0"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#c5cdd3">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#72b7c0"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#c5cdd3">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#72b7c0"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#c5cdd3">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#72b7c0"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#c5cdd3">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#72b7c0"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#c5cdd3">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#72b7c0"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#c5cdd3">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/noctis_minimus/repos-per-language.svg b/demo/noctis_minimus/repos-per-language.svg
new file mode 100644
index 00000000..698331d7
--- /dev/null
+++ b/demo/noctis_minimus/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1b2932" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#d3b692">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#c5cdd3">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#c5cdd3">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#c5cdd3">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#c5cdd3">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#d3b692" stroke="#1b2932" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#c5cdd3">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1b2932" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#1b2932" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#1b2932" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#1b2932" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#d3b692" stroke="#1b2932" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/noctis_minimus/stats.svg b/demo/noctis_minimus/stats.svg
new file mode 100644
index 00000000..6827458b
--- /dev/null
+++ b/demo/noctis_minimus/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1b2932" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#d3b692">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#72b7c0"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#c5cdd3">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#d3b692" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#72b7c0"><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="#c5cdd3">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#d3b692" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#72b7c0"><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="#c5cdd3">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#d3b692" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#72b7c0"><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="#c5cdd3">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#d3b692" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#72b7c0"><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="#c5cdd3">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#d3b692" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#72b7c0"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#c5cdd3">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#d3b692" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#72b7c0"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#c5cdd3">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#d3b692" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_bright/contributions-all-time.svg b/demo/nord_bright/contributions-all-time.svg
new file mode 100644
index 00000000..830a7f70
--- /dev/null
+++ b/demo/nord_bright/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#eceff4" stroke="#e5e9f0" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#3b4252">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#8fbcbb"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#8fbcbb"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#8fbcbb"/>
+  <text x="22" y="153" font-size="10" fill="#8fbcbb" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#8fbcbb"/>
+  <text x="318" y="153" font-size="10" fill="#8fbcbb" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#8fbcbb"/>
+  <text x="22" y="132" font-size="10" fill="#8fbcbb" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#8fbcbb"/>
+  <text x="318" y="132" font-size="10" fill="#8fbcbb" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#8fbcbb"/>
+  <text x="22" y="111" font-size="10" fill="#8fbcbb" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#8fbcbb"/>
+  <text x="318" y="111" font-size="10" fill="#8fbcbb" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#8fbcbb"/>
+  <text x="22" y="90" font-size="10" fill="#8fbcbb" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#8fbcbb"/>
+  <text x="318" y="90" font-size="10" fill="#8fbcbb" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#8fbcbb"/>
+  <text x="22" y="69" font-size="10" fill="#8fbcbb" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#8fbcbb"/>
+  <text x="318" y="69" font-size="10" fill="#8fbcbb" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#8fbcbb"/>
+  <text x="22" y="48" font-size="10" fill="#8fbcbb" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#8fbcbb"/>
+  <text x="318" y="48" font-size="10" fill="#8fbcbb" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#8fbcbb"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#8fbcbb"/>
+  <text x="28" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#8fbcbb"/>
+  <text x="82" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#8fbcbb"/>
+  <text x="137" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#8fbcbb"/>
+  <text x="191" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#8fbcbb"/>
+  <text x="246" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#8fbcbb"/>
+  <text x="312" y="166" font-size="10" fill="#8fbcbb" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#88c0d0" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#88c0d0" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#8fbcbb" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_bright/contributions.svg b/demo/nord_bright/contributions.svg
new file mode 100644
index 00000000..cdc03e9c
--- /dev/null
+++ b/demo/nord_bright/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#eceff4" stroke="#e5e9f0" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#3b4252">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#8fbcbb"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#8fbcbb"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#8fbcbb"/>
+  <text x="22" y="153" font-size="10" fill="#8fbcbb" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#8fbcbb"/>
+  <text x="318" y="153" font-size="10" fill="#8fbcbb" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#8fbcbb"/>
+  <text x="22" y="132" font-size="10" fill="#8fbcbb" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#8fbcbb"/>
+  <text x="318" y="132" font-size="10" fill="#8fbcbb" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#8fbcbb"/>
+  <text x="22" y="111" font-size="10" fill="#8fbcbb" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#8fbcbb"/>
+  <text x="318" y="111" font-size="10" fill="#8fbcbb" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#8fbcbb"/>
+  <text x="22" y="90" font-size="10" fill="#8fbcbb" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#8fbcbb"/>
+  <text x="318" y="90" font-size="10" fill="#8fbcbb" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#8fbcbb"/>
+  <text x="22" y="69" font-size="10" fill="#8fbcbb" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#8fbcbb"/>
+  <text x="318" y="69" font-size="10" fill="#8fbcbb" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#8fbcbb"/>
+  <text x="22" y="48" font-size="10" fill="#8fbcbb" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#8fbcbb"/>
+  <text x="318" y="48" font-size="10" fill="#8fbcbb" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#8fbcbb"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#8fbcbb"/>
+  <text x="28" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#8fbcbb"/>
+  <text x="75" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#8fbcbb"/>
+  <text x="122" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#8fbcbb"/>
+  <text x="170" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#8fbcbb"/>
+  <text x="217" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#8fbcbb"/>
+  <text x="264" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#8fbcbb"/>
+  <text x="312" y="166" font-size="10" fill="#8fbcbb" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#88c0d0" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#88c0d0" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#8fbcbb" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_bright/most-commit-language-all-time.svg b/demo/nord_bright/most-commit-language-all-time.svg
new file mode 100644
index 00000000..c5ec0584
--- /dev/null
+++ b/demo/nord_bright/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#eceff4" stroke="#e5e9f0" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#3b4252">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#2e3440">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#2e3440">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#2e3440">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#2e3440">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#88c0d0" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#2e3440">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#eceff4" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#eceff4" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#eceff4" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#eceff4" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#88c0d0" stroke="#eceff4" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_bright/most-commit-language.svg b/demo/nord_bright/most-commit-language.svg
new file mode 100644
index 00000000..cd23c2b0
--- /dev/null
+++ b/demo/nord_bright/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#eceff4" stroke="#e5e9f0" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#3b4252">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#2e3440">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#2e3440">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#2e3440">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#2e3440">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#88c0d0" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#2e3440">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#eceff4" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#eceff4" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#eceff4" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#eceff4" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#88c0d0" stroke="#eceff4" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_bright/productive-time-all-time.svg b/demo/nord_bright/productive-time-all-time.svg
new file mode 100644
index 00000000..af368c1b
--- /dev/null
+++ b/demo/nord_bright/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#eceff4" stroke="#e5e9f0" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#3b4252">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#8fbcbb"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#8fbcbb"/>
+  <text x="29" y="158" font-size="10" fill="#8fbcbb" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#8fbcbb"/>
+  <text x="29" y="140" font-size="10" fill="#8fbcbb" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#8fbcbb"/>
+  <text x="29" y="122" font-size="10" fill="#8fbcbb" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#8fbcbb"/>
+  <text x="29" y="103" font-size="10" fill="#8fbcbb" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#8fbcbb"/>
+  <text x="29" y="85" font-size="10" fill="#8fbcbb" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#8fbcbb"/>
+  <text x="29" y="67" font-size="10" fill="#8fbcbb" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#8fbcbb"/>
+  <text x="29" y="48" font-size="10" fill="#8fbcbb" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#8fbcbb"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#8fbcbb"/>
+  <text x="40" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#8fbcbb"/>
+  <text x="113" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#8fbcbb"/>
+  <text x="186" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#8fbcbb"/>
+  <text x="258" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#8fbcbb"/>
+  <text x="319" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#88c0d0"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#88c0d0"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#88c0d0"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#88c0d0"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#88c0d0"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#88c0d0"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#88c0d0"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#88c0d0"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#88c0d0"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#88c0d0"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#88c0d0"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#88c0d0"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#88c0d0"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#88c0d0"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#88c0d0"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#88c0d0"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#88c0d0"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#88c0d0"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#88c0d0"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#88c0d0"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#88c0d0"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#88c0d0"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#88c0d0"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#88c0d0"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#8fbcbb" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_bright/productive-time.svg b/demo/nord_bright/productive-time.svg
new file mode 100644
index 00000000..a416173e
--- /dev/null
+++ b/demo/nord_bright/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#eceff4" stroke="#e5e9f0" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#3b4252">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#8fbcbb"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#8fbcbb"/>
+  <text x="29" y="158" font-size="10" fill="#8fbcbb" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#8fbcbb"/>
+  <text x="29" y="131" font-size="10" fill="#8fbcbb" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#8fbcbb"/>
+  <text x="29" y="103" font-size="10" fill="#8fbcbb" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#8fbcbb"/>
+  <text x="29" y="76" font-size="10" fill="#8fbcbb" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#8fbcbb"/>
+  <text x="29" y="48" font-size="10" fill="#8fbcbb" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#8fbcbb"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#8fbcbb"/>
+  <text x="40" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#8fbcbb"/>
+  <text x="113" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#8fbcbb"/>
+  <text x="186" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#8fbcbb"/>
+  <text x="258" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#8fbcbb"/>
+  <text x="319" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#88c0d0"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#88c0d0"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#88c0d0"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#88c0d0"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#88c0d0"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#88c0d0"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#88c0d0"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#88c0d0"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#88c0d0"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#88c0d0"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#88c0d0"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#88c0d0"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#88c0d0"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#88c0d0"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#88c0d0"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#88c0d0"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#88c0d0"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#88c0d0"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#88c0d0"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#88c0d0"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#88c0d0"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#88c0d0"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#88c0d0"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#88c0d0"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#8fbcbb" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_bright/profile-details.svg b/demo/nord_bright/profile-details.svg
new file mode 100644
index 00000000..d7f29d6c
--- /dev/null
+++ b/demo/nord_bright/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#eceff4" stroke="#e5e9f0" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#3b4252">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#2e3440">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#2e3440">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#2e3440">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#2e3440">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#2e3440">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#2e3440">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_bright/repos-per-language.svg b/demo/nord_bright/repos-per-language.svg
new file mode 100644
index 00000000..ec706b94
--- /dev/null
+++ b/demo/nord_bright/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#eceff4" stroke="#e5e9f0" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#3b4252">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#2e3440">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#2e3440">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#2e3440">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#2e3440">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#88c0d0" stroke="#eceff4" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#2e3440">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#eceff4" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#eceff4" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#eceff4" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#eceff4" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#88c0d0" stroke="#eceff4" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_bright/stats.svg b/demo/nord_bright/stats.svg
new file mode 100644
index 00000000..faa3d2e3
--- /dev/null
+++ b/demo/nord_bright/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#eceff4" stroke="#e5e9f0" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#3b4252">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#2e3440">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#8fbcbb"><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="#2e3440">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#8fbcbb"><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="#2e3440">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#8fbcbb"><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="#2e3440">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#8fbcbb"><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="#2e3440">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#2e3440">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#2e3440">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_dark/contributions-all-time.svg b/demo/nord_dark/contributions-all-time.svg
new file mode 100644
index 00000000..84ede7c4
--- /dev/null
+++ b/demo/nord_dark/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2e3440" stroke="#eceff4" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eceff4">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#8fbcbb"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#8fbcbb"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#8fbcbb"/>
+  <text x="22" y="153" font-size="10" fill="#8fbcbb" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#8fbcbb"/>
+  <text x="318" y="153" font-size="10" fill="#8fbcbb" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#8fbcbb"/>
+  <text x="22" y="132" font-size="10" fill="#8fbcbb" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#8fbcbb"/>
+  <text x="318" y="132" font-size="10" fill="#8fbcbb" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#8fbcbb"/>
+  <text x="22" y="111" font-size="10" fill="#8fbcbb" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#8fbcbb"/>
+  <text x="318" y="111" font-size="10" fill="#8fbcbb" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#8fbcbb"/>
+  <text x="22" y="90" font-size="10" fill="#8fbcbb" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#8fbcbb"/>
+  <text x="318" y="90" font-size="10" fill="#8fbcbb" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#8fbcbb"/>
+  <text x="22" y="69" font-size="10" fill="#8fbcbb" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#8fbcbb"/>
+  <text x="318" y="69" font-size="10" fill="#8fbcbb" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#8fbcbb"/>
+  <text x="22" y="48" font-size="10" fill="#8fbcbb" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#8fbcbb"/>
+  <text x="318" y="48" font-size="10" fill="#8fbcbb" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#8fbcbb"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#8fbcbb"/>
+  <text x="28" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#8fbcbb"/>
+  <text x="82" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#8fbcbb"/>
+  <text x="137" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#8fbcbb"/>
+  <text x="191" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#8fbcbb"/>
+  <text x="246" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#8fbcbb"/>
+  <text x="312" y="166" font-size="10" fill="#8fbcbb" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#88c0d0" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#88c0d0" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#8fbcbb" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_dark/contributions.svg b/demo/nord_dark/contributions.svg
new file mode 100644
index 00000000..7875ad9d
--- /dev/null
+++ b/demo/nord_dark/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2e3440" stroke="#eceff4" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eceff4">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#8fbcbb"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#8fbcbb"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#8fbcbb"/>
+  <text x="22" y="153" font-size="10" fill="#8fbcbb" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#8fbcbb"/>
+  <text x="318" y="153" font-size="10" fill="#8fbcbb" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#8fbcbb"/>
+  <text x="22" y="132" font-size="10" fill="#8fbcbb" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#8fbcbb"/>
+  <text x="318" y="132" font-size="10" fill="#8fbcbb" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#8fbcbb"/>
+  <text x="22" y="111" font-size="10" fill="#8fbcbb" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#8fbcbb"/>
+  <text x="318" y="111" font-size="10" fill="#8fbcbb" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#8fbcbb"/>
+  <text x="22" y="90" font-size="10" fill="#8fbcbb" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#8fbcbb"/>
+  <text x="318" y="90" font-size="10" fill="#8fbcbb" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#8fbcbb"/>
+  <text x="22" y="69" font-size="10" fill="#8fbcbb" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#8fbcbb"/>
+  <text x="318" y="69" font-size="10" fill="#8fbcbb" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#8fbcbb"/>
+  <text x="22" y="48" font-size="10" fill="#8fbcbb" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#8fbcbb"/>
+  <text x="318" y="48" font-size="10" fill="#8fbcbb" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#8fbcbb"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#8fbcbb"/>
+  <text x="28" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#8fbcbb"/>
+  <text x="75" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#8fbcbb"/>
+  <text x="122" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#8fbcbb"/>
+  <text x="170" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#8fbcbb"/>
+  <text x="217" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#8fbcbb"/>
+  <text x="264" y="166" font-size="10" fill="#8fbcbb" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#8fbcbb"/>
+  <text x="312" y="166" font-size="10" fill="#8fbcbb" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#88c0d0" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#88c0d0" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#8fbcbb" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_dark/most-commit-language-all-time.svg b/demo/nord_dark/most-commit-language-all-time.svg
new file mode 100644
index 00000000..15171ea3
--- /dev/null
+++ b/demo/nord_dark/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2e3440" stroke="#eceff4" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eceff4">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e5e9f0">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e5e9f0">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e5e9f0">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e5e9f0">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#88c0d0" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e5e9f0">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2e3440" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#2e3440" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#2e3440" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#2e3440" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#88c0d0" stroke="#2e3440" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_dark/most-commit-language.svg b/demo/nord_dark/most-commit-language.svg
new file mode 100644
index 00000000..e9431756
--- /dev/null
+++ b/demo/nord_dark/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2e3440" stroke="#eceff4" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eceff4">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e5e9f0">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e5e9f0">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e5e9f0">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e5e9f0">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#88c0d0" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e5e9f0">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2e3440" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#2e3440" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#2e3440" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#2e3440" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#88c0d0" stroke="#2e3440" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_dark/productive-time-all-time.svg b/demo/nord_dark/productive-time-all-time.svg
new file mode 100644
index 00000000..8e3e85c6
--- /dev/null
+++ b/demo/nord_dark/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2e3440" stroke="#eceff4" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eceff4">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#8fbcbb"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#8fbcbb"/>
+  <text x="29" y="158" font-size="10" fill="#8fbcbb" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#8fbcbb"/>
+  <text x="29" y="140" font-size="10" fill="#8fbcbb" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#8fbcbb"/>
+  <text x="29" y="122" font-size="10" fill="#8fbcbb" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#8fbcbb"/>
+  <text x="29" y="103" font-size="10" fill="#8fbcbb" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#8fbcbb"/>
+  <text x="29" y="85" font-size="10" fill="#8fbcbb" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#8fbcbb"/>
+  <text x="29" y="67" font-size="10" fill="#8fbcbb" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#8fbcbb"/>
+  <text x="29" y="48" font-size="10" fill="#8fbcbb" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#8fbcbb"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#8fbcbb"/>
+  <text x="40" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#8fbcbb"/>
+  <text x="113" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#8fbcbb"/>
+  <text x="186" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#8fbcbb"/>
+  <text x="258" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#8fbcbb"/>
+  <text x="319" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#88c0d0"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#88c0d0"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#88c0d0"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#88c0d0"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#88c0d0"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#88c0d0"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#88c0d0"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#88c0d0"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#88c0d0"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#88c0d0"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#88c0d0"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#88c0d0"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#88c0d0"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#88c0d0"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#88c0d0"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#88c0d0"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#88c0d0"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#88c0d0"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#88c0d0"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#88c0d0"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#88c0d0"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#88c0d0"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#88c0d0"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#88c0d0"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#8fbcbb" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_dark/productive-time.svg b/demo/nord_dark/productive-time.svg
new file mode 100644
index 00000000..95b4dfe3
--- /dev/null
+++ b/demo/nord_dark/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2e3440" stroke="#eceff4" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eceff4">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#8fbcbb"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#8fbcbb"/>
+  <text x="29" y="158" font-size="10" fill="#8fbcbb" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#8fbcbb"/>
+  <text x="29" y="131" font-size="10" fill="#8fbcbb" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#8fbcbb"/>
+  <text x="29" y="103" font-size="10" fill="#8fbcbb" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#8fbcbb"/>
+  <text x="29" y="76" font-size="10" fill="#8fbcbb" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#8fbcbb"/>
+  <text x="29" y="48" font-size="10" fill="#8fbcbb" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#8fbcbb"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#8fbcbb"/>
+  <text x="40" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#8fbcbb"/>
+  <text x="113" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#8fbcbb"/>
+  <text x="186" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#8fbcbb"/>
+  <text x="258" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#8fbcbb"/>
+  <text x="319" y="171" font-size="10" fill="#8fbcbb" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#88c0d0"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#88c0d0"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#88c0d0"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#88c0d0"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#88c0d0"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#88c0d0"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#88c0d0"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#88c0d0"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#88c0d0"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#88c0d0"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#88c0d0"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#88c0d0"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#88c0d0"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#88c0d0"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#88c0d0"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#88c0d0"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#88c0d0"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#88c0d0"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#88c0d0"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#88c0d0"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#88c0d0"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#88c0d0"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#88c0d0"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#88c0d0"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#8fbcbb" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_dark/profile-details.svg b/demo/nord_dark/profile-details.svg
new file mode 100644
index 00000000..a0779dfa
--- /dev/null
+++ b/demo/nord_dark/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2e3440" stroke="#eceff4" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eceff4">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#e5e9f0">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#e5e9f0">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#e5e9f0">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#e5e9f0">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#e5e9f0">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#e5e9f0">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_dark/repos-per-language.svg b/demo/nord_dark/repos-per-language.svg
new file mode 100644
index 00000000..f0e2c66a
--- /dev/null
+++ b/demo/nord_dark/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2e3440" stroke="#eceff4" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eceff4">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e5e9f0">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e5e9f0">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e5e9f0">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e5e9f0">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#88c0d0" stroke="#2e3440" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e5e9f0">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2e3440" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#2e3440" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#2e3440" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#2e3440" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#88c0d0" stroke="#2e3440" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/nord_dark/stats.svg b/demo/nord_dark/stats.svg
new file mode 100644
index 00000000..9cc7e2f6
--- /dev/null
+++ b/demo/nord_dark/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2e3440" stroke="#eceff4" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#eceff4">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#e5e9f0">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#8fbcbb"><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="#e5e9f0">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#8fbcbb"><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="#e5e9f0">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#8fbcbb"><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="#e5e9f0">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#8fbcbb"><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="#e5e9f0">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#e5e9f0">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#8fbcbb"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#e5e9f0">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#88c0d0" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/ocean_dark/contributions-all-time.svg b/demo/ocean_dark/contributions-all-time.svg
new file mode 100644
index 00000000..f07e0b05
--- /dev/null
+++ b/demo/ocean_dark/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151a28" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#8957b2">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffffff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffffff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffffff"/>
+  <text x="22" y="153" font-size="10" fill="#ffffff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffffff"/>
+  <text x="318" y="153" font-size="10" fill="#ffffff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffffff"/>
+  <text x="22" y="132" font-size="10" fill="#ffffff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffffff"/>
+  <text x="318" y="132" font-size="10" fill="#ffffff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffffff"/>
+  <text x="22" y="111" font-size="10" fill="#ffffff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffffff"/>
+  <text x="318" y="111" font-size="10" fill="#ffffff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffffff"/>
+  <text x="22" y="90" font-size="10" fill="#ffffff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffffff"/>
+  <text x="318" y="90" font-size="10" fill="#ffffff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffffff"/>
+  <text x="22" y="69" font-size="10" fill="#ffffff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffffff"/>
+  <text x="318" y="69" font-size="10" fill="#ffffff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffffff"/>
+  <text x="22" y="48" font-size="10" fill="#ffffff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffffff"/>
+  <text x="318" y="48" font-size="10" fill="#ffffff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffffff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffffff"/>
+  <text x="28" y="166" font-size="10" fill="#ffffff" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ffffff"/>
+  <text x="82" y="166" font-size="10" fill="#ffffff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ffffff"/>
+  <text x="137" y="166" font-size="10" fill="#ffffff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ffffff"/>
+  <text x="191" y="166" font-size="10" fill="#ffffff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ffffff"/>
+  <text x="246" y="166" font-size="10" fill="#ffffff" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffffff"/>
+  <text x="312" y="166" font-size="10" fill="#ffffff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#8957b2" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#8957b2" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffffff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/ocean_dark/contributions.svg b/demo/ocean_dark/contributions.svg
new file mode 100644
index 00000000..09cade2d
--- /dev/null
+++ b/demo/ocean_dark/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151a28" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#8957b2">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffffff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffffff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffffff"/>
+  <text x="22" y="153" font-size="10" fill="#ffffff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffffff"/>
+  <text x="318" y="153" font-size="10" fill="#ffffff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffffff"/>
+  <text x="22" y="132" font-size="10" fill="#ffffff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffffff"/>
+  <text x="318" y="132" font-size="10" fill="#ffffff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffffff"/>
+  <text x="22" y="111" font-size="10" fill="#ffffff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffffff"/>
+  <text x="318" y="111" font-size="10" fill="#ffffff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffffff"/>
+  <text x="22" y="90" font-size="10" fill="#ffffff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffffff"/>
+  <text x="318" y="90" font-size="10" fill="#ffffff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffffff"/>
+  <text x="22" y="69" font-size="10" fill="#ffffff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffffff"/>
+  <text x="318" y="69" font-size="10" fill="#ffffff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffffff"/>
+  <text x="22" y="48" font-size="10" fill="#ffffff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffffff"/>
+  <text x="318" y="48" font-size="10" fill="#ffffff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffffff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffffff"/>
+  <text x="28" y="166" font-size="10" fill="#ffffff" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ffffff"/>
+  <text x="75" y="166" font-size="10" fill="#ffffff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ffffff"/>
+  <text x="122" y="166" font-size="10" fill="#ffffff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ffffff"/>
+  <text x="170" y="166" font-size="10" fill="#ffffff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ffffff"/>
+  <text x="217" y="166" font-size="10" fill="#ffffff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ffffff"/>
+  <text x="264" y="166" font-size="10" fill="#ffffff" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffffff"/>
+  <text x="312" y="166" font-size="10" fill="#ffffff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#8957b2" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#8957b2" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffffff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/ocean_dark/most-commit-language-all-time.svg b/demo/ocean_dark/most-commit-language-all-time.svg
new file mode 100644
index 00000000..6196b427
--- /dev/null
+++ b/demo/ocean_dark/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151a28" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#8957b2">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#92d534">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#92d534">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#92d534">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#92d534">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#8957b2" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#92d534">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#151a28" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#151a28" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#151a28" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#151a28" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#8957b2" stroke="#151a28" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/ocean_dark/most-commit-language.svg b/demo/ocean_dark/most-commit-language.svg
new file mode 100644
index 00000000..6b7398d1
--- /dev/null
+++ b/demo/ocean_dark/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151a28" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#8957b2">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#92d534">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#92d534">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#92d534">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#92d534">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#8957b2" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#92d534">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#151a28" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#151a28" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#151a28" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#151a28" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#8957b2" stroke="#151a28" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/ocean_dark/productive-time-all-time.svg b/demo/ocean_dark/productive-time-all-time.svg
new file mode 100644
index 00000000..93f6b6aa
--- /dev/null
+++ b/demo/ocean_dark/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151a28" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#8957b2">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffffff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffffff"/>
+  <text x="29" y="158" font-size="10" fill="#ffffff" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#ffffff"/>
+  <text x="29" y="140" font-size="10" fill="#ffffff" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#ffffff"/>
+  <text x="29" y="122" font-size="10" fill="#ffffff" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffffff"/>
+  <text x="29" y="103" font-size="10" fill="#ffffff" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#ffffff"/>
+  <text x="29" y="85" font-size="10" fill="#ffffff" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#ffffff"/>
+  <text x="29" y="67" font-size="10" fill="#ffffff" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffffff"/>
+  <text x="29" y="48" font-size="10" fill="#ffffff" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffffff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffffff"/>
+  <text x="40" y="171" font-size="10" fill="#ffffff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffffff"/>
+  <text x="113" y="171" font-size="10" fill="#ffffff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffffff"/>
+  <text x="186" y="171" font-size="10" fill="#ffffff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffffff"/>
+  <text x="258" y="171" font-size="10" fill="#ffffff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffffff"/>
+  <text x="319" y="171" font-size="10" fill="#ffffff" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#8957b2"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#8957b2"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#8957b2"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#8957b2"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#8957b2"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#8957b2"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#8957b2"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#8957b2"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#8957b2"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#8957b2"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#8957b2"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#8957b2"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#8957b2"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#8957b2"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#8957b2"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#8957b2"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#8957b2"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#8957b2"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#8957b2"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#8957b2"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#8957b2"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#8957b2"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#8957b2"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#8957b2"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffffff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/ocean_dark/productive-time.svg b/demo/ocean_dark/productive-time.svg
new file mode 100644
index 00000000..157cf431
--- /dev/null
+++ b/demo/ocean_dark/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151a28" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#8957b2">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffffff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffffff"/>
+  <text x="29" y="158" font-size="10" fill="#ffffff" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#ffffff"/>
+  <text x="29" y="131" font-size="10" fill="#ffffff" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffffff"/>
+  <text x="29" y="103" font-size="10" fill="#ffffff" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#ffffff"/>
+  <text x="29" y="76" font-size="10" fill="#ffffff" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffffff"/>
+  <text x="29" y="48" font-size="10" fill="#ffffff" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffffff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffffff"/>
+  <text x="40" y="171" font-size="10" fill="#ffffff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffffff"/>
+  <text x="113" y="171" font-size="10" fill="#ffffff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffffff"/>
+  <text x="186" y="171" font-size="10" fill="#ffffff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffffff"/>
+  <text x="258" y="171" font-size="10" fill="#ffffff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffffff"/>
+  <text x="319" y="171" font-size="10" fill="#ffffff" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#8957b2"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#8957b2"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#8957b2"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#8957b2"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#8957b2"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#8957b2"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#8957b2"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#8957b2"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#8957b2"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#8957b2"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#8957b2"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#8957b2"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#8957b2"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#8957b2"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#8957b2"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#8957b2"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#8957b2"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#8957b2"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#8957b2"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#8957b2"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#8957b2"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#8957b2"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#8957b2"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#8957b2"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffffff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/ocean_dark/profile-details.svg b/demo/ocean_dark/profile-details.svg
new file mode 100644
index 00000000..6a912e6c
--- /dev/null
+++ b/demo/ocean_dark/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151a28" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#8957b2">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#92d534">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#92d534">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#92d534">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#92d534">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#92d534">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#92d534">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/ocean_dark/repos-per-language.svg b/demo/ocean_dark/repos-per-language.svg
new file mode 100644
index 00000000..4dd3b6eb
--- /dev/null
+++ b/demo/ocean_dark/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151a28" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#8957b2">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#92d534">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#92d534">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#92d534">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#92d534">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#8957b2" stroke="#151a28" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#92d534">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#151a28" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#151a28" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#151a28" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#151a28" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#8957b2" stroke="#151a28" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/ocean_dark/stats.svg b/demo/ocean_dark/stats.svg
new file mode 100644
index 00000000..ce200874
--- /dev/null
+++ b/demo/ocean_dark/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#151a28" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#8957b2">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#92d534">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#8957b2" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#ffffff"><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="#92d534">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#8957b2" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#ffffff"><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="#92d534">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#8957b2" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#ffffff"><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="#92d534">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#8957b2" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#ffffff"><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="#92d534">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#8957b2" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#92d534">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#8957b2" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ffffff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#92d534">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#8957b2" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/omni/contributions-all-time.svg b/demo/omni/contributions-all-time.svg
new file mode 100644
index 00000000..e94d9250
--- /dev/null
+++ b/demo/omni/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191622" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#e7de79"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#e7de79"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#e7de79"/>
+  <text x="22" y="153" font-size="10" fill="#e7de79" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#e7de79"/>
+  <text x="318" y="153" font-size="10" fill="#e7de79" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#e7de79"/>
+  <text x="22" y="132" font-size="10" fill="#e7de79" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#e7de79"/>
+  <text x="318" y="132" font-size="10" fill="#e7de79" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#e7de79"/>
+  <text x="22" y="111" font-size="10" fill="#e7de79" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#e7de79"/>
+  <text x="318" y="111" font-size="10" fill="#e7de79" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#e7de79"/>
+  <text x="22" y="90" font-size="10" fill="#e7de79" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#e7de79"/>
+  <text x="318" y="90" font-size="10" fill="#e7de79" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#e7de79"/>
+  <text x="22" y="69" font-size="10" fill="#e7de79" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#e7de79"/>
+  <text x="318" y="69" font-size="10" fill="#e7de79" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#e7de79"/>
+  <text x="22" y="48" font-size="10" fill="#e7de79" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#e7de79"/>
+  <text x="318" y="48" font-size="10" fill="#e7de79" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#e7de79"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#e7de79"/>
+  <text x="28" y="166" font-size="10" fill="#e7de79" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#e7de79"/>
+  <text x="82" y="166" font-size="10" fill="#e7de79" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#e7de79"/>
+  <text x="137" y="166" font-size="10" fill="#e7de79" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#e7de79"/>
+  <text x="191" y="166" font-size="10" fill="#e7de79" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#e7de79"/>
+  <text x="246" y="166" font-size="10" fill="#e7de79" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#e7de79"/>
+  <text x="312" y="166" font-size="10" fill="#e7de79" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ff79c6" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ff79c6" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#e7de79" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/omni/contributions.svg b/demo/omni/contributions.svg
new file mode 100644
index 00000000..b23804dc
--- /dev/null
+++ b/demo/omni/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191622" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#e7de79"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#e7de79"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#e7de79"/>
+  <text x="22" y="153" font-size="10" fill="#e7de79" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#e7de79"/>
+  <text x="318" y="153" font-size="10" fill="#e7de79" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#e7de79"/>
+  <text x="22" y="132" font-size="10" fill="#e7de79" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#e7de79"/>
+  <text x="318" y="132" font-size="10" fill="#e7de79" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#e7de79"/>
+  <text x="22" y="111" font-size="10" fill="#e7de79" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#e7de79"/>
+  <text x="318" y="111" font-size="10" fill="#e7de79" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#e7de79"/>
+  <text x="22" y="90" font-size="10" fill="#e7de79" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#e7de79"/>
+  <text x="318" y="90" font-size="10" fill="#e7de79" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#e7de79"/>
+  <text x="22" y="69" font-size="10" fill="#e7de79" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#e7de79"/>
+  <text x="318" y="69" font-size="10" fill="#e7de79" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#e7de79"/>
+  <text x="22" y="48" font-size="10" fill="#e7de79" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#e7de79"/>
+  <text x="318" y="48" font-size="10" fill="#e7de79" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#e7de79"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#e7de79"/>
+  <text x="28" y="166" font-size="10" fill="#e7de79" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#e7de79"/>
+  <text x="75" y="166" font-size="10" fill="#e7de79" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#e7de79"/>
+  <text x="122" y="166" font-size="10" fill="#e7de79" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#e7de79"/>
+  <text x="170" y="166" font-size="10" fill="#e7de79" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#e7de79"/>
+  <text x="217" y="166" font-size="10" fill="#e7de79" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#e7de79"/>
+  <text x="264" y="166" font-size="10" fill="#e7de79" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#e7de79"/>
+  <text x="312" y="166" font-size="10" fill="#e7de79" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ff79c6" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ff79c6" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#e7de79" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/omni/most-commit-language-all-time.svg b/demo/omni/most-commit-language-all-time.svg
new file mode 100644
index 00000000..7b2e798f
--- /dev/null
+++ b/demo/omni/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191622" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e1e1e6">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e1e1e6">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e1e1e6">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e1e1e6">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff79c6" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e1e1e6">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#191622" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#191622" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#191622" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#191622" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ff79c6" stroke="#191622" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/omni/most-commit-language.svg b/demo/omni/most-commit-language.svg
new file mode 100644
index 00000000..9080cddb
--- /dev/null
+++ b/demo/omni/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191622" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e1e1e6">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e1e1e6">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e1e1e6">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e1e1e6">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff79c6" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e1e1e6">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#191622" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#191622" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#191622" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#191622" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ff79c6" stroke="#191622" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/omni/productive-time-all-time.svg b/demo/omni/productive-time-all-time.svg
new file mode 100644
index 00000000..660353ac
--- /dev/null
+++ b/demo/omni/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191622" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#e7de79"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#e7de79"/>
+  <text x="29" y="158" font-size="10" fill="#e7de79" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#e7de79"/>
+  <text x="29" y="140" font-size="10" fill="#e7de79" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#e7de79"/>
+  <text x="29" y="122" font-size="10" fill="#e7de79" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#e7de79"/>
+  <text x="29" y="103" font-size="10" fill="#e7de79" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#e7de79"/>
+  <text x="29" y="85" font-size="10" fill="#e7de79" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#e7de79"/>
+  <text x="29" y="67" font-size="10" fill="#e7de79" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#e7de79"/>
+  <text x="29" y="48" font-size="10" fill="#e7de79" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#e7de79"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#e7de79"/>
+  <text x="40" y="171" font-size="10" fill="#e7de79" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#e7de79"/>
+  <text x="113" y="171" font-size="10" fill="#e7de79" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#e7de79"/>
+  <text x="186" y="171" font-size="10" fill="#e7de79" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#e7de79"/>
+  <text x="258" y="171" font-size="10" fill="#e7de79" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#e7de79"/>
+  <text x="319" y="171" font-size="10" fill="#e7de79" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ff79c6"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ff79c6"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ff79c6"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ff79c6"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ff79c6"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ff79c6"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ff79c6"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ff79c6"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ff79c6"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ff79c6"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ff79c6"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ff79c6"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ff79c6"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ff79c6"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ff79c6"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ff79c6"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ff79c6"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ff79c6"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ff79c6"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ff79c6"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ff79c6"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ff79c6"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ff79c6"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ff79c6"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#e7de79" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/omni/productive-time.svg b/demo/omni/productive-time.svg
new file mode 100644
index 00000000..5a22bb5f
--- /dev/null
+++ b/demo/omni/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191622" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#e7de79"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#e7de79"/>
+  <text x="29" y="158" font-size="10" fill="#e7de79" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#e7de79"/>
+  <text x="29" y="131" font-size="10" fill="#e7de79" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#e7de79"/>
+  <text x="29" y="103" font-size="10" fill="#e7de79" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#e7de79"/>
+  <text x="29" y="76" font-size="10" fill="#e7de79" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#e7de79"/>
+  <text x="29" y="48" font-size="10" fill="#e7de79" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#e7de79"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#e7de79"/>
+  <text x="40" y="171" font-size="10" fill="#e7de79" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#e7de79"/>
+  <text x="113" y="171" font-size="10" fill="#e7de79" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#e7de79"/>
+  <text x="186" y="171" font-size="10" fill="#e7de79" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#e7de79"/>
+  <text x="258" y="171" font-size="10" fill="#e7de79" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#e7de79"/>
+  <text x="319" y="171" font-size="10" fill="#e7de79" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ff79c6"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ff79c6"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff79c6"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ff79c6"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ff79c6"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ff79c6"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ff79c6"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ff79c6"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ff79c6"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ff79c6"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ff79c6"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ff79c6"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ff79c6"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ff79c6"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ff79c6"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ff79c6"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ff79c6"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ff79c6"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ff79c6"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ff79c6"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ff79c6"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ff79c6"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ff79c6"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ff79c6"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#e7de79" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/omni/profile-details.svg b/demo/omni/profile-details.svg
new file mode 100644
index 00000000..d46d2102
--- /dev/null
+++ b/demo/omni/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191622" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#e7de79"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#e1e1e6">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#e7de79"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#e1e1e6">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#e7de79"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#e1e1e6">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#e7de79"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#e1e1e6">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#e7de79"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#e1e1e6">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#e7de79"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#e1e1e6">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/omni/repos-per-language.svg b/demo/omni/repos-per-language.svg
new file mode 100644
index 00000000..2b3a5064
--- /dev/null
+++ b/demo/omni/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191622" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e1e1e6">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e1e1e6">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e1e1e6">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e1e1e6">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ff79c6" stroke="#191622" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e1e1e6">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#191622" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#191622" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#191622" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#191622" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ff79c6" stroke="#191622" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/omni/stats.svg b/demo/omni/stats.svg
new file mode 100644
index 00000000..827c723c
--- /dev/null
+++ b/demo/omni/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191622" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ff79c6">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#e7de79"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#e1e1e6">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ff79c6" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#e7de79"><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="#e1e1e6">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#ff79c6" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#e7de79"><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="#e1e1e6">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#ff79c6" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#e7de79"><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="#e1e1e6">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#ff79c6" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#e7de79"><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="#e1e1e6">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#ff79c6" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#e7de79"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#e1e1e6">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ff79c6" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#e7de79"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#e1e1e6">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ff79c6" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/onedark/contributions-all-time.svg b/demo/onedark/contributions-all-time.svg
new file mode 100644
index 00000000..71297de7
--- /dev/null
+++ b/demo/onedark/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282c34" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e4bf7a">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#8eb573"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#8eb573"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#8eb573"/>
+  <text x="22" y="153" font-size="10" fill="#8eb573" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#8eb573"/>
+  <text x="318" y="153" font-size="10" fill="#8eb573" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#8eb573"/>
+  <text x="22" y="132" font-size="10" fill="#8eb573" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#8eb573"/>
+  <text x="318" y="132" font-size="10" fill="#8eb573" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#8eb573"/>
+  <text x="22" y="111" font-size="10" fill="#8eb573" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#8eb573"/>
+  <text x="318" y="111" font-size="10" fill="#8eb573" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#8eb573"/>
+  <text x="22" y="90" font-size="10" fill="#8eb573" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#8eb573"/>
+  <text x="318" y="90" font-size="10" fill="#8eb573" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#8eb573"/>
+  <text x="22" y="69" font-size="10" fill="#8eb573" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#8eb573"/>
+  <text x="318" y="69" font-size="10" fill="#8eb573" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#8eb573"/>
+  <text x="22" y="48" font-size="10" fill="#8eb573" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#8eb573"/>
+  <text x="318" y="48" font-size="10" fill="#8eb573" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#8eb573"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#8eb573"/>
+  <text x="28" y="166" font-size="10" fill="#8eb573" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#8eb573"/>
+  <text x="82" y="166" font-size="10" fill="#8eb573" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#8eb573"/>
+  <text x="137" y="166" font-size="10" fill="#8eb573" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#8eb573"/>
+  <text x="191" y="166" font-size="10" fill="#8eb573" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#8eb573"/>
+  <text x="246" y="166" font-size="10" fill="#8eb573" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#8eb573"/>
+  <text x="312" y="166" font-size="10" fill="#8eb573" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#e4bf7a" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#e4bf7a" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#8eb573" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/onedark/contributions.svg b/demo/onedark/contributions.svg
new file mode 100644
index 00000000..ba859dc2
--- /dev/null
+++ b/demo/onedark/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282c34" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e4bf7a">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#8eb573"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#8eb573"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#8eb573"/>
+  <text x="22" y="153" font-size="10" fill="#8eb573" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#8eb573"/>
+  <text x="318" y="153" font-size="10" fill="#8eb573" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#8eb573"/>
+  <text x="22" y="132" font-size="10" fill="#8eb573" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#8eb573"/>
+  <text x="318" y="132" font-size="10" fill="#8eb573" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#8eb573"/>
+  <text x="22" y="111" font-size="10" fill="#8eb573" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#8eb573"/>
+  <text x="318" y="111" font-size="10" fill="#8eb573" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#8eb573"/>
+  <text x="22" y="90" font-size="10" fill="#8eb573" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#8eb573"/>
+  <text x="318" y="90" font-size="10" fill="#8eb573" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#8eb573"/>
+  <text x="22" y="69" font-size="10" fill="#8eb573" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#8eb573"/>
+  <text x="318" y="69" font-size="10" fill="#8eb573" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#8eb573"/>
+  <text x="22" y="48" font-size="10" fill="#8eb573" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#8eb573"/>
+  <text x="318" y="48" font-size="10" fill="#8eb573" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#8eb573"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#8eb573"/>
+  <text x="28" y="166" font-size="10" fill="#8eb573" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#8eb573"/>
+  <text x="75" y="166" font-size="10" fill="#8eb573" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#8eb573"/>
+  <text x="122" y="166" font-size="10" fill="#8eb573" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#8eb573"/>
+  <text x="170" y="166" font-size="10" fill="#8eb573" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#8eb573"/>
+  <text x="217" y="166" font-size="10" fill="#8eb573" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#8eb573"/>
+  <text x="264" y="166" font-size="10" fill="#8eb573" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#8eb573"/>
+  <text x="312" y="166" font-size="10" fill="#8eb573" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#e4bf7a" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#e4bf7a" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#8eb573" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/onedark/most-commit-language-all-time.svg b/demo/onedark/most-commit-language-all-time.svg
new file mode 100644
index 00000000..b49b83d6
--- /dev/null
+++ b/demo/onedark/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282c34" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e4bf7a">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#df6d74">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#df6d74">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#df6d74">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#df6d74">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e4bf7a" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#df6d74">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#282c34" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#282c34" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#282c34" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#282c34" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#e4bf7a" stroke="#282c34" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/onedark/most-commit-language.svg b/demo/onedark/most-commit-language.svg
new file mode 100644
index 00000000..3520b7f9
--- /dev/null
+++ b/demo/onedark/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282c34" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e4bf7a">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#df6d74">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#df6d74">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#df6d74">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#df6d74">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e4bf7a" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#df6d74">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#282c34" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#282c34" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#282c34" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#282c34" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#e4bf7a" stroke="#282c34" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/onedark/productive-time-all-time.svg b/demo/onedark/productive-time-all-time.svg
new file mode 100644
index 00000000..aed97682
--- /dev/null
+++ b/demo/onedark/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282c34" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e4bf7a">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#8eb573"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#8eb573"/>
+  <text x="29" y="158" font-size="10" fill="#8eb573" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#8eb573"/>
+  <text x="29" y="140" font-size="10" fill="#8eb573" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#8eb573"/>
+  <text x="29" y="122" font-size="10" fill="#8eb573" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#8eb573"/>
+  <text x="29" y="103" font-size="10" fill="#8eb573" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#8eb573"/>
+  <text x="29" y="85" font-size="10" fill="#8eb573" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#8eb573"/>
+  <text x="29" y="67" font-size="10" fill="#8eb573" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#8eb573"/>
+  <text x="29" y="48" font-size="10" fill="#8eb573" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#8eb573"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#8eb573"/>
+  <text x="40" y="171" font-size="10" fill="#8eb573" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#8eb573"/>
+  <text x="113" y="171" font-size="10" fill="#8eb573" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#8eb573"/>
+  <text x="186" y="171" font-size="10" fill="#8eb573" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#8eb573"/>
+  <text x="258" y="171" font-size="10" fill="#8eb573" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#8eb573"/>
+  <text x="319" y="171" font-size="10" fill="#8eb573" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#e4bf7a"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#e4bf7a"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#e4bf7a"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#e4bf7a"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#e4bf7a"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#e4bf7a"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#e4bf7a"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#e4bf7a"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#e4bf7a"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#e4bf7a"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#e4bf7a"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#e4bf7a"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#e4bf7a"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#e4bf7a"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#e4bf7a"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#e4bf7a"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#e4bf7a"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#e4bf7a"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#e4bf7a"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#e4bf7a"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#e4bf7a"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#e4bf7a"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#e4bf7a"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#e4bf7a"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#8eb573" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/onedark/productive-time.svg b/demo/onedark/productive-time.svg
new file mode 100644
index 00000000..44785fa0
--- /dev/null
+++ b/demo/onedark/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282c34" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e4bf7a">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#8eb573"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#8eb573"/>
+  <text x="29" y="158" font-size="10" fill="#8eb573" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#8eb573"/>
+  <text x="29" y="131" font-size="10" fill="#8eb573" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#8eb573"/>
+  <text x="29" y="103" font-size="10" fill="#8eb573" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#8eb573"/>
+  <text x="29" y="76" font-size="10" fill="#8eb573" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#8eb573"/>
+  <text x="29" y="48" font-size="10" fill="#8eb573" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#8eb573"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#8eb573"/>
+  <text x="40" y="171" font-size="10" fill="#8eb573" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#8eb573"/>
+  <text x="113" y="171" font-size="10" fill="#8eb573" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#8eb573"/>
+  <text x="186" y="171" font-size="10" fill="#8eb573" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#8eb573"/>
+  <text x="258" y="171" font-size="10" fill="#8eb573" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#8eb573"/>
+  <text x="319" y="171" font-size="10" fill="#8eb573" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#e4bf7a"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#e4bf7a"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#e4bf7a"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#e4bf7a"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#e4bf7a"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#e4bf7a"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#e4bf7a"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#e4bf7a"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#e4bf7a"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#e4bf7a"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#e4bf7a"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#e4bf7a"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#e4bf7a"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#e4bf7a"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#e4bf7a"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#e4bf7a"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#e4bf7a"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#e4bf7a"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#e4bf7a"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#e4bf7a"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#e4bf7a"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#e4bf7a"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#e4bf7a"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#e4bf7a"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#8eb573" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/onedark/profile-details.svg b/demo/onedark/profile-details.svg
new file mode 100644
index 00000000..e6343c08
--- /dev/null
+++ b/demo/onedark/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282c34" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e4bf7a">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#8eb573"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#df6d74">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#8eb573"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#df6d74">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#8eb573"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#df6d74">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#8eb573"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#df6d74">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#8eb573"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#df6d74">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#8eb573"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#df6d74">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/onedark/repos-per-language.svg b/demo/onedark/repos-per-language.svg
new file mode 100644
index 00000000..a736f28b
--- /dev/null
+++ b/demo/onedark/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282c34" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e4bf7a">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#df6d74">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#df6d74">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#df6d74">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#df6d74">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e4bf7a" stroke="#282c34" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#df6d74">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#282c34" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#282c34" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#282c34" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#282c34" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#e4bf7a" stroke="#282c34" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/onedark/stats.svg b/demo/onedark/stats.svg
new file mode 100644
index 00000000..ff592453
--- /dev/null
+++ b/demo/onedark/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#282c34" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e4bf7a">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#8eb573"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#df6d74">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#e4bf7a" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#8eb573"><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="#df6d74">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#e4bf7a" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#8eb573"><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="#df6d74">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#e4bf7a" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#8eb573"><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="#df6d74">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#e4bf7a" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#8eb573"><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="#df6d74">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#e4bf7a" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#8eb573"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#df6d74">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#e4bf7a" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#8eb573"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#df6d74">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#e4bf7a" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/outrun/contributions-all-time.svg b/demo/outrun/contributions-all-time.svg
new file mode 100644
index 00000000..148b9b0c
--- /dev/null
+++ b/demo/outrun/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#141439" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffcc00">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ff1aff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ff1aff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ff1aff"/>
+  <text x="22" y="153" font-size="10" fill="#ff1aff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ff1aff"/>
+  <text x="318" y="153" font-size="10" fill="#ff1aff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ff1aff"/>
+  <text x="22" y="132" font-size="10" fill="#ff1aff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ff1aff"/>
+  <text x="318" y="132" font-size="10" fill="#ff1aff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ff1aff"/>
+  <text x="22" y="111" font-size="10" fill="#ff1aff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ff1aff"/>
+  <text x="318" y="111" font-size="10" fill="#ff1aff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ff1aff"/>
+  <text x="22" y="90" font-size="10" fill="#ff1aff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ff1aff"/>
+  <text x="318" y="90" font-size="10" fill="#ff1aff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ff1aff"/>
+  <text x="22" y="69" font-size="10" fill="#ff1aff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ff1aff"/>
+  <text x="318" y="69" font-size="10" fill="#ff1aff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ff1aff"/>
+  <text x="22" y="48" font-size="10" fill="#ff1aff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ff1aff"/>
+  <text x="318" y="48" font-size="10" fill="#ff1aff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ff1aff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ff1aff"/>
+  <text x="28" y="166" font-size="10" fill="#ff1aff" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ff1aff"/>
+  <text x="82" y="166" font-size="10" fill="#ff1aff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ff1aff"/>
+  <text x="137" y="166" font-size="10" fill="#ff1aff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ff1aff"/>
+  <text x="191" y="166" font-size="10" fill="#ff1aff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ff1aff"/>
+  <text x="246" y="166" font-size="10" fill="#ff1aff" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ff1aff"/>
+  <text x="312" y="166" font-size="10" fill="#ff1aff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ffcc00" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ffcc00" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ff1aff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/outrun/contributions.svg b/demo/outrun/contributions.svg
new file mode 100644
index 00000000..427bafcf
--- /dev/null
+++ b/demo/outrun/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#141439" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffcc00">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ff1aff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ff1aff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ff1aff"/>
+  <text x="22" y="153" font-size="10" fill="#ff1aff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ff1aff"/>
+  <text x="318" y="153" font-size="10" fill="#ff1aff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ff1aff"/>
+  <text x="22" y="132" font-size="10" fill="#ff1aff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ff1aff"/>
+  <text x="318" y="132" font-size="10" fill="#ff1aff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ff1aff"/>
+  <text x="22" y="111" font-size="10" fill="#ff1aff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ff1aff"/>
+  <text x="318" y="111" font-size="10" fill="#ff1aff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ff1aff"/>
+  <text x="22" y="90" font-size="10" fill="#ff1aff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ff1aff"/>
+  <text x="318" y="90" font-size="10" fill="#ff1aff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ff1aff"/>
+  <text x="22" y="69" font-size="10" fill="#ff1aff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ff1aff"/>
+  <text x="318" y="69" font-size="10" fill="#ff1aff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ff1aff"/>
+  <text x="22" y="48" font-size="10" fill="#ff1aff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ff1aff"/>
+  <text x="318" y="48" font-size="10" fill="#ff1aff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ff1aff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ff1aff"/>
+  <text x="28" y="166" font-size="10" fill="#ff1aff" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ff1aff"/>
+  <text x="75" y="166" font-size="10" fill="#ff1aff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ff1aff"/>
+  <text x="122" y="166" font-size="10" fill="#ff1aff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ff1aff"/>
+  <text x="170" y="166" font-size="10" fill="#ff1aff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ff1aff"/>
+  <text x="217" y="166" font-size="10" fill="#ff1aff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ff1aff"/>
+  <text x="264" y="166" font-size="10" fill="#ff1aff" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ff1aff"/>
+  <text x="312" y="166" font-size="10" fill="#ff1aff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ffcc00" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ffcc00" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ff1aff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/outrun/most-commit-language-all-time.svg b/demo/outrun/most-commit-language-all-time.svg
new file mode 100644
index 00000000..a7886458
--- /dev/null
+++ b/demo/outrun/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#141439" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffcc00">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#8080ff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#8080ff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#8080ff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#8080ff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffcc00" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#8080ff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141439" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#141439" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#141439" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#141439" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ffcc00" stroke="#141439" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/outrun/most-commit-language.svg b/demo/outrun/most-commit-language.svg
new file mode 100644
index 00000000..88555935
--- /dev/null
+++ b/demo/outrun/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#141439" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffcc00">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#8080ff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#8080ff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#8080ff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#8080ff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffcc00" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#8080ff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141439" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#141439" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#141439" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#141439" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ffcc00" stroke="#141439" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/outrun/productive-time-all-time.svg b/demo/outrun/productive-time-all-time.svg
new file mode 100644
index 00000000..3b4b3158
--- /dev/null
+++ b/demo/outrun/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#141439" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffcc00">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ff1aff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ff1aff"/>
+  <text x="29" y="158" font-size="10" fill="#ff1aff" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#ff1aff"/>
+  <text x="29" y="140" font-size="10" fill="#ff1aff" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#ff1aff"/>
+  <text x="29" y="122" font-size="10" fill="#ff1aff" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ff1aff"/>
+  <text x="29" y="103" font-size="10" fill="#ff1aff" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#ff1aff"/>
+  <text x="29" y="85" font-size="10" fill="#ff1aff" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#ff1aff"/>
+  <text x="29" y="67" font-size="10" fill="#ff1aff" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ff1aff"/>
+  <text x="29" y="48" font-size="10" fill="#ff1aff" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ff1aff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ff1aff"/>
+  <text x="40" y="171" font-size="10" fill="#ff1aff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ff1aff"/>
+  <text x="113" y="171" font-size="10" fill="#ff1aff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ff1aff"/>
+  <text x="186" y="171" font-size="10" fill="#ff1aff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ff1aff"/>
+  <text x="258" y="171" font-size="10" fill="#ff1aff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ff1aff"/>
+  <text x="319" y="171" font-size="10" fill="#ff1aff" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ffcc00"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ffcc00"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ffcc00"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ffcc00"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ffcc00"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ffcc00"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ffcc00"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ffcc00"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ffcc00"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ffcc00"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ffcc00"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ffcc00"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ffcc00"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ffcc00"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ffcc00"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ffcc00"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ffcc00"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ffcc00"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ffcc00"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ffcc00"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ffcc00"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ffcc00"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ffcc00"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ffcc00"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ff1aff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/outrun/productive-time.svg b/demo/outrun/productive-time.svg
new file mode 100644
index 00000000..f12359b2
--- /dev/null
+++ b/demo/outrun/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#141439" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffcc00">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ff1aff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ff1aff"/>
+  <text x="29" y="158" font-size="10" fill="#ff1aff" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#ff1aff"/>
+  <text x="29" y="131" font-size="10" fill="#ff1aff" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ff1aff"/>
+  <text x="29" y="103" font-size="10" fill="#ff1aff" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#ff1aff"/>
+  <text x="29" y="76" font-size="10" fill="#ff1aff" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ff1aff"/>
+  <text x="29" y="48" font-size="10" fill="#ff1aff" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ff1aff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ff1aff"/>
+  <text x="40" y="171" font-size="10" fill="#ff1aff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ff1aff"/>
+  <text x="113" y="171" font-size="10" fill="#ff1aff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ff1aff"/>
+  <text x="186" y="171" font-size="10" fill="#ff1aff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ff1aff"/>
+  <text x="258" y="171" font-size="10" fill="#ff1aff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ff1aff"/>
+  <text x="319" y="171" font-size="10" fill="#ff1aff" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ffcc00"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ffcc00"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffcc00"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffcc00"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ffcc00"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ffcc00"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ffcc00"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ffcc00"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ffcc00"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ffcc00"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ffcc00"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ffcc00"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ffcc00"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ffcc00"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ffcc00"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ffcc00"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ffcc00"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ffcc00"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ffcc00"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ffcc00"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ffcc00"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ffcc00"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ffcc00"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ffcc00"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ff1aff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/outrun/profile-details.svg b/demo/outrun/profile-details.svg
new file mode 100644
index 00000000..f6c32efb
--- /dev/null
+++ b/demo/outrun/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#141439" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffcc00">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ff1aff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#8080ff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ff1aff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#8080ff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ff1aff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#8080ff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ff1aff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#8080ff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ff1aff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#8080ff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ff1aff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#8080ff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/outrun/repos-per-language.svg b/demo/outrun/repos-per-language.svg
new file mode 100644
index 00000000..7519e762
--- /dev/null
+++ b/demo/outrun/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#141439" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffcc00">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#8080ff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#8080ff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#8080ff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#8080ff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffcc00" stroke="#141439" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#8080ff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141439" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#141439" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#141439" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#141439" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ffcc00" stroke="#141439" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/outrun/stats.svg b/demo/outrun/stats.svg
new file mode 100644
index 00000000..b6c7a123
--- /dev/null
+++ b/demo/outrun/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#141439" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffcc00">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ff1aff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#8080ff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ffcc00" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#ff1aff"><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="#8080ff">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#ffcc00" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#ff1aff"><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="#8080ff">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#ffcc00" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#ff1aff"><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="#8080ff">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#ffcc00" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#ff1aff"><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="#8080ff">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#ffcc00" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ff1aff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#8080ff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ffcc00" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ff1aff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#8080ff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ffcc00" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/panda/contributions-all-time.svg b/demo/panda/contributions-all-time.svg
new file mode 100644
index 00000000..706d194b
--- /dev/null
+++ b/demo/panda/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#31353a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#19f9d899">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#19f9d899"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#19f9d899"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#19f9d899"/>
+  <text x="22" y="153" font-size="10" fill="#19f9d899" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#19f9d899"/>
+  <text x="318" y="153" font-size="10" fill="#19f9d899" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#19f9d899"/>
+  <text x="22" y="132" font-size="10" fill="#19f9d899" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#19f9d899"/>
+  <text x="318" y="132" font-size="10" fill="#19f9d899" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#19f9d899"/>
+  <text x="22" y="111" font-size="10" fill="#19f9d899" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#19f9d899"/>
+  <text x="318" y="111" font-size="10" fill="#19f9d899" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#19f9d899"/>
+  <text x="22" y="90" font-size="10" fill="#19f9d899" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#19f9d899"/>
+  <text x="318" y="90" font-size="10" fill="#19f9d899" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#19f9d899"/>
+  <text x="22" y="69" font-size="10" fill="#19f9d899" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#19f9d899"/>
+  <text x="318" y="69" font-size="10" fill="#19f9d899" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#19f9d899"/>
+  <text x="22" y="48" font-size="10" fill="#19f9d899" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#19f9d899"/>
+  <text x="318" y="48" font-size="10" fill="#19f9d899" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#19f9d899"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#19f9d899"/>
+  <text x="28" y="166" font-size="10" fill="#19f9d899" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#19f9d899"/>
+  <text x="82" y="166" font-size="10" fill="#19f9d899" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#19f9d899"/>
+  <text x="137" y="166" font-size="10" fill="#19f9d899" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#19f9d899"/>
+  <text x="191" y="166" font-size="10" fill="#19f9d899" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#19f9d899"/>
+  <text x="246" y="166" font-size="10" fill="#19f9d899" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#19f9d899"/>
+  <text x="312" y="166" font-size="10" fill="#19f9d899" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#19f9d899" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#19f9d899" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#19f9d899" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/panda/contributions.svg b/demo/panda/contributions.svg
new file mode 100644
index 00000000..8e8a0e2b
--- /dev/null
+++ b/demo/panda/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#31353a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#19f9d899">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#19f9d899"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#19f9d899"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#19f9d899"/>
+  <text x="22" y="153" font-size="10" fill="#19f9d899" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#19f9d899"/>
+  <text x="318" y="153" font-size="10" fill="#19f9d899" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#19f9d899"/>
+  <text x="22" y="132" font-size="10" fill="#19f9d899" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#19f9d899"/>
+  <text x="318" y="132" font-size="10" fill="#19f9d899" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#19f9d899"/>
+  <text x="22" y="111" font-size="10" fill="#19f9d899" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#19f9d899"/>
+  <text x="318" y="111" font-size="10" fill="#19f9d899" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#19f9d899"/>
+  <text x="22" y="90" font-size="10" fill="#19f9d899" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#19f9d899"/>
+  <text x="318" y="90" font-size="10" fill="#19f9d899" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#19f9d899"/>
+  <text x="22" y="69" font-size="10" fill="#19f9d899" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#19f9d899"/>
+  <text x="318" y="69" font-size="10" fill="#19f9d899" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#19f9d899"/>
+  <text x="22" y="48" font-size="10" fill="#19f9d899" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#19f9d899"/>
+  <text x="318" y="48" font-size="10" fill="#19f9d899" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#19f9d899"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#19f9d899"/>
+  <text x="28" y="166" font-size="10" fill="#19f9d899" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#19f9d899"/>
+  <text x="75" y="166" font-size="10" fill="#19f9d899" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#19f9d899"/>
+  <text x="122" y="166" font-size="10" fill="#19f9d899" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#19f9d899"/>
+  <text x="170" y="166" font-size="10" fill="#19f9d899" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#19f9d899"/>
+  <text x="217" y="166" font-size="10" fill="#19f9d899" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#19f9d899"/>
+  <text x="264" y="166" font-size="10" fill="#19f9d899" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#19f9d899"/>
+  <text x="312" y="166" font-size="10" fill="#19f9d899" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#19f9d899" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#19f9d899" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#19f9d899" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/panda/most-commit-language-all-time.svg b/demo/panda/most-commit-language-all-time.svg
new file mode 100644
index 00000000..dfc83685
--- /dev/null
+++ b/demo/panda/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#31353a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#19f9d899">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ff75b5">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ff75b5">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ff75b5">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ff75b5">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#19f9d899" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ff75b5">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#31353a" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#31353a" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#31353a" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#31353a" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#19f9d899" stroke="#31353a" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/panda/most-commit-language.svg b/demo/panda/most-commit-language.svg
new file mode 100644
index 00000000..86a99b48
--- /dev/null
+++ b/demo/panda/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#31353a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#19f9d899">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ff75b5">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ff75b5">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ff75b5">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ff75b5">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#19f9d899" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ff75b5">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#31353a" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#31353a" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#31353a" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#31353a" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#19f9d899" stroke="#31353a" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/panda/productive-time-all-time.svg b/demo/panda/productive-time-all-time.svg
new file mode 100644
index 00000000..04efbaa0
--- /dev/null
+++ b/demo/panda/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#31353a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#19f9d899">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#19f9d899"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#19f9d899"/>
+  <text x="29" y="158" font-size="10" fill="#19f9d899" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#19f9d899"/>
+  <text x="29" y="140" font-size="10" fill="#19f9d899" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#19f9d899"/>
+  <text x="29" y="122" font-size="10" fill="#19f9d899" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#19f9d899"/>
+  <text x="29" y="103" font-size="10" fill="#19f9d899" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#19f9d899"/>
+  <text x="29" y="85" font-size="10" fill="#19f9d899" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#19f9d899"/>
+  <text x="29" y="67" font-size="10" fill="#19f9d899" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#19f9d899"/>
+  <text x="29" y="48" font-size="10" fill="#19f9d899" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#19f9d899"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#19f9d899"/>
+  <text x="40" y="171" font-size="10" fill="#19f9d899" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#19f9d899"/>
+  <text x="113" y="171" font-size="10" fill="#19f9d899" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#19f9d899"/>
+  <text x="186" y="171" font-size="10" fill="#19f9d899" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#19f9d899"/>
+  <text x="258" y="171" font-size="10" fill="#19f9d899" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#19f9d899"/>
+  <text x="319" y="171" font-size="10" fill="#19f9d899" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#19f9d899"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#19f9d899"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#19f9d899"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#19f9d899"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#19f9d899"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#19f9d899"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#19f9d899"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#19f9d899"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#19f9d899"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#19f9d899"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#19f9d899"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#19f9d899"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#19f9d899"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#19f9d899"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#19f9d899"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#19f9d899"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#19f9d899"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#19f9d899"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#19f9d899"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#19f9d899"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#19f9d899"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#19f9d899"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#19f9d899"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#19f9d899"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#19f9d899" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/panda/productive-time.svg b/demo/panda/productive-time.svg
new file mode 100644
index 00000000..0162932e
--- /dev/null
+++ b/demo/panda/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#31353a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#19f9d899">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#19f9d899"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#19f9d899"/>
+  <text x="29" y="158" font-size="10" fill="#19f9d899" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#19f9d899"/>
+  <text x="29" y="131" font-size="10" fill="#19f9d899" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#19f9d899"/>
+  <text x="29" y="103" font-size="10" fill="#19f9d899" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#19f9d899"/>
+  <text x="29" y="76" font-size="10" fill="#19f9d899" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#19f9d899"/>
+  <text x="29" y="48" font-size="10" fill="#19f9d899" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#19f9d899"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#19f9d899"/>
+  <text x="40" y="171" font-size="10" fill="#19f9d899" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#19f9d899"/>
+  <text x="113" y="171" font-size="10" fill="#19f9d899" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#19f9d899"/>
+  <text x="186" y="171" font-size="10" fill="#19f9d899" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#19f9d899"/>
+  <text x="258" y="171" font-size="10" fill="#19f9d899" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#19f9d899"/>
+  <text x="319" y="171" font-size="10" fill="#19f9d899" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#19f9d899"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#19f9d899"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#19f9d899"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#19f9d899"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#19f9d899"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#19f9d899"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#19f9d899"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#19f9d899"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#19f9d899"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#19f9d899"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#19f9d899"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#19f9d899"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#19f9d899"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#19f9d899"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#19f9d899"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#19f9d899"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#19f9d899"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#19f9d899"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#19f9d899"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#19f9d899"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#19f9d899"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#19f9d899"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#19f9d899"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#19f9d899"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#19f9d899" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/panda/profile-details.svg b/demo/panda/profile-details.svg
new file mode 100644
index 00000000..e32e65dd
--- /dev/null
+++ b/demo/panda/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#31353a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#19f9d899">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#19f9d899"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ff75b5">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#19f9d899"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ff75b5">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#19f9d899"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ff75b5">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#19f9d899"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ff75b5">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#19f9d899"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ff75b5">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#19f9d899"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ff75b5">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/panda/repos-per-language.svg b/demo/panda/repos-per-language.svg
new file mode 100644
index 00000000..17deafcb
--- /dev/null
+++ b/demo/panda/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#31353a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#19f9d899">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ff75b5">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ff75b5">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ff75b5">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ff75b5">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#19f9d899" stroke="#31353a" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ff75b5">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#31353a" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#31353a" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#31353a" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#31353a" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#19f9d899" stroke="#31353a" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/panda/stats.svg b/demo/panda/stats.svg
new file mode 100644
index 00000000..94ab3c74
--- /dev/null
+++ b/demo/panda/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#31353a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#19f9d899">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#19f9d899"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ff75b5">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#19f9d899" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#19f9d899"><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="#ff75b5">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#19f9d899" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#19f9d899"><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="#ff75b5">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#19f9d899" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#19f9d899"><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="#ff75b5">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#19f9d899" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#19f9d899"><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="#ff75b5">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#19f9d899" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#19f9d899"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ff75b5">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#19f9d899" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#19f9d899"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ff75b5">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#19f9d899" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/prussian/contributions-all-time.svg b/demo/prussian/contributions-all-time.svg
new file mode 100644
index 00000000..f3cc5f6a
--- /dev/null
+++ b/demo/prussian/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#172f45" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bddfff">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#38a0ff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#38a0ff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#38a0ff"/>
+  <text x="22" y="153" font-size="10" fill="#38a0ff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#38a0ff"/>
+  <text x="318" y="153" font-size="10" fill="#38a0ff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#38a0ff"/>
+  <text x="22" y="132" font-size="10" fill="#38a0ff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#38a0ff"/>
+  <text x="318" y="132" font-size="10" fill="#38a0ff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#38a0ff"/>
+  <text x="22" y="111" font-size="10" fill="#38a0ff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#38a0ff"/>
+  <text x="318" y="111" font-size="10" fill="#38a0ff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#38a0ff"/>
+  <text x="22" y="90" font-size="10" fill="#38a0ff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#38a0ff"/>
+  <text x="318" y="90" font-size="10" fill="#38a0ff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#38a0ff"/>
+  <text x="22" y="69" font-size="10" fill="#38a0ff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#38a0ff"/>
+  <text x="318" y="69" font-size="10" fill="#38a0ff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#38a0ff"/>
+  <text x="22" y="48" font-size="10" fill="#38a0ff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#38a0ff"/>
+  <text x="318" y="48" font-size="10" fill="#38a0ff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#38a0ff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#38a0ff"/>
+  <text x="28" y="166" font-size="10" fill="#38a0ff" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#38a0ff"/>
+  <text x="82" y="166" font-size="10" fill="#38a0ff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#38a0ff"/>
+  <text x="137" y="166" font-size="10" fill="#38a0ff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#38a0ff"/>
+  <text x="191" y="166" font-size="10" fill="#38a0ff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#38a0ff"/>
+  <text x="246" y="166" font-size="10" fill="#38a0ff" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#38a0ff"/>
+  <text x="312" y="166" font-size="10" fill="#38a0ff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#bddfff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#bddfff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#38a0ff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/prussian/contributions.svg b/demo/prussian/contributions.svg
new file mode 100644
index 00000000..d58300c8
--- /dev/null
+++ b/demo/prussian/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#172f45" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bddfff">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#38a0ff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#38a0ff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#38a0ff"/>
+  <text x="22" y="153" font-size="10" fill="#38a0ff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#38a0ff"/>
+  <text x="318" y="153" font-size="10" fill="#38a0ff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#38a0ff"/>
+  <text x="22" y="132" font-size="10" fill="#38a0ff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#38a0ff"/>
+  <text x="318" y="132" font-size="10" fill="#38a0ff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#38a0ff"/>
+  <text x="22" y="111" font-size="10" fill="#38a0ff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#38a0ff"/>
+  <text x="318" y="111" font-size="10" fill="#38a0ff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#38a0ff"/>
+  <text x="22" y="90" font-size="10" fill="#38a0ff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#38a0ff"/>
+  <text x="318" y="90" font-size="10" fill="#38a0ff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#38a0ff"/>
+  <text x="22" y="69" font-size="10" fill="#38a0ff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#38a0ff"/>
+  <text x="318" y="69" font-size="10" fill="#38a0ff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#38a0ff"/>
+  <text x="22" y="48" font-size="10" fill="#38a0ff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#38a0ff"/>
+  <text x="318" y="48" font-size="10" fill="#38a0ff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#38a0ff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#38a0ff"/>
+  <text x="28" y="166" font-size="10" fill="#38a0ff" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#38a0ff"/>
+  <text x="75" y="166" font-size="10" fill="#38a0ff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#38a0ff"/>
+  <text x="122" y="166" font-size="10" fill="#38a0ff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#38a0ff"/>
+  <text x="170" y="166" font-size="10" fill="#38a0ff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#38a0ff"/>
+  <text x="217" y="166" font-size="10" fill="#38a0ff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#38a0ff"/>
+  <text x="264" y="166" font-size="10" fill="#38a0ff" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#38a0ff"/>
+  <text x="312" y="166" font-size="10" fill="#38a0ff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#bddfff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#bddfff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#38a0ff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/prussian/most-commit-language-all-time.svg b/demo/prussian/most-commit-language-all-time.svg
new file mode 100644
index 00000000..d88d692e
--- /dev/null
+++ b/demo/prussian/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#172f45" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bddfff">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#6e93b5">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#6e93b5">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#6e93b5">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#6e93b5">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#bddfff" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#6e93b5">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#172f45" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#172f45" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#172f45" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#172f45" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#bddfff" stroke="#172f45" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/prussian/most-commit-language.svg b/demo/prussian/most-commit-language.svg
new file mode 100644
index 00000000..214e5a74
--- /dev/null
+++ b/demo/prussian/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#172f45" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bddfff">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#6e93b5">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#6e93b5">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#6e93b5">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#6e93b5">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#bddfff" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#6e93b5">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#172f45" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#172f45" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#172f45" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#172f45" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#bddfff" stroke="#172f45" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/prussian/productive-time-all-time.svg b/demo/prussian/productive-time-all-time.svg
new file mode 100644
index 00000000..e4f9e610
--- /dev/null
+++ b/demo/prussian/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#172f45" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bddfff">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#38a0ff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#38a0ff"/>
+  <text x="29" y="158" font-size="10" fill="#38a0ff" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#38a0ff"/>
+  <text x="29" y="140" font-size="10" fill="#38a0ff" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#38a0ff"/>
+  <text x="29" y="122" font-size="10" fill="#38a0ff" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#38a0ff"/>
+  <text x="29" y="103" font-size="10" fill="#38a0ff" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#38a0ff"/>
+  <text x="29" y="85" font-size="10" fill="#38a0ff" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#38a0ff"/>
+  <text x="29" y="67" font-size="10" fill="#38a0ff" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#38a0ff"/>
+  <text x="29" y="48" font-size="10" fill="#38a0ff" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#38a0ff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#38a0ff"/>
+  <text x="40" y="171" font-size="10" fill="#38a0ff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#38a0ff"/>
+  <text x="113" y="171" font-size="10" fill="#38a0ff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#38a0ff"/>
+  <text x="186" y="171" font-size="10" fill="#38a0ff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#38a0ff"/>
+  <text x="258" y="171" font-size="10" fill="#38a0ff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#38a0ff"/>
+  <text x="319" y="171" font-size="10" fill="#38a0ff" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#bddfff"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#bddfff"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#bddfff"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#bddfff"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#bddfff"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#bddfff"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#bddfff"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#bddfff"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#bddfff"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#bddfff"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#bddfff"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#bddfff"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#bddfff"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#bddfff"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#bddfff"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#bddfff"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#bddfff"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#bddfff"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#bddfff"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#bddfff"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#bddfff"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#bddfff"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#bddfff"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#bddfff"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#38a0ff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/prussian/productive-time.svg b/demo/prussian/productive-time.svg
new file mode 100644
index 00000000..92f6b8b2
--- /dev/null
+++ b/demo/prussian/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#172f45" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bddfff">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#38a0ff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#38a0ff"/>
+  <text x="29" y="158" font-size="10" fill="#38a0ff" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#38a0ff"/>
+  <text x="29" y="131" font-size="10" fill="#38a0ff" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#38a0ff"/>
+  <text x="29" y="103" font-size="10" fill="#38a0ff" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#38a0ff"/>
+  <text x="29" y="76" font-size="10" fill="#38a0ff" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#38a0ff"/>
+  <text x="29" y="48" font-size="10" fill="#38a0ff" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#38a0ff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#38a0ff"/>
+  <text x="40" y="171" font-size="10" fill="#38a0ff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#38a0ff"/>
+  <text x="113" y="171" font-size="10" fill="#38a0ff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#38a0ff"/>
+  <text x="186" y="171" font-size="10" fill="#38a0ff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#38a0ff"/>
+  <text x="258" y="171" font-size="10" fill="#38a0ff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#38a0ff"/>
+  <text x="319" y="171" font-size="10" fill="#38a0ff" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#bddfff"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#bddfff"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#bddfff"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#bddfff"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#bddfff"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#bddfff"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#bddfff"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#bddfff"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#bddfff"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#bddfff"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#bddfff"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#bddfff"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#bddfff"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#bddfff"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#bddfff"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#bddfff"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#bddfff"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#bddfff"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#bddfff"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#bddfff"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#bddfff"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#bddfff"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#bddfff"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#bddfff"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#38a0ff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/prussian/profile-details.svg b/demo/prussian/profile-details.svg
new file mode 100644
index 00000000..31aceb9c
--- /dev/null
+++ b/demo/prussian/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#172f45" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bddfff">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#38a0ff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#6e93b5">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#38a0ff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#6e93b5">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#38a0ff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#6e93b5">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#38a0ff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#6e93b5">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#38a0ff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#6e93b5">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#38a0ff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#6e93b5">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/prussian/repos-per-language.svg b/demo/prussian/repos-per-language.svg
new file mode 100644
index 00000000..67696118
--- /dev/null
+++ b/demo/prussian/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#172f45" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bddfff">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#6e93b5">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#6e93b5">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#6e93b5">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#6e93b5">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#bddfff" stroke="#172f45" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#6e93b5">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#172f45" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#172f45" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#172f45" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#172f45" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#bddfff" stroke="#172f45" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/prussian/stats.svg b/demo/prussian/stats.svg
new file mode 100644
index 00000000..850593b4
--- /dev/null
+++ b/demo/prussian/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#172f45" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#bddfff">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#38a0ff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#6e93b5">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#bddfff" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#38a0ff"><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="#6e93b5">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#bddfff" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#38a0ff"><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="#6e93b5">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#bddfff" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#38a0ff"><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="#6e93b5">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#bddfff" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#38a0ff"><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="#6e93b5">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#bddfff" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#38a0ff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#6e93b5">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#bddfff" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#38a0ff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#6e93b5">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#bddfff" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/radical/contributions-all-time.svg b/demo/radical/contributions-all-time.svg
new file mode 100644
index 00000000..d423b4ab
--- /dev/null
+++ b/demo/radical/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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="#fe428e">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#f8d847"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#f8d847"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#f8d847"/>
+  <text x="22" y="153" font-size="10" fill="#f8d847" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#f8d847"/>
+  <text x="318" y="153" font-size="10" fill="#f8d847" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#f8d847"/>
+  <text x="22" y="132" font-size="10" fill="#f8d847" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#f8d847"/>
+  <text x="318" y="132" font-size="10" fill="#f8d847" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#f8d847"/>
+  <text x="22" y="111" font-size="10" fill="#f8d847" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#f8d847"/>
+  <text x="318" y="111" font-size="10" fill="#f8d847" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#f8d847"/>
+  <text x="22" y="90" font-size="10" fill="#f8d847" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#f8d847"/>
+  <text x="318" y="90" font-size="10" fill="#f8d847" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#f8d847"/>
+  <text x="22" y="69" font-size="10" fill="#f8d847" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#f8d847"/>
+  <text x="318" y="69" font-size="10" fill="#f8d847" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#f8d847"/>
+  <text x="22" y="48" font-size="10" fill="#f8d847" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#f8d847"/>
+  <text x="318" y="48" font-size="10" fill="#f8d847" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#f8d847"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#f8d847"/>
+  <text x="28" y="166" font-size="10" fill="#f8d847" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#f8d847"/>
+  <text x="82" y="166" font-size="10" fill="#f8d847" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#f8d847"/>
+  <text x="137" y="166" font-size="10" fill="#f8d847" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#f8d847"/>
+  <text x="191" y="166" font-size="10" fill="#f8d847" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#f8d847"/>
+  <text x="246" y="166" font-size="10" fill="#f8d847" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#f8d847"/>
+  <text x="312" y="166" font-size="10" fill="#f8d847" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ae81ff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ae81ff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#f8d847" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/radical/contributions.svg b/demo/radical/contributions.svg
new file mode 100644
index 00000000..2ce98dd9
--- /dev/null
+++ b/demo/radical/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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="#fe428e">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#f8d847"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#f8d847"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#f8d847"/>
+  <text x="22" y="153" font-size="10" fill="#f8d847" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#f8d847"/>
+  <text x="318" y="153" font-size="10" fill="#f8d847" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#f8d847"/>
+  <text x="22" y="132" font-size="10" fill="#f8d847" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#f8d847"/>
+  <text x="318" y="132" font-size="10" fill="#f8d847" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#f8d847"/>
+  <text x="22" y="111" font-size="10" fill="#f8d847" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#f8d847"/>
+  <text x="318" y="111" font-size="10" fill="#f8d847" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#f8d847"/>
+  <text x="22" y="90" font-size="10" fill="#f8d847" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#f8d847"/>
+  <text x="318" y="90" font-size="10" fill="#f8d847" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#f8d847"/>
+  <text x="22" y="69" font-size="10" fill="#f8d847" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#f8d847"/>
+  <text x="318" y="69" font-size="10" fill="#f8d847" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#f8d847"/>
+  <text x="22" y="48" font-size="10" fill="#f8d847" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#f8d847"/>
+  <text x="318" y="48" font-size="10" fill="#f8d847" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#f8d847"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#f8d847"/>
+  <text x="28" y="166" font-size="10" fill="#f8d847" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#f8d847"/>
+  <text x="75" y="166" font-size="10" fill="#f8d847" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#f8d847"/>
+  <text x="122" y="166" font-size="10" fill="#f8d847" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#f8d847"/>
+  <text x="170" y="166" font-size="10" fill="#f8d847" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#f8d847"/>
+  <text x="217" y="166" font-size="10" fill="#f8d847" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#f8d847"/>
+  <text x="264" y="166" font-size="10" fill="#f8d847" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#f8d847"/>
+  <text x="312" y="166" font-size="10" fill="#f8d847" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ae81ff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ae81ff" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#f8d847" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/radical/most-commit-language-all-time.svg b/demo/radical/most-commit-language-all-time.svg
new file mode 100644
index 00000000..f5cfd2a8
--- /dev/null
+++ b/demo/radical/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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="#fe428e">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="#a9fef7">JavaScript 31.61%</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="#a9fef7">Java 18.83%</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="#a9fef7">HTML 18.79%</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="#a9fef7">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ae81ff" stroke="#141321" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#a9fef7">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141321" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#141321" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#141321" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#141321" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ae81ff" stroke="#141321" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/radical/most-commit-language.svg b/demo/radical/most-commit-language.svg
new file mode 100644
index 00000000..02d288be
--- /dev/null
+++ b/demo/radical/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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="#fe428e">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="#a9fef7">JavaScript 44.92%</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="#a9fef7">Go 12.81%</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="#a9fef7">Java 10.78%</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="#a9fef7">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ae81ff" stroke="#141321" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#a9fef7">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141321" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#141321" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#141321" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#141321" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ae81ff" stroke="#141321" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/radical/productive-time-all-time.svg b/demo/radical/productive-time-all-time.svg
new file mode 100644
index 00000000..9721a09e
--- /dev/null
+++ b/demo/radical/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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="#fe428e">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#f8d847"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#f8d847"/>
+  <text x="29" y="158" font-size="10" fill="#f8d847" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#f8d847"/>
+  <text x="29" y="140" font-size="10" fill="#f8d847" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#f8d847"/>
+  <text x="29" y="122" font-size="10" fill="#f8d847" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#f8d847"/>
+  <text x="29" y="103" font-size="10" fill="#f8d847" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#f8d847"/>
+  <text x="29" y="85" font-size="10" fill="#f8d847" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#f8d847"/>
+  <text x="29" y="67" font-size="10" fill="#f8d847" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#f8d847"/>
+  <text x="29" y="48" font-size="10" fill="#f8d847" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#f8d847"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#f8d847"/>
+  <text x="40" y="171" font-size="10" fill="#f8d847" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#f8d847"/>
+  <text x="113" y="171" font-size="10" fill="#f8d847" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#f8d847"/>
+  <text x="186" y="171" font-size="10" fill="#f8d847" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#f8d847"/>
+  <text x="258" y="171" font-size="10" fill="#f8d847" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#f8d847"/>
+  <text x="319" y="171" font-size="10" fill="#f8d847" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ae81ff"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ae81ff"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ae81ff"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ae81ff"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ae81ff"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ae81ff"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ae81ff"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ae81ff"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ae81ff"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ae81ff"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ae81ff"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ae81ff"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ae81ff"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ae81ff"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ae81ff"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ae81ff"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ae81ff"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ae81ff"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ae81ff"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ae81ff"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ae81ff"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ae81ff"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ae81ff"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ae81ff"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#f8d847" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/radical/productive-time.svg b/demo/radical/productive-time.svg
new file mode 100644
index 00000000..8fe3e122
--- /dev/null
+++ b/demo/radical/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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="#fe428e">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#f8d847"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#f8d847"/>
+  <text x="29" y="158" font-size="10" fill="#f8d847" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#f8d847"/>
+  <text x="29" y="131" font-size="10" fill="#f8d847" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#f8d847"/>
+  <text x="29" y="103" font-size="10" fill="#f8d847" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#f8d847"/>
+  <text x="29" y="76" font-size="10" fill="#f8d847" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#f8d847"/>
+  <text x="29" y="48" font-size="10" fill="#f8d847" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#f8d847"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#f8d847"/>
+  <text x="40" y="171" font-size="10" fill="#f8d847" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#f8d847"/>
+  <text x="113" y="171" font-size="10" fill="#f8d847" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#f8d847"/>
+  <text x="186" y="171" font-size="10" fill="#f8d847" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#f8d847"/>
+  <text x="258" y="171" font-size="10" fill="#f8d847" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#f8d847"/>
+  <text x="319" y="171" font-size="10" fill="#f8d847" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ae81ff"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ae81ff"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ae81ff"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ae81ff"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ae81ff"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ae81ff"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ae81ff"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ae81ff"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ae81ff"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ae81ff"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ae81ff"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ae81ff"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ae81ff"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ae81ff"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ae81ff"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ae81ff"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ae81ff"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ae81ff"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ae81ff"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ae81ff"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ae81ff"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ae81ff"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ae81ff"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ae81ff"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#f8d847" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/radical/profile-details.svg b/demo/radical/profile-details.svg
new file mode 100644
index 00000000..345354d7
--- /dev/null
+++ b/demo/radical/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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="#fe428e">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#f8d847"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#a9fef7">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#f8d847"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#a9fef7">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#f8d847"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#a9fef7">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#f8d847"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#a9fef7">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#f8d847"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#a9fef7">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#f8d847"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#a9fef7">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/radical/repos-per-language.svg b/demo/radical/repos-per-language.svg
new file mode 100644
index 00000000..f1d76fbf
--- /dev/null
+++ b/demo/radical/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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="#fe428e">Repos Per Language</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="#a9fef7">JavaScript 22.45%</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="#a9fef7">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#141321" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#a9fef7">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#141321" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#a9fef7">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ae81ff" stroke="#141321" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#a9fef7">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#141321" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#141321" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#141321" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#141321" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ae81ff" stroke="#141321" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/radical/stats.svg b/demo/radical/stats.svg
new file mode 100644
index 00000000..b6669fbc
--- /dev/null
+++ b/demo/radical/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <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="#fe428e">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#f8d847"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#a9fef7">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ae81ff" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#f8d847"><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="#a9fef7">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#ae81ff" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#f8d847"><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="#a9fef7">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#ae81ff" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#f8d847"><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="#a9fef7">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#ae81ff" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#f8d847"><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="#a9fef7">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#ae81ff" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#f8d847"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#a9fef7">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ae81ff" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#f8d847"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#a9fef7">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ae81ff" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/react/contributions-all-time.svg b/demo/react/contributions-all-time.svg
new file mode 100644
index 00000000..e52444d6
--- /dev/null
+++ b/demo/react/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#20232a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#61dafb">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#61dafb"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#61dafb"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#61dafb"/>
+  <text x="22" y="153" font-size="10" fill="#61dafb" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#61dafb"/>
+  <text x="318" y="153" font-size="10" fill="#61dafb" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#61dafb"/>
+  <text x="22" y="132" font-size="10" fill="#61dafb" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#61dafb"/>
+  <text x="318" y="132" font-size="10" fill="#61dafb" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#61dafb"/>
+  <text x="22" y="111" font-size="10" fill="#61dafb" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#61dafb"/>
+  <text x="318" y="111" font-size="10" fill="#61dafb" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#61dafb"/>
+  <text x="22" y="90" font-size="10" fill="#61dafb" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#61dafb"/>
+  <text x="318" y="90" font-size="10" fill="#61dafb" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#61dafb"/>
+  <text x="22" y="69" font-size="10" fill="#61dafb" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#61dafb"/>
+  <text x="318" y="69" font-size="10" fill="#61dafb" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#61dafb"/>
+  <text x="22" y="48" font-size="10" fill="#61dafb" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#61dafb"/>
+  <text x="318" y="48" font-size="10" fill="#61dafb" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#61dafb"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#61dafb"/>
+  <text x="28" y="166" font-size="10" fill="#61dafb" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#61dafb"/>
+  <text x="82" y="166" font-size="10" fill="#61dafb" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#61dafb"/>
+  <text x="137" y="166" font-size="10" fill="#61dafb" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#61dafb"/>
+  <text x="191" y="166" font-size="10" fill="#61dafb" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#61dafb"/>
+  <text x="246" y="166" font-size="10" fill="#61dafb" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#61dafb"/>
+  <text x="312" y="166" font-size="10" fill="#61dafb" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#61dafb" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#61dafb" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#61dafb" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/react/contributions.svg b/demo/react/contributions.svg
new file mode 100644
index 00000000..b3901a89
--- /dev/null
+++ b/demo/react/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#20232a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#61dafb">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#61dafb"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#61dafb"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#61dafb"/>
+  <text x="22" y="153" font-size="10" fill="#61dafb" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#61dafb"/>
+  <text x="318" y="153" font-size="10" fill="#61dafb" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#61dafb"/>
+  <text x="22" y="132" font-size="10" fill="#61dafb" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#61dafb"/>
+  <text x="318" y="132" font-size="10" fill="#61dafb" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#61dafb"/>
+  <text x="22" y="111" font-size="10" fill="#61dafb" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#61dafb"/>
+  <text x="318" y="111" font-size="10" fill="#61dafb" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#61dafb"/>
+  <text x="22" y="90" font-size="10" fill="#61dafb" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#61dafb"/>
+  <text x="318" y="90" font-size="10" fill="#61dafb" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#61dafb"/>
+  <text x="22" y="69" font-size="10" fill="#61dafb" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#61dafb"/>
+  <text x="318" y="69" font-size="10" fill="#61dafb" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#61dafb"/>
+  <text x="22" y="48" font-size="10" fill="#61dafb" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#61dafb"/>
+  <text x="318" y="48" font-size="10" fill="#61dafb" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#61dafb"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#61dafb"/>
+  <text x="28" y="166" font-size="10" fill="#61dafb" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#61dafb"/>
+  <text x="75" y="166" font-size="10" fill="#61dafb" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#61dafb"/>
+  <text x="122" y="166" font-size="10" fill="#61dafb" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#61dafb"/>
+  <text x="170" y="166" font-size="10" fill="#61dafb" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#61dafb"/>
+  <text x="217" y="166" font-size="10" fill="#61dafb" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#61dafb"/>
+  <text x="264" y="166" font-size="10" fill="#61dafb" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#61dafb"/>
+  <text x="312" y="166" font-size="10" fill="#61dafb" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#61dafb" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#61dafb" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#61dafb" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/react/most-commit-language-all-time.svg b/demo/react/most-commit-language-all-time.svg
new file mode 100644
index 00000000..87dbbc73
--- /dev/null
+++ b/demo/react/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#20232a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#61dafb">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#61dafb" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#20232a" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#20232a" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#20232a" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#20232a" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#61dafb" stroke="#20232a" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/react/most-commit-language.svg b/demo/react/most-commit-language.svg
new file mode 100644
index 00000000..0c99f992
--- /dev/null
+++ b/demo/react/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#20232a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#61dafb">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#61dafb" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#20232a" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#20232a" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#20232a" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#20232a" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#61dafb" stroke="#20232a" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/react/productive-time-all-time.svg b/demo/react/productive-time-all-time.svg
new file mode 100644
index 00000000..bec5b097
--- /dev/null
+++ b/demo/react/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#20232a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#61dafb">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#61dafb"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#61dafb"/>
+  <text x="29" y="158" font-size="10" fill="#61dafb" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#61dafb"/>
+  <text x="29" y="140" font-size="10" fill="#61dafb" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#61dafb"/>
+  <text x="29" y="122" font-size="10" fill="#61dafb" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#61dafb"/>
+  <text x="29" y="103" font-size="10" fill="#61dafb" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#61dafb"/>
+  <text x="29" y="85" font-size="10" fill="#61dafb" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#61dafb"/>
+  <text x="29" y="67" font-size="10" fill="#61dafb" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#61dafb"/>
+  <text x="29" y="48" font-size="10" fill="#61dafb" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#61dafb"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#61dafb"/>
+  <text x="40" y="171" font-size="10" fill="#61dafb" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#61dafb"/>
+  <text x="113" y="171" font-size="10" fill="#61dafb" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#61dafb"/>
+  <text x="186" y="171" font-size="10" fill="#61dafb" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#61dafb"/>
+  <text x="258" y="171" font-size="10" fill="#61dafb" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#61dafb"/>
+  <text x="319" y="171" font-size="10" fill="#61dafb" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#61dafb"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#61dafb"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#61dafb"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#61dafb"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#61dafb"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#61dafb"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#61dafb"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#61dafb"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#61dafb"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#61dafb"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#61dafb"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#61dafb"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#61dafb"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#61dafb"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#61dafb"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#61dafb"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#61dafb"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#61dafb"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#61dafb"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#61dafb"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#61dafb"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#61dafb"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#61dafb"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#61dafb"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#61dafb" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/react/productive-time.svg b/demo/react/productive-time.svg
new file mode 100644
index 00000000..4d388521
--- /dev/null
+++ b/demo/react/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#20232a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#61dafb">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#61dafb"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#61dafb"/>
+  <text x="29" y="158" font-size="10" fill="#61dafb" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#61dafb"/>
+  <text x="29" y="131" font-size="10" fill="#61dafb" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#61dafb"/>
+  <text x="29" y="103" font-size="10" fill="#61dafb" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#61dafb"/>
+  <text x="29" y="76" font-size="10" fill="#61dafb" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#61dafb"/>
+  <text x="29" y="48" font-size="10" fill="#61dafb" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#61dafb"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#61dafb"/>
+  <text x="40" y="171" font-size="10" fill="#61dafb" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#61dafb"/>
+  <text x="113" y="171" font-size="10" fill="#61dafb" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#61dafb"/>
+  <text x="186" y="171" font-size="10" fill="#61dafb" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#61dafb"/>
+  <text x="258" y="171" font-size="10" fill="#61dafb" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#61dafb"/>
+  <text x="319" y="171" font-size="10" fill="#61dafb" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#61dafb"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#61dafb"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#61dafb"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#61dafb"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#61dafb"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#61dafb"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#61dafb"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#61dafb"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#61dafb"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#61dafb"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#61dafb"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#61dafb"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#61dafb"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#61dafb"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#61dafb"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#61dafb"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#61dafb"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#61dafb"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#61dafb"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#61dafb"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#61dafb"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#61dafb"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#61dafb"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#61dafb"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#61dafb" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/react/profile-details.svg b/demo/react/profile-details.svg
new file mode 100644
index 00000000..d6b5dec6
--- /dev/null
+++ b/demo/react/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#20232a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#61dafb">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#61dafb"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffffff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#61dafb"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffffff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#61dafb"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffffff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#61dafb"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffffff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#61dafb"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffffff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#61dafb"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffffff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/react/repos-per-language.svg b/demo/react/repos-per-language.svg
new file mode 100644
index 00000000..0acb3988
--- /dev/null
+++ b/demo/react/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#20232a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#61dafb">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#61dafb" stroke="#20232a" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#20232a" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#20232a" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#20232a" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#20232a" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#61dafb" stroke="#20232a" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/react/stats.svg b/demo/react/stats.svg
new file mode 100644
index 00000000..caa701c6
--- /dev/null
+++ b/demo/react/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#20232a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#61dafb">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#61dafb"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffffff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#61dafb" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#61dafb"><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="#61dafb" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#61dafb"><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="#61dafb" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#61dafb"><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="#61dafb" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#61dafb"><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="#61dafb" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#61dafb"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffffff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#61dafb" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#61dafb"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffffff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#61dafb" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/rose_pine/contributions-all-time.svg b/demo/rose_pine/contributions-all-time.svg
new file mode 100644
index 00000000..4dba645c
--- /dev/null
+++ b/demo/rose_pine/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191724" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9ccfd8">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ebbcba"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ebbcba"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ebbcba"/>
+  <text x="22" y="153" font-size="10" fill="#ebbcba" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ebbcba"/>
+  <text x="318" y="153" font-size="10" fill="#ebbcba" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ebbcba"/>
+  <text x="22" y="132" font-size="10" fill="#ebbcba" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ebbcba"/>
+  <text x="318" y="132" font-size="10" fill="#ebbcba" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ebbcba"/>
+  <text x="22" y="111" font-size="10" fill="#ebbcba" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ebbcba"/>
+  <text x="318" y="111" font-size="10" fill="#ebbcba" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ebbcba"/>
+  <text x="22" y="90" font-size="10" fill="#ebbcba" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ebbcba"/>
+  <text x="318" y="90" font-size="10" fill="#ebbcba" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ebbcba"/>
+  <text x="22" y="69" font-size="10" fill="#ebbcba" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ebbcba"/>
+  <text x="318" y="69" font-size="10" fill="#ebbcba" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ebbcba"/>
+  <text x="22" y="48" font-size="10" fill="#ebbcba" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ebbcba"/>
+  <text x="318" y="48" font-size="10" fill="#ebbcba" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ebbcba"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ebbcba"/>
+  <text x="28" y="166" font-size="10" fill="#ebbcba" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ebbcba"/>
+  <text x="82" y="166" font-size="10" fill="#ebbcba" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ebbcba"/>
+  <text x="137" y="166" font-size="10" fill="#ebbcba" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ebbcba"/>
+  <text x="191" y="166" font-size="10" fill="#ebbcba" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ebbcba"/>
+  <text x="246" y="166" font-size="10" fill="#ebbcba" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ebbcba"/>
+  <text x="312" y="166" font-size="10" fill="#ebbcba" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#9ccfd8" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#9ccfd8" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ebbcba" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/rose_pine/contributions.svg b/demo/rose_pine/contributions.svg
new file mode 100644
index 00000000..b29e010b
--- /dev/null
+++ b/demo/rose_pine/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191724" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9ccfd8">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ebbcba"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ebbcba"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ebbcba"/>
+  <text x="22" y="153" font-size="10" fill="#ebbcba" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ebbcba"/>
+  <text x="318" y="153" font-size="10" fill="#ebbcba" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ebbcba"/>
+  <text x="22" y="132" font-size="10" fill="#ebbcba" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ebbcba"/>
+  <text x="318" y="132" font-size="10" fill="#ebbcba" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ebbcba"/>
+  <text x="22" y="111" font-size="10" fill="#ebbcba" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ebbcba"/>
+  <text x="318" y="111" font-size="10" fill="#ebbcba" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ebbcba"/>
+  <text x="22" y="90" font-size="10" fill="#ebbcba" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ebbcba"/>
+  <text x="318" y="90" font-size="10" fill="#ebbcba" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ebbcba"/>
+  <text x="22" y="69" font-size="10" fill="#ebbcba" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ebbcba"/>
+  <text x="318" y="69" font-size="10" fill="#ebbcba" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ebbcba"/>
+  <text x="22" y="48" font-size="10" fill="#ebbcba" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ebbcba"/>
+  <text x="318" y="48" font-size="10" fill="#ebbcba" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ebbcba"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ebbcba"/>
+  <text x="28" y="166" font-size="10" fill="#ebbcba" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ebbcba"/>
+  <text x="75" y="166" font-size="10" fill="#ebbcba" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ebbcba"/>
+  <text x="122" y="166" font-size="10" fill="#ebbcba" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ebbcba"/>
+  <text x="170" y="166" font-size="10" fill="#ebbcba" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ebbcba"/>
+  <text x="217" y="166" font-size="10" fill="#ebbcba" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ebbcba"/>
+  <text x="264" y="166" font-size="10" fill="#ebbcba" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ebbcba"/>
+  <text x="312" y="166" font-size="10" fill="#ebbcba" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#9ccfd8" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#9ccfd8" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ebbcba" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/rose_pine/most-commit-language-all-time.svg b/demo/rose_pine/most-commit-language-all-time.svg
new file mode 100644
index 00000000..43dc985e
--- /dev/null
+++ b/demo/rose_pine/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191724" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9ccfd8">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e0def4">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e0def4">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e0def4">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e0def4">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#9ccfd8" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e0def4">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#191724" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#191724" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#191724" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#191724" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#9ccfd8" stroke="#191724" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/rose_pine/most-commit-language.svg b/demo/rose_pine/most-commit-language.svg
new file mode 100644
index 00000000..8bca41df
--- /dev/null
+++ b/demo/rose_pine/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191724" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9ccfd8">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e0def4">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e0def4">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e0def4">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e0def4">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#9ccfd8" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e0def4">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#191724" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#191724" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#191724" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#191724" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#9ccfd8" stroke="#191724" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/rose_pine/productive-time-all-time.svg b/demo/rose_pine/productive-time-all-time.svg
new file mode 100644
index 00000000..5740f0f9
--- /dev/null
+++ b/demo/rose_pine/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191724" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9ccfd8">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ebbcba"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ebbcba"/>
+  <text x="29" y="158" font-size="10" fill="#ebbcba" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#ebbcba"/>
+  <text x="29" y="140" font-size="10" fill="#ebbcba" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#ebbcba"/>
+  <text x="29" y="122" font-size="10" fill="#ebbcba" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ebbcba"/>
+  <text x="29" y="103" font-size="10" fill="#ebbcba" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#ebbcba"/>
+  <text x="29" y="85" font-size="10" fill="#ebbcba" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#ebbcba"/>
+  <text x="29" y="67" font-size="10" fill="#ebbcba" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ebbcba"/>
+  <text x="29" y="48" font-size="10" fill="#ebbcba" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ebbcba"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ebbcba"/>
+  <text x="40" y="171" font-size="10" fill="#ebbcba" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ebbcba"/>
+  <text x="113" y="171" font-size="10" fill="#ebbcba" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ebbcba"/>
+  <text x="186" y="171" font-size="10" fill="#ebbcba" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ebbcba"/>
+  <text x="258" y="171" font-size="10" fill="#ebbcba" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ebbcba"/>
+  <text x="319" y="171" font-size="10" fill="#ebbcba" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#9ccfd8"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#9ccfd8"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#9ccfd8"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#9ccfd8"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#9ccfd8"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#9ccfd8"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#9ccfd8"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#9ccfd8"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#9ccfd8"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#9ccfd8"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#9ccfd8"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#9ccfd8"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#9ccfd8"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#9ccfd8"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#9ccfd8"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#9ccfd8"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#9ccfd8"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#9ccfd8"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#9ccfd8"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#9ccfd8"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#9ccfd8"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#9ccfd8"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#9ccfd8"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#9ccfd8"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ebbcba" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/rose_pine/productive-time.svg b/demo/rose_pine/productive-time.svg
new file mode 100644
index 00000000..258e3403
--- /dev/null
+++ b/demo/rose_pine/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191724" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9ccfd8">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ebbcba"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ebbcba"/>
+  <text x="29" y="158" font-size="10" fill="#ebbcba" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#ebbcba"/>
+  <text x="29" y="131" font-size="10" fill="#ebbcba" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ebbcba"/>
+  <text x="29" y="103" font-size="10" fill="#ebbcba" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#ebbcba"/>
+  <text x="29" y="76" font-size="10" fill="#ebbcba" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ebbcba"/>
+  <text x="29" y="48" font-size="10" fill="#ebbcba" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ebbcba"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ebbcba"/>
+  <text x="40" y="171" font-size="10" fill="#ebbcba" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ebbcba"/>
+  <text x="113" y="171" font-size="10" fill="#ebbcba" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ebbcba"/>
+  <text x="186" y="171" font-size="10" fill="#ebbcba" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ebbcba"/>
+  <text x="258" y="171" font-size="10" fill="#ebbcba" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ebbcba"/>
+  <text x="319" y="171" font-size="10" fill="#ebbcba" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#9ccfd8"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#9ccfd8"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#9ccfd8"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#9ccfd8"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#9ccfd8"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#9ccfd8"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#9ccfd8"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#9ccfd8"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#9ccfd8"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#9ccfd8"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#9ccfd8"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#9ccfd8"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#9ccfd8"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#9ccfd8"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#9ccfd8"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#9ccfd8"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#9ccfd8"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#9ccfd8"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#9ccfd8"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#9ccfd8"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#9ccfd8"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#9ccfd8"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#9ccfd8"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#9ccfd8"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ebbcba" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/rose_pine/profile-details.svg b/demo/rose_pine/profile-details.svg
new file mode 100644
index 00000000..d01e3e1f
--- /dev/null
+++ b/demo/rose_pine/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191724" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9ccfd8">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ebbcba"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#e0def4">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ebbcba"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#e0def4">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ebbcba"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#e0def4">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ebbcba"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#e0def4">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ebbcba"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#e0def4">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ebbcba"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#e0def4">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/rose_pine/repos-per-language.svg b/demo/rose_pine/repos-per-language.svg
new file mode 100644
index 00000000..db5007b9
--- /dev/null
+++ b/demo/rose_pine/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191724" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9ccfd8">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e0def4">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e0def4">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e0def4">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e0def4">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#9ccfd8" stroke="#191724" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e0def4">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#191724" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#191724" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#191724" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#191724" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#9ccfd8" stroke="#191724" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/rose_pine/stats.svg b/demo/rose_pine/stats.svg
new file mode 100644
index 00000000..395653bd
--- /dev/null
+++ b/demo/rose_pine/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#191724" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#9ccfd8">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ebbcba"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#e0def4">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#9ccfd8" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#ebbcba"><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="#e0def4">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#9ccfd8" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#ebbcba"><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="#e0def4">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#9ccfd8" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#ebbcba"><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="#e0def4">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#9ccfd8" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#ebbcba"><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="#e0def4">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#9ccfd8" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ebbcba"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#e0def4">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#9ccfd8" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ebbcba"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#e0def4">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#9ccfd8" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/shades_of_purple/contributions-all-time.svg b/demo/shades_of_purple/contributions-all-time.svg
new file mode 100644
index 00000000..cb9af790
--- /dev/null
+++ b/demo/shades_of_purple/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2d2b55" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fad000">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#b362ff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#b362ff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#b362ff"/>
+  <text x="22" y="153" font-size="10" fill="#b362ff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#b362ff"/>
+  <text x="318" y="153" font-size="10" fill="#b362ff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#b362ff"/>
+  <text x="22" y="132" font-size="10" fill="#b362ff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#b362ff"/>
+  <text x="318" y="132" font-size="10" fill="#b362ff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#b362ff"/>
+  <text x="22" y="111" font-size="10" fill="#b362ff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#b362ff"/>
+  <text x="318" y="111" font-size="10" fill="#b362ff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#b362ff"/>
+  <text x="22" y="90" font-size="10" fill="#b362ff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#b362ff"/>
+  <text x="318" y="90" font-size="10" fill="#b362ff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#b362ff"/>
+  <text x="22" y="69" font-size="10" fill="#b362ff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#b362ff"/>
+  <text x="318" y="69" font-size="10" fill="#b362ff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#b362ff"/>
+  <text x="22" y="48" font-size="10" fill="#b362ff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#b362ff"/>
+  <text x="318" y="48" font-size="10" fill="#b362ff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#b362ff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#b362ff"/>
+  <text x="28" y="166" font-size="10" fill="#b362ff" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#b362ff"/>
+  <text x="82" y="166" font-size="10" fill="#b362ff" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#b362ff"/>
+  <text x="137" y="166" font-size="10" fill="#b362ff" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#b362ff"/>
+  <text x="191" y="166" font-size="10" fill="#b362ff" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#b362ff"/>
+  <text x="246" y="166" font-size="10" fill="#b362ff" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#b362ff"/>
+  <text x="312" y="166" font-size="10" fill="#b362ff" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#fad000" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#fad000" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#b362ff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/shades_of_purple/contributions.svg b/demo/shades_of_purple/contributions.svg
new file mode 100644
index 00000000..d15ce8cd
--- /dev/null
+++ b/demo/shades_of_purple/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2d2b55" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fad000">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#b362ff"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#b362ff"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#b362ff"/>
+  <text x="22" y="153" font-size="10" fill="#b362ff" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#b362ff"/>
+  <text x="318" y="153" font-size="10" fill="#b362ff" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#b362ff"/>
+  <text x="22" y="132" font-size="10" fill="#b362ff" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#b362ff"/>
+  <text x="318" y="132" font-size="10" fill="#b362ff" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#b362ff"/>
+  <text x="22" y="111" font-size="10" fill="#b362ff" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#b362ff"/>
+  <text x="318" y="111" font-size="10" fill="#b362ff" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#b362ff"/>
+  <text x="22" y="90" font-size="10" fill="#b362ff" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#b362ff"/>
+  <text x="318" y="90" font-size="10" fill="#b362ff" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#b362ff"/>
+  <text x="22" y="69" font-size="10" fill="#b362ff" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#b362ff"/>
+  <text x="318" y="69" font-size="10" fill="#b362ff" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#b362ff"/>
+  <text x="22" y="48" font-size="10" fill="#b362ff" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#b362ff"/>
+  <text x="318" y="48" font-size="10" fill="#b362ff" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#b362ff"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#b362ff"/>
+  <text x="28" y="166" font-size="10" fill="#b362ff" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#b362ff"/>
+  <text x="75" y="166" font-size="10" fill="#b362ff" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#b362ff"/>
+  <text x="122" y="166" font-size="10" fill="#b362ff" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#b362ff"/>
+  <text x="170" y="166" font-size="10" fill="#b362ff" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#b362ff"/>
+  <text x="217" y="166" font-size="10" fill="#b362ff" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#b362ff"/>
+  <text x="264" y="166" font-size="10" fill="#b362ff" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#b362ff"/>
+  <text x="312" y="166" font-size="10" fill="#b362ff" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#fad000" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#fad000" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#b362ff" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/shades_of_purple/most-commit-language-all-time.svg b/demo/shades_of_purple/most-commit-language-all-time.svg
new file mode 100644
index 00000000..38a2bf14
--- /dev/null
+++ b/demo/shades_of_purple/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2d2b55" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fad000">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#a599e9">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#a599e9">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#a599e9">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#a599e9">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#fad000" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#a599e9">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2d2b55" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#2d2b55" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#2d2b55" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#2d2b55" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#fad000" stroke="#2d2b55" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/shades_of_purple/most-commit-language.svg b/demo/shades_of_purple/most-commit-language.svg
new file mode 100644
index 00000000..4244d74a
--- /dev/null
+++ b/demo/shades_of_purple/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2d2b55" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fad000">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#a599e9">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#a599e9">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#a599e9">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#a599e9">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#fad000" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#a599e9">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2d2b55" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#2d2b55" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#2d2b55" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#2d2b55" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#fad000" stroke="#2d2b55" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/shades_of_purple/productive-time-all-time.svg b/demo/shades_of_purple/productive-time-all-time.svg
new file mode 100644
index 00000000..6564f38e
--- /dev/null
+++ b/demo/shades_of_purple/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2d2b55" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fad000">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#b362ff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#b362ff"/>
+  <text x="29" y="158" font-size="10" fill="#b362ff" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#b362ff"/>
+  <text x="29" y="140" font-size="10" fill="#b362ff" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#b362ff"/>
+  <text x="29" y="122" font-size="10" fill="#b362ff" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#b362ff"/>
+  <text x="29" y="103" font-size="10" fill="#b362ff" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#b362ff"/>
+  <text x="29" y="85" font-size="10" fill="#b362ff" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#b362ff"/>
+  <text x="29" y="67" font-size="10" fill="#b362ff" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#b362ff"/>
+  <text x="29" y="48" font-size="10" fill="#b362ff" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#b362ff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#b362ff"/>
+  <text x="40" y="171" font-size="10" fill="#b362ff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#b362ff"/>
+  <text x="113" y="171" font-size="10" fill="#b362ff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#b362ff"/>
+  <text x="186" y="171" font-size="10" fill="#b362ff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#b362ff"/>
+  <text x="258" y="171" font-size="10" fill="#b362ff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#b362ff"/>
+  <text x="319" y="171" font-size="10" fill="#b362ff" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#fad000"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#fad000"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#fad000"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#fad000"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#fad000"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#fad000"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#fad000"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#fad000"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#fad000"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#fad000"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#fad000"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#fad000"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#fad000"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#fad000"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#fad000"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#fad000"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#fad000"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#fad000"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#fad000"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#fad000"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#fad000"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#fad000"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#fad000"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#fad000"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#b362ff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/shades_of_purple/productive-time.svg b/demo/shades_of_purple/productive-time.svg
new file mode 100644
index 00000000..6d378fd4
--- /dev/null
+++ b/demo/shades_of_purple/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2d2b55" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fad000">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#b362ff"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#b362ff"/>
+  <text x="29" y="158" font-size="10" fill="#b362ff" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#b362ff"/>
+  <text x="29" y="131" font-size="10" fill="#b362ff" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#b362ff"/>
+  <text x="29" y="103" font-size="10" fill="#b362ff" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#b362ff"/>
+  <text x="29" y="76" font-size="10" fill="#b362ff" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#b362ff"/>
+  <text x="29" y="48" font-size="10" fill="#b362ff" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#b362ff"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#b362ff"/>
+  <text x="40" y="171" font-size="10" fill="#b362ff" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#b362ff"/>
+  <text x="113" y="171" font-size="10" fill="#b362ff" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#b362ff"/>
+  <text x="186" y="171" font-size="10" fill="#b362ff" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#b362ff"/>
+  <text x="258" y="171" font-size="10" fill="#b362ff" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#b362ff"/>
+  <text x="319" y="171" font-size="10" fill="#b362ff" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#fad000"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#fad000"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#fad000"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#fad000"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#fad000"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#fad000"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#fad000"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#fad000"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#fad000"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#fad000"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#fad000"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#fad000"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#fad000"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#fad000"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#fad000"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#fad000"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#fad000"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#fad000"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#fad000"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#fad000"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#fad000"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#fad000"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#fad000"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#fad000"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#b362ff" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/shades_of_purple/profile-details.svg b/demo/shades_of_purple/profile-details.svg
new file mode 100644
index 00000000..7ebabd97
--- /dev/null
+++ b/demo/shades_of_purple/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2d2b55" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fad000">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#b362ff"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#a599e9">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#b362ff"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#a599e9">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#b362ff"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#a599e9">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#b362ff"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#a599e9">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#b362ff"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#a599e9">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#b362ff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#a599e9">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/shades_of_purple/repos-per-language.svg b/demo/shades_of_purple/repos-per-language.svg
new file mode 100644
index 00000000..b4fec532
--- /dev/null
+++ b/demo/shades_of_purple/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2d2b55" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fad000">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#a599e9">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#a599e9">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#a599e9">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#a599e9">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#fad000" stroke="#2d2b55" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#a599e9">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2d2b55" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#2d2b55" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#2d2b55" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#2d2b55" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#fad000" stroke="#2d2b55" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/shades_of_purple/stats.svg b/demo/shades_of_purple/stats.svg
new file mode 100644
index 00000000..6bb2aea4
--- /dev/null
+++ b/demo/shades_of_purple/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2d2b55" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#fad000">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#b362ff"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#a599e9">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#fad000" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#b362ff"><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="#a599e9">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#fad000" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#b362ff"><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="#a599e9">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#fad000" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#b362ff"><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="#a599e9">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#fad000" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#b362ff"><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="#a599e9">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#fad000" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#b362ff"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#a599e9">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#fad000" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#b362ff"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#a599e9">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#fad000" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/slateorange/contributions-all-time.svg b/demo/slateorange/contributions-all-time.svg
new file mode 100644
index 00000000..16116943
--- /dev/null
+++ b/demo/slateorange/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#36393f" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#faa627">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#faa627"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#faa627"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#faa627"/>
+  <text x="22" y="153" font-size="10" fill="#faa627" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#faa627"/>
+  <text x="318" y="153" font-size="10" fill="#faa627" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#faa627"/>
+  <text x="22" y="132" font-size="10" fill="#faa627" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#faa627"/>
+  <text x="318" y="132" font-size="10" fill="#faa627" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#faa627"/>
+  <text x="22" y="111" font-size="10" fill="#faa627" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#faa627"/>
+  <text x="318" y="111" font-size="10" fill="#faa627" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#faa627"/>
+  <text x="22" y="90" font-size="10" fill="#faa627" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#faa627"/>
+  <text x="318" y="90" font-size="10" fill="#faa627" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#faa627"/>
+  <text x="22" y="69" font-size="10" fill="#faa627" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#faa627"/>
+  <text x="318" y="69" font-size="10" fill="#faa627" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#faa627"/>
+  <text x="22" y="48" font-size="10" fill="#faa627" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#faa627"/>
+  <text x="318" y="48" font-size="10" fill="#faa627" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#faa627"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#faa627"/>
+  <text x="28" y="166" font-size="10" fill="#faa627" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#faa627"/>
+  <text x="82" y="166" font-size="10" fill="#faa627" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#faa627"/>
+  <text x="137" y="166" font-size="10" fill="#faa627" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#faa627"/>
+  <text x="191" y="166" font-size="10" fill="#faa627" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#faa627"/>
+  <text x="246" y="166" font-size="10" fill="#faa627" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#faa627"/>
+  <text x="312" y="166" font-size="10" fill="#faa627" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#faa627" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#faa627" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#faa627" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/slateorange/contributions.svg b/demo/slateorange/contributions.svg
new file mode 100644
index 00000000..69884f20
--- /dev/null
+++ b/demo/slateorange/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#36393f" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#faa627">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#faa627"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#faa627"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#faa627"/>
+  <text x="22" y="153" font-size="10" fill="#faa627" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#faa627"/>
+  <text x="318" y="153" font-size="10" fill="#faa627" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#faa627"/>
+  <text x="22" y="132" font-size="10" fill="#faa627" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#faa627"/>
+  <text x="318" y="132" font-size="10" fill="#faa627" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#faa627"/>
+  <text x="22" y="111" font-size="10" fill="#faa627" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#faa627"/>
+  <text x="318" y="111" font-size="10" fill="#faa627" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#faa627"/>
+  <text x="22" y="90" font-size="10" fill="#faa627" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#faa627"/>
+  <text x="318" y="90" font-size="10" fill="#faa627" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#faa627"/>
+  <text x="22" y="69" font-size="10" fill="#faa627" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#faa627"/>
+  <text x="318" y="69" font-size="10" fill="#faa627" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#faa627"/>
+  <text x="22" y="48" font-size="10" fill="#faa627" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#faa627"/>
+  <text x="318" y="48" font-size="10" fill="#faa627" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#faa627"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#faa627"/>
+  <text x="28" y="166" font-size="10" fill="#faa627" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#faa627"/>
+  <text x="75" y="166" font-size="10" fill="#faa627" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#faa627"/>
+  <text x="122" y="166" font-size="10" fill="#faa627" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#faa627"/>
+  <text x="170" y="166" font-size="10" fill="#faa627" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#faa627"/>
+  <text x="217" y="166" font-size="10" fill="#faa627" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#faa627"/>
+  <text x="264" y="166" font-size="10" fill="#faa627" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#faa627"/>
+  <text x="312" y="166" font-size="10" fill="#faa627" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#faa627" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#faa627" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#faa627" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/slateorange/most-commit-language-all-time.svg b/demo/slateorange/most-commit-language-all-time.svg
new file mode 100644
index 00000000..b5001f30
--- /dev/null
+++ b/demo/slateorange/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#36393f" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#faa627">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#faa627" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#36393f" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#36393f" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#36393f" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#36393f" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#faa627" stroke="#36393f" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/slateorange/most-commit-language.svg b/demo/slateorange/most-commit-language.svg
new file mode 100644
index 00000000..842a9035
--- /dev/null
+++ b/demo/slateorange/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#36393f" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#faa627">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#faa627" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#36393f" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#36393f" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#36393f" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#36393f" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#faa627" stroke="#36393f" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/slateorange/productive-time-all-time.svg b/demo/slateorange/productive-time-all-time.svg
new file mode 100644
index 00000000..b425f1b3
--- /dev/null
+++ b/demo/slateorange/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#36393f" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#faa627">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#faa627"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#faa627"/>
+  <text x="29" y="158" font-size="10" fill="#faa627" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#faa627"/>
+  <text x="29" y="140" font-size="10" fill="#faa627" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#faa627"/>
+  <text x="29" y="122" font-size="10" fill="#faa627" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#faa627"/>
+  <text x="29" y="103" font-size="10" fill="#faa627" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#faa627"/>
+  <text x="29" y="85" font-size="10" fill="#faa627" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#faa627"/>
+  <text x="29" y="67" font-size="10" fill="#faa627" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#faa627"/>
+  <text x="29" y="48" font-size="10" fill="#faa627" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#faa627"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#faa627"/>
+  <text x="40" y="171" font-size="10" fill="#faa627" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#faa627"/>
+  <text x="113" y="171" font-size="10" fill="#faa627" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#faa627"/>
+  <text x="186" y="171" font-size="10" fill="#faa627" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#faa627"/>
+  <text x="258" y="171" font-size="10" fill="#faa627" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#faa627"/>
+  <text x="319" y="171" font-size="10" fill="#faa627" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#faa627"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#faa627"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#faa627"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#faa627"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#faa627"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#faa627"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#faa627"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#faa627"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#faa627"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#faa627"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#faa627"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#faa627"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#faa627"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#faa627"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#faa627"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#faa627"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#faa627"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#faa627"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#faa627"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#faa627"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#faa627"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#faa627"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#faa627"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#faa627"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#faa627" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/slateorange/productive-time.svg b/demo/slateorange/productive-time.svg
new file mode 100644
index 00000000..e7aa62b6
--- /dev/null
+++ b/demo/slateorange/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#36393f" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#faa627">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#faa627"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#faa627"/>
+  <text x="29" y="158" font-size="10" fill="#faa627" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#faa627"/>
+  <text x="29" y="131" font-size="10" fill="#faa627" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#faa627"/>
+  <text x="29" y="103" font-size="10" fill="#faa627" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#faa627"/>
+  <text x="29" y="76" font-size="10" fill="#faa627" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#faa627"/>
+  <text x="29" y="48" font-size="10" fill="#faa627" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#faa627"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#faa627"/>
+  <text x="40" y="171" font-size="10" fill="#faa627" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#faa627"/>
+  <text x="113" y="171" font-size="10" fill="#faa627" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#faa627"/>
+  <text x="186" y="171" font-size="10" fill="#faa627" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#faa627"/>
+  <text x="258" y="171" font-size="10" fill="#faa627" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#faa627"/>
+  <text x="319" y="171" font-size="10" fill="#faa627" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#faa627"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#faa627"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#faa627"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#faa627"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#faa627"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#faa627"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#faa627"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#faa627"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#faa627"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#faa627"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#faa627"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#faa627"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#faa627"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#faa627"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#faa627"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#faa627"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#faa627"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#faa627"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#faa627"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#faa627"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#faa627"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#faa627"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#faa627"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#faa627"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#faa627" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/slateorange/profile-details.svg b/demo/slateorange/profile-details.svg
new file mode 100644
index 00000000..027968e9
--- /dev/null
+++ b/demo/slateorange/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#36393f" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#faa627">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#faa627"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffffff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#faa627"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffffff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#faa627"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffffff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#faa627"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffffff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#faa627"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffffff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#faa627"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffffff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/slateorange/repos-per-language.svg b/demo/slateorange/repos-per-language.svg
new file mode 100644
index 00000000..b0eec860
--- /dev/null
+++ b/demo/slateorange/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#36393f" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#faa627">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#faa627" stroke="#36393f" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#36393f" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#36393f" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#36393f" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#36393f" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#faa627" stroke="#36393f" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/slateorange/stats.svg b/demo/slateorange/stats.svg
new file mode 100644
index 00000000..c0d4dd26
--- /dev/null
+++ b/demo/slateorange/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#36393f" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#faa627">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#faa627"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffffff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#faa627" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#faa627"><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="#faa627" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#faa627"><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="#faa627" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#faa627"><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="#faa627" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#faa627"><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="#faa627" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#faa627"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffffff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#faa627" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#faa627"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffffff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#faa627" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized/contributions-all-time.svg b/demo/solarized/contributions-all-time.svg
new file mode 100644
index 00000000..f365f2a4
--- /dev/null
+++ b/demo/solarized/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#fdf6e3" stroke="#fdf6e3" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#b58900"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#b58900"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#b58900"/>
+  <text x="22" y="153" font-size="10" fill="#b58900" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#b58900"/>
+  <text x="318" y="153" font-size="10" fill="#b58900" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#b58900"/>
+  <text x="22" y="132" font-size="10" fill="#b58900" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#b58900"/>
+  <text x="318" y="132" font-size="10" fill="#b58900" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#b58900"/>
+  <text x="22" y="111" font-size="10" fill="#b58900" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#b58900"/>
+  <text x="318" y="111" font-size="10" fill="#b58900" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#b58900"/>
+  <text x="22" y="90" font-size="10" fill="#b58900" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#b58900"/>
+  <text x="318" y="90" font-size="10" fill="#b58900" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#b58900"/>
+  <text x="22" y="69" font-size="10" fill="#b58900" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#b58900"/>
+  <text x="318" y="69" font-size="10" fill="#b58900" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#b58900"/>
+  <text x="22" y="48" font-size="10" fill="#b58900" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#b58900"/>
+  <text x="318" y="48" font-size="10" fill="#b58900" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#b58900"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#b58900"/>
+  <text x="28" y="166" font-size="10" fill="#b58900" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#b58900"/>
+  <text x="82" y="166" font-size="10" fill="#b58900" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#b58900"/>
+  <text x="137" y="166" font-size="10" fill="#b58900" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#b58900"/>
+  <text x="191" y="166" font-size="10" fill="#b58900" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#b58900"/>
+  <text x="246" y="166" font-size="10" fill="#b58900" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#b58900"/>
+  <text x="312" y="166" font-size="10" fill="#b58900" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#859900" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#859900" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#b58900" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized/contributions.svg b/demo/solarized/contributions.svg
new file mode 100644
index 00000000..226eb345
--- /dev/null
+++ b/demo/solarized/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#fdf6e3" stroke="#fdf6e3" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#b58900"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#b58900"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#b58900"/>
+  <text x="22" y="153" font-size="10" fill="#b58900" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#b58900"/>
+  <text x="318" y="153" font-size="10" fill="#b58900" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#b58900"/>
+  <text x="22" y="132" font-size="10" fill="#b58900" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#b58900"/>
+  <text x="318" y="132" font-size="10" fill="#b58900" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#b58900"/>
+  <text x="22" y="111" font-size="10" fill="#b58900" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#b58900"/>
+  <text x="318" y="111" font-size="10" fill="#b58900" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#b58900"/>
+  <text x="22" y="90" font-size="10" fill="#b58900" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#b58900"/>
+  <text x="318" y="90" font-size="10" fill="#b58900" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#b58900"/>
+  <text x="22" y="69" font-size="10" fill="#b58900" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#b58900"/>
+  <text x="318" y="69" font-size="10" fill="#b58900" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#b58900"/>
+  <text x="22" y="48" font-size="10" fill="#b58900" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#b58900"/>
+  <text x="318" y="48" font-size="10" fill="#b58900" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#b58900"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#b58900"/>
+  <text x="28" y="166" font-size="10" fill="#b58900" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#b58900"/>
+  <text x="75" y="166" font-size="10" fill="#b58900" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#b58900"/>
+  <text x="122" y="166" font-size="10" fill="#b58900" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#b58900"/>
+  <text x="170" y="166" font-size="10" fill="#b58900" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#b58900"/>
+  <text x="217" y="166" font-size="10" fill="#b58900" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#b58900"/>
+  <text x="264" y="166" font-size="10" fill="#b58900" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#b58900"/>
+  <text x="312" y="166" font-size="10" fill="#b58900" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#859900" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#859900" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#b58900" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized/most-commit-language-all-time.svg b/demo/solarized/most-commit-language-all-time.svg
new file mode 100644
index 00000000..536a939f
--- /dev/null
+++ b/demo/solarized/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#fdf6e3" stroke="#fdf6e3" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#586e75">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#586e75">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#586e75">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#586e75">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#859900" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#586e75">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#fdf6e3" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#fdf6e3" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#fdf6e3" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#fdf6e3" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#859900" stroke="#fdf6e3" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized/most-commit-language.svg b/demo/solarized/most-commit-language.svg
new file mode 100644
index 00000000..2577167b
--- /dev/null
+++ b/demo/solarized/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#fdf6e3" stroke="#fdf6e3" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#586e75">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#586e75">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#586e75">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#586e75">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#859900" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#586e75">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#fdf6e3" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#fdf6e3" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#fdf6e3" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#fdf6e3" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#859900" stroke="#fdf6e3" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized/productive-time-all-time.svg b/demo/solarized/productive-time-all-time.svg
new file mode 100644
index 00000000..7f1880e1
--- /dev/null
+++ b/demo/solarized/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#fdf6e3" stroke="#fdf6e3" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#b58900"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#b58900"/>
+  <text x="29" y="158" font-size="10" fill="#b58900" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#b58900"/>
+  <text x="29" y="140" font-size="10" fill="#b58900" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#b58900"/>
+  <text x="29" y="122" font-size="10" fill="#b58900" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#b58900"/>
+  <text x="29" y="103" font-size="10" fill="#b58900" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#b58900"/>
+  <text x="29" y="85" font-size="10" fill="#b58900" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#b58900"/>
+  <text x="29" y="67" font-size="10" fill="#b58900" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#b58900"/>
+  <text x="29" y="48" font-size="10" fill="#b58900" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#b58900"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#b58900"/>
+  <text x="40" y="171" font-size="10" fill="#b58900" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#b58900"/>
+  <text x="113" y="171" font-size="10" fill="#b58900" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#b58900"/>
+  <text x="186" y="171" font-size="10" fill="#b58900" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#b58900"/>
+  <text x="258" y="171" font-size="10" fill="#b58900" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#b58900"/>
+  <text x="319" y="171" font-size="10" fill="#b58900" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#859900"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#859900"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#859900"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#859900"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#859900"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#859900"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#859900"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#859900"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#859900"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#859900"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#859900"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#859900"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#859900"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#859900"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#859900"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#859900"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#859900"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#859900"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#859900"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#859900"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#859900"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#859900"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#859900"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#859900"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#b58900" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized/productive-time.svg b/demo/solarized/productive-time.svg
new file mode 100644
index 00000000..c999033f
--- /dev/null
+++ b/demo/solarized/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#fdf6e3" stroke="#fdf6e3" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#b58900"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#b58900"/>
+  <text x="29" y="158" font-size="10" fill="#b58900" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#b58900"/>
+  <text x="29" y="131" font-size="10" fill="#b58900" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#b58900"/>
+  <text x="29" y="103" font-size="10" fill="#b58900" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#b58900"/>
+  <text x="29" y="76" font-size="10" fill="#b58900" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#b58900"/>
+  <text x="29" y="48" font-size="10" fill="#b58900" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#b58900"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#b58900"/>
+  <text x="40" y="171" font-size="10" fill="#b58900" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#b58900"/>
+  <text x="113" y="171" font-size="10" fill="#b58900" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#b58900"/>
+  <text x="186" y="171" font-size="10" fill="#b58900" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#b58900"/>
+  <text x="258" y="171" font-size="10" fill="#b58900" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#b58900"/>
+  <text x="319" y="171" font-size="10" fill="#b58900" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#859900"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#859900"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#859900"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#859900"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#859900"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#859900"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#859900"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#859900"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#859900"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#859900"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#859900"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#859900"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#859900"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#859900"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#859900"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#859900"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#859900"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#859900"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#859900"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#859900"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#859900"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#859900"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#859900"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#859900"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#b58900" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized/profile-details.svg b/demo/solarized/profile-details.svg
new file mode 100644
index 00000000..8e42ef75
--- /dev/null
+++ b/demo/solarized/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#fdf6e3" stroke="#fdf6e3" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#586e75">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#586e75">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#586e75">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#586e75">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#586e75">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#586e75">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized/repos-per-language.svg b/demo/solarized/repos-per-language.svg
new file mode 100644
index 00000000..001b6d63
--- /dev/null
+++ b/demo/solarized/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#fdf6e3" stroke="#fdf6e3" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#586e75">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#586e75">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#586e75">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#586e75">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#859900" stroke="#fdf6e3" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#586e75">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#fdf6e3" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#fdf6e3" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#fdf6e3" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#fdf6e3" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#859900" stroke="#fdf6e3" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized/stats.svg b/demo/solarized/stats.svg
new file mode 100644
index 00000000..67ea5570
--- /dev/null
+++ b/demo/solarized/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#fdf6e3" stroke="#fdf6e3" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#586e75">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#859900" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#b58900"><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="#586e75">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#859900" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#b58900"><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="#586e75">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#859900" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#b58900"><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="#586e75">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#859900" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#b58900"><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="#586e75">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#859900" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#586e75">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#859900" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#586e75">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#859900" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized_dark/contributions-all-time.svg b/demo/solarized_dark/contributions-all-time.svg
new file mode 100644
index 00000000..f1feb965
--- /dev/null
+++ b/demo/solarized_dark/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#073642" stroke="#073642" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#b58900"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#b58900"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#b58900"/>
+  <text x="22" y="153" font-size="10" fill="#b58900" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#b58900"/>
+  <text x="318" y="153" font-size="10" fill="#b58900" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#b58900"/>
+  <text x="22" y="132" font-size="10" fill="#b58900" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#b58900"/>
+  <text x="318" y="132" font-size="10" fill="#b58900" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#b58900"/>
+  <text x="22" y="111" font-size="10" fill="#b58900" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#b58900"/>
+  <text x="318" y="111" font-size="10" fill="#b58900" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#b58900"/>
+  <text x="22" y="90" font-size="10" fill="#b58900" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#b58900"/>
+  <text x="318" y="90" font-size="10" fill="#b58900" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#b58900"/>
+  <text x="22" y="69" font-size="10" fill="#b58900" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#b58900"/>
+  <text x="318" y="69" font-size="10" fill="#b58900" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#b58900"/>
+  <text x="22" y="48" font-size="10" fill="#b58900" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#b58900"/>
+  <text x="318" y="48" font-size="10" fill="#b58900" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#b58900"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#b58900"/>
+  <text x="28" y="166" font-size="10" fill="#b58900" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#b58900"/>
+  <text x="82" y="166" font-size="10" fill="#b58900" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#b58900"/>
+  <text x="137" y="166" font-size="10" fill="#b58900" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#b58900"/>
+  <text x="191" y="166" font-size="10" fill="#b58900" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#b58900"/>
+  <text x="246" y="166" font-size="10" fill="#b58900" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#b58900"/>
+  <text x="312" y="166" font-size="10" fill="#b58900" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#859900" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#859900" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#b58900" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized_dark/contributions.svg b/demo/solarized_dark/contributions.svg
new file mode 100644
index 00000000..dceb0d45
--- /dev/null
+++ b/demo/solarized_dark/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#073642" stroke="#073642" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#b58900"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#b58900"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#b58900"/>
+  <text x="22" y="153" font-size="10" fill="#b58900" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#b58900"/>
+  <text x="318" y="153" font-size="10" fill="#b58900" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#b58900"/>
+  <text x="22" y="132" font-size="10" fill="#b58900" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#b58900"/>
+  <text x="318" y="132" font-size="10" fill="#b58900" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#b58900"/>
+  <text x="22" y="111" font-size="10" fill="#b58900" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#b58900"/>
+  <text x="318" y="111" font-size="10" fill="#b58900" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#b58900"/>
+  <text x="22" y="90" font-size="10" fill="#b58900" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#b58900"/>
+  <text x="318" y="90" font-size="10" fill="#b58900" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#b58900"/>
+  <text x="22" y="69" font-size="10" fill="#b58900" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#b58900"/>
+  <text x="318" y="69" font-size="10" fill="#b58900" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#b58900"/>
+  <text x="22" y="48" font-size="10" fill="#b58900" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#b58900"/>
+  <text x="318" y="48" font-size="10" fill="#b58900" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#b58900"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#b58900"/>
+  <text x="28" y="166" font-size="10" fill="#b58900" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#b58900"/>
+  <text x="75" y="166" font-size="10" fill="#b58900" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#b58900"/>
+  <text x="122" y="166" font-size="10" fill="#b58900" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#b58900"/>
+  <text x="170" y="166" font-size="10" fill="#b58900" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#b58900"/>
+  <text x="217" y="166" font-size="10" fill="#b58900" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#b58900"/>
+  <text x="264" y="166" font-size="10" fill="#b58900" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#b58900"/>
+  <text x="312" y="166" font-size="10" fill="#b58900" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#859900" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#859900" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#b58900" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized_dark/most-commit-language-all-time.svg b/demo/solarized_dark/most-commit-language-all-time.svg
new file mode 100644
index 00000000..efb08e25
--- /dev/null
+++ b/demo/solarized_dark/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#073642" stroke="#073642" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#839496">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#839496">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#839496">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#839496">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#859900" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#839496">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#073642" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#073642" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#073642" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#073642" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#859900" stroke="#073642" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized_dark/most-commit-language.svg b/demo/solarized_dark/most-commit-language.svg
new file mode 100644
index 00000000..6d704cb8
--- /dev/null
+++ b/demo/solarized_dark/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#073642" stroke="#073642" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#839496">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#839496">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#839496">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#839496">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#859900" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#839496">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#073642" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#073642" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#073642" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#073642" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#859900" stroke="#073642" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized_dark/productive-time-all-time.svg b/demo/solarized_dark/productive-time-all-time.svg
new file mode 100644
index 00000000..c577d2de
--- /dev/null
+++ b/demo/solarized_dark/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#073642" stroke="#073642" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#b58900"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#b58900"/>
+  <text x="29" y="158" font-size="10" fill="#b58900" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#b58900"/>
+  <text x="29" y="140" font-size="10" fill="#b58900" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#b58900"/>
+  <text x="29" y="122" font-size="10" fill="#b58900" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#b58900"/>
+  <text x="29" y="103" font-size="10" fill="#b58900" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#b58900"/>
+  <text x="29" y="85" font-size="10" fill="#b58900" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#b58900"/>
+  <text x="29" y="67" font-size="10" fill="#b58900" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#b58900"/>
+  <text x="29" y="48" font-size="10" fill="#b58900" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#b58900"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#b58900"/>
+  <text x="40" y="171" font-size="10" fill="#b58900" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#b58900"/>
+  <text x="113" y="171" font-size="10" fill="#b58900" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#b58900"/>
+  <text x="186" y="171" font-size="10" fill="#b58900" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#b58900"/>
+  <text x="258" y="171" font-size="10" fill="#b58900" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#b58900"/>
+  <text x="319" y="171" font-size="10" fill="#b58900" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#859900"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#859900"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#859900"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#859900"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#859900"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#859900"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#859900"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#859900"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#859900"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#859900"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#859900"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#859900"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#859900"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#859900"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#859900"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#859900"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#859900"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#859900"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#859900"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#859900"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#859900"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#859900"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#859900"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#859900"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#b58900" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized_dark/productive-time.svg b/demo/solarized_dark/productive-time.svg
new file mode 100644
index 00000000..8064acec
--- /dev/null
+++ b/demo/solarized_dark/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#073642" stroke="#073642" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#b58900"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#b58900"/>
+  <text x="29" y="158" font-size="10" fill="#b58900" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#b58900"/>
+  <text x="29" y="131" font-size="10" fill="#b58900" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#b58900"/>
+  <text x="29" y="103" font-size="10" fill="#b58900" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#b58900"/>
+  <text x="29" y="76" font-size="10" fill="#b58900" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#b58900"/>
+  <text x="29" y="48" font-size="10" fill="#b58900" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#b58900"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#b58900"/>
+  <text x="40" y="171" font-size="10" fill="#b58900" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#b58900"/>
+  <text x="113" y="171" font-size="10" fill="#b58900" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#b58900"/>
+  <text x="186" y="171" font-size="10" fill="#b58900" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#b58900"/>
+  <text x="258" y="171" font-size="10" fill="#b58900" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#b58900"/>
+  <text x="319" y="171" font-size="10" fill="#b58900" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#859900"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#859900"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#859900"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#859900"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#859900"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#859900"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#859900"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#859900"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#859900"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#859900"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#859900"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#859900"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#859900"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#859900"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#859900"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#859900"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#859900"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#859900"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#859900"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#859900"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#859900"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#859900"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#859900"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#859900"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#b58900" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized_dark/profile-details.svg b/demo/solarized_dark/profile-details.svg
new file mode 100644
index 00000000..19a45909
--- /dev/null
+++ b/demo/solarized_dark/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#073642" stroke="#073642" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#839496">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#839496">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#839496">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#839496">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#839496">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#839496">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized_dark/repos-per-language.svg b/demo/solarized_dark/repos-per-language.svg
new file mode 100644
index 00000000..e823f90a
--- /dev/null
+++ b/demo/solarized_dark/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#073642" stroke="#073642" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#839496">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#839496">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#839496">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#839496">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#859900" stroke="#073642" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#839496">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#073642" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#073642" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#073642" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#073642" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#859900" stroke="#073642" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/solarized_dark/stats.svg b/demo/solarized_dark/stats.svg
new file mode 100644
index 00000000..7aac3304
--- /dev/null
+++ b/demo/solarized_dark/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#073642" stroke="#073642" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#268bd2">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#839496">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#859900" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#b58900"><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="#839496">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#859900" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#b58900"><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="#839496">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#859900" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#b58900"><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="#839496">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#859900" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#b58900"><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="#839496">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#859900" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#839496">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#859900" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#b58900"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#839496">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#859900" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/swift/contributions-all-time.svg b/demo/swift/contributions-all-time.svg
new file mode 100644
index 00000000..879eeaa2
--- /dev/null
+++ b/demo/swift/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f7f7f7" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#000000">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#f05237"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#f05237"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#f05237"/>
+  <text x="22" y="153" font-size="10" fill="#f05237" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#f05237"/>
+  <text x="318" y="153" font-size="10" fill="#f05237" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#f05237"/>
+  <text x="22" y="132" font-size="10" fill="#f05237" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#f05237"/>
+  <text x="318" y="132" font-size="10" fill="#f05237" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#f05237"/>
+  <text x="22" y="111" font-size="10" fill="#f05237" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#f05237"/>
+  <text x="318" y="111" font-size="10" fill="#f05237" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#f05237"/>
+  <text x="22" y="90" font-size="10" fill="#f05237" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#f05237"/>
+  <text x="318" y="90" font-size="10" fill="#f05237" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#f05237"/>
+  <text x="22" y="69" font-size="10" fill="#f05237" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#f05237"/>
+  <text x="318" y="69" font-size="10" fill="#f05237" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#f05237"/>
+  <text x="22" y="48" font-size="10" fill="#f05237" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#f05237"/>
+  <text x="318" y="48" font-size="10" fill="#f05237" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#f05237"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#f05237"/>
+  <text x="28" y="166" font-size="10" fill="#f05237" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#f05237"/>
+  <text x="82" y="166" font-size="10" fill="#f05237" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#f05237"/>
+  <text x="137" y="166" font-size="10" fill="#f05237" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#f05237"/>
+  <text x="191" y="166" font-size="10" fill="#f05237" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#f05237"/>
+  <text x="246" y="166" font-size="10" fill="#f05237" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#f05237"/>
+  <text x="312" y="166" font-size="10" fill="#f05237" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#000000" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#000000" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#f05237" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/swift/contributions.svg b/demo/swift/contributions.svg
new file mode 100644
index 00000000..a2253c17
--- /dev/null
+++ b/demo/swift/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f7f7f7" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#000000">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#f05237"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#f05237"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#f05237"/>
+  <text x="22" y="153" font-size="10" fill="#f05237" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#f05237"/>
+  <text x="318" y="153" font-size="10" fill="#f05237" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#f05237"/>
+  <text x="22" y="132" font-size="10" fill="#f05237" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#f05237"/>
+  <text x="318" y="132" font-size="10" fill="#f05237" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#f05237"/>
+  <text x="22" y="111" font-size="10" fill="#f05237" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#f05237"/>
+  <text x="318" y="111" font-size="10" fill="#f05237" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#f05237"/>
+  <text x="22" y="90" font-size="10" fill="#f05237" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#f05237"/>
+  <text x="318" y="90" font-size="10" fill="#f05237" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#f05237"/>
+  <text x="22" y="69" font-size="10" fill="#f05237" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#f05237"/>
+  <text x="318" y="69" font-size="10" fill="#f05237" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#f05237"/>
+  <text x="22" y="48" font-size="10" fill="#f05237" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#f05237"/>
+  <text x="318" y="48" font-size="10" fill="#f05237" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#f05237"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#f05237"/>
+  <text x="28" y="166" font-size="10" fill="#f05237" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#f05237"/>
+  <text x="75" y="166" font-size="10" fill="#f05237" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#f05237"/>
+  <text x="122" y="166" font-size="10" fill="#f05237" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#f05237"/>
+  <text x="170" y="166" font-size="10" fill="#f05237" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#f05237"/>
+  <text x="217" y="166" font-size="10" fill="#f05237" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#f05237"/>
+  <text x="264" y="166" font-size="10" fill="#f05237" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#f05237"/>
+  <text x="312" y="166" font-size="10" fill="#f05237" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#000000" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#000000" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#f05237" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/swift/most-commit-language-all-time.svg b/demo/swift/most-commit-language-all-time.svg
new file mode 100644
index 00000000..dcce815f
--- /dev/null
+++ b/demo/swift/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f7f7f7" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#000000">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#000000">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#000000">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#000000">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#000000">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#000000" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#000000">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#f7f7f7" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#f7f7f7" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#f7f7f7" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#f7f7f7" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#000000" stroke="#f7f7f7" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/swift/most-commit-language.svg b/demo/swift/most-commit-language.svg
new file mode 100644
index 00000000..598c89b2
--- /dev/null
+++ b/demo/swift/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f7f7f7" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#000000">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#000000">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#000000">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#000000">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#000000">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#000000" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#000000">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#f7f7f7" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#f7f7f7" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#f7f7f7" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#f7f7f7" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#000000" stroke="#f7f7f7" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/swift/productive-time-all-time.svg b/demo/swift/productive-time-all-time.svg
new file mode 100644
index 00000000..3596219d
--- /dev/null
+++ b/demo/swift/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f7f7f7" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#000000">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#f05237"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#f05237"/>
+  <text x="29" y="158" font-size="10" fill="#f05237" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#f05237"/>
+  <text x="29" y="140" font-size="10" fill="#f05237" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#f05237"/>
+  <text x="29" y="122" font-size="10" fill="#f05237" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#f05237"/>
+  <text x="29" y="103" font-size="10" fill="#f05237" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#f05237"/>
+  <text x="29" y="85" font-size="10" fill="#f05237" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#f05237"/>
+  <text x="29" y="67" font-size="10" fill="#f05237" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#f05237"/>
+  <text x="29" y="48" font-size="10" fill="#f05237" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#f05237"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#f05237"/>
+  <text x="40" y="171" font-size="10" fill="#f05237" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#f05237"/>
+  <text x="113" y="171" font-size="10" fill="#f05237" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#f05237"/>
+  <text x="186" y="171" font-size="10" fill="#f05237" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#f05237"/>
+  <text x="258" y="171" font-size="10" fill="#f05237" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#f05237"/>
+  <text x="319" y="171" font-size="10" fill="#f05237" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#000000"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#000000"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#000000"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#000000"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#000000"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#000000"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#000000"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#000000"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#000000"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#000000"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#000000"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#000000"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#000000"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#000000"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#000000"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#000000"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#000000"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#000000"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#000000"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#000000"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#000000"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#000000"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#000000"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#000000"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#f05237" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/swift/productive-time.svg b/demo/swift/productive-time.svg
new file mode 100644
index 00000000..066e88a7
--- /dev/null
+++ b/demo/swift/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f7f7f7" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#000000">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#f05237"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#f05237"/>
+  <text x="29" y="158" font-size="10" fill="#f05237" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#f05237"/>
+  <text x="29" y="131" font-size="10" fill="#f05237" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#f05237"/>
+  <text x="29" y="103" font-size="10" fill="#f05237" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#f05237"/>
+  <text x="29" y="76" font-size="10" fill="#f05237" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#f05237"/>
+  <text x="29" y="48" font-size="10" fill="#f05237" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#f05237"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#f05237"/>
+  <text x="40" y="171" font-size="10" fill="#f05237" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#f05237"/>
+  <text x="113" y="171" font-size="10" fill="#f05237" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#f05237"/>
+  <text x="186" y="171" font-size="10" fill="#f05237" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#f05237"/>
+  <text x="258" y="171" font-size="10" fill="#f05237" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#f05237"/>
+  <text x="319" y="171" font-size="10" fill="#f05237" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#000000"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#000000"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#000000"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#000000"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#000000"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#000000"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#000000"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#000000"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#000000"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#000000"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#000000"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#000000"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#000000"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#000000"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#000000"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#000000"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#000000"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#000000"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#000000"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#000000"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#000000"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#000000"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#000000"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#000000"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#f05237" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/swift/profile-details.svg b/demo/swift/profile-details.svg
new file mode 100644
index 00000000..bc99b0bd
--- /dev/null
+++ b/demo/swift/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f7f7f7" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#000000">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#f05237"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#000000">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#f05237"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#000000">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#f05237"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#000000">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#f05237"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#000000">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#f05237"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#000000">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#f05237"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#000000">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/swift/repos-per-language.svg b/demo/swift/repos-per-language.svg
new file mode 100644
index 00000000..fce6ba63
--- /dev/null
+++ b/demo/swift/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f7f7f7" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#000000">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#000000">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#000000">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#000000">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#000000">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#000000" stroke="#f7f7f7" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#000000">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#f7f7f7" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#f7f7f7" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#f7f7f7" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#f7f7f7" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#000000" stroke="#f7f7f7" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/swift/stats.svg b/demo/swift/stats.svg
new file mode 100644
index 00000000..3926322f
--- /dev/null
+++ b/demo/swift/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#f7f7f7" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#000000">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#f05237"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#000000">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#000000" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#f05237"><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="#000000">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#000000" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#f05237"><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="#000000">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#000000" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#f05237"><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="#000000">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#000000" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#f05237"><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="#000000">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#000000" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#f05237"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#000000">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#000000" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#f05237"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#000000">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#000000" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/synthwave/contributions-all-time.svg b/demo/synthwave/contributions-all-time.svg
new file mode 100644
index 00000000..7e21ec34
--- /dev/null
+++ b/demo/synthwave/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2b213a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e2e9ec">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ef8539"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ef8539"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ef8539"/>
+  <text x="22" y="153" font-size="10" fill="#ef8539" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ef8539"/>
+  <text x="318" y="153" font-size="10" fill="#ef8539" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ef8539"/>
+  <text x="22" y="132" font-size="10" fill="#ef8539" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ef8539"/>
+  <text x="318" y="132" font-size="10" fill="#ef8539" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ef8539"/>
+  <text x="22" y="111" font-size="10" fill="#ef8539" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ef8539"/>
+  <text x="318" y="111" font-size="10" fill="#ef8539" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ef8539"/>
+  <text x="22" y="90" font-size="10" fill="#ef8539" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ef8539"/>
+  <text x="318" y="90" font-size="10" fill="#ef8539" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ef8539"/>
+  <text x="22" y="69" font-size="10" fill="#ef8539" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ef8539"/>
+  <text x="318" y="69" font-size="10" fill="#ef8539" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ef8539"/>
+  <text x="22" y="48" font-size="10" fill="#ef8539" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ef8539"/>
+  <text x="318" y="48" font-size="10" fill="#ef8539" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ef8539"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ef8539"/>
+  <text x="28" y="166" font-size="10" fill="#ef8539" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ef8539"/>
+  <text x="82" y="166" font-size="10" fill="#ef8539" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ef8539"/>
+  <text x="137" y="166" font-size="10" fill="#ef8539" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ef8539"/>
+  <text x="191" y="166" font-size="10" fill="#ef8539" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ef8539"/>
+  <text x="246" y="166" font-size="10" fill="#ef8539" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ef8539"/>
+  <text x="312" y="166" font-size="10" fill="#ef8539" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#e2e9ec" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#e2e9ec" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ef8539" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/synthwave/contributions.svg b/demo/synthwave/contributions.svg
new file mode 100644
index 00000000..42daf31d
--- /dev/null
+++ b/demo/synthwave/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2b213a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e2e9ec">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ef8539"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ef8539"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ef8539"/>
+  <text x="22" y="153" font-size="10" fill="#ef8539" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ef8539"/>
+  <text x="318" y="153" font-size="10" fill="#ef8539" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ef8539"/>
+  <text x="22" y="132" font-size="10" fill="#ef8539" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ef8539"/>
+  <text x="318" y="132" font-size="10" fill="#ef8539" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ef8539"/>
+  <text x="22" y="111" font-size="10" fill="#ef8539" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ef8539"/>
+  <text x="318" y="111" font-size="10" fill="#ef8539" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ef8539"/>
+  <text x="22" y="90" font-size="10" fill="#ef8539" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ef8539"/>
+  <text x="318" y="90" font-size="10" fill="#ef8539" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ef8539"/>
+  <text x="22" y="69" font-size="10" fill="#ef8539" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ef8539"/>
+  <text x="318" y="69" font-size="10" fill="#ef8539" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ef8539"/>
+  <text x="22" y="48" font-size="10" fill="#ef8539" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ef8539"/>
+  <text x="318" y="48" font-size="10" fill="#ef8539" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ef8539"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ef8539"/>
+  <text x="28" y="166" font-size="10" fill="#ef8539" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ef8539"/>
+  <text x="75" y="166" font-size="10" fill="#ef8539" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ef8539"/>
+  <text x="122" y="166" font-size="10" fill="#ef8539" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ef8539"/>
+  <text x="170" y="166" font-size="10" fill="#ef8539" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ef8539"/>
+  <text x="217" y="166" font-size="10" fill="#ef8539" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ef8539"/>
+  <text x="264" y="166" font-size="10" fill="#ef8539" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ef8539"/>
+  <text x="312" y="166" font-size="10" fill="#ef8539" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#e2e9ec" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#e2e9ec" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ef8539" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/synthwave/most-commit-language-all-time.svg b/demo/synthwave/most-commit-language-all-time.svg
new file mode 100644
index 00000000..87371da7
--- /dev/null
+++ b/demo/synthwave/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2b213a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e2e9ec">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e5289e">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e5289e">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e5289e">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e5289e">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e2e9ec" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e5289e">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2b213a" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#2b213a" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#2b213a" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#2b213a" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#e2e9ec" stroke="#2b213a" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/synthwave/most-commit-language.svg b/demo/synthwave/most-commit-language.svg
new file mode 100644
index 00000000..b63a5c43
--- /dev/null
+++ b/demo/synthwave/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2b213a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e2e9ec">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e5289e">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e5289e">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e5289e">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e5289e">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e2e9ec" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e5289e">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2b213a" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#2b213a" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#2b213a" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#2b213a" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#e2e9ec" stroke="#2b213a" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/synthwave/productive-time-all-time.svg b/demo/synthwave/productive-time-all-time.svg
new file mode 100644
index 00000000..8446c865
--- /dev/null
+++ b/demo/synthwave/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2b213a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e2e9ec">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ef8539"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ef8539"/>
+  <text x="29" y="158" font-size="10" fill="#ef8539" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#ef8539"/>
+  <text x="29" y="140" font-size="10" fill="#ef8539" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#ef8539"/>
+  <text x="29" y="122" font-size="10" fill="#ef8539" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ef8539"/>
+  <text x="29" y="103" font-size="10" fill="#ef8539" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#ef8539"/>
+  <text x="29" y="85" font-size="10" fill="#ef8539" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#ef8539"/>
+  <text x="29" y="67" font-size="10" fill="#ef8539" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ef8539"/>
+  <text x="29" y="48" font-size="10" fill="#ef8539" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ef8539"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ef8539"/>
+  <text x="40" y="171" font-size="10" fill="#ef8539" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ef8539"/>
+  <text x="113" y="171" font-size="10" fill="#ef8539" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ef8539"/>
+  <text x="186" y="171" font-size="10" fill="#ef8539" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ef8539"/>
+  <text x="258" y="171" font-size="10" fill="#ef8539" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ef8539"/>
+  <text x="319" y="171" font-size="10" fill="#ef8539" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#e2e9ec"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#e2e9ec"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#e2e9ec"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#e2e9ec"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#e2e9ec"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#e2e9ec"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#e2e9ec"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#e2e9ec"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#e2e9ec"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#e2e9ec"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#e2e9ec"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#e2e9ec"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#e2e9ec"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#e2e9ec"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#e2e9ec"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#e2e9ec"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#e2e9ec"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#e2e9ec"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#e2e9ec"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#e2e9ec"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#e2e9ec"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#e2e9ec"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#e2e9ec"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#e2e9ec"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ef8539" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/synthwave/productive-time.svg b/demo/synthwave/productive-time.svg
new file mode 100644
index 00000000..ed429852
--- /dev/null
+++ b/demo/synthwave/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2b213a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e2e9ec">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ef8539"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ef8539"/>
+  <text x="29" y="158" font-size="10" fill="#ef8539" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#ef8539"/>
+  <text x="29" y="131" font-size="10" fill="#ef8539" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ef8539"/>
+  <text x="29" y="103" font-size="10" fill="#ef8539" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#ef8539"/>
+  <text x="29" y="76" font-size="10" fill="#ef8539" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ef8539"/>
+  <text x="29" y="48" font-size="10" fill="#ef8539" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ef8539"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ef8539"/>
+  <text x="40" y="171" font-size="10" fill="#ef8539" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ef8539"/>
+  <text x="113" y="171" font-size="10" fill="#ef8539" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ef8539"/>
+  <text x="186" y="171" font-size="10" fill="#ef8539" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ef8539"/>
+  <text x="258" y="171" font-size="10" fill="#ef8539" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ef8539"/>
+  <text x="319" y="171" font-size="10" fill="#ef8539" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#e2e9ec"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#e2e9ec"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#e2e9ec"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#e2e9ec"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#e2e9ec"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#e2e9ec"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#e2e9ec"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#e2e9ec"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#e2e9ec"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#e2e9ec"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#e2e9ec"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#e2e9ec"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#e2e9ec"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#e2e9ec"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#e2e9ec"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#e2e9ec"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#e2e9ec"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#e2e9ec"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#e2e9ec"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#e2e9ec"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#e2e9ec"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#e2e9ec"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#e2e9ec"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#e2e9ec"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ef8539" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/synthwave/profile-details.svg b/demo/synthwave/profile-details.svg
new file mode 100644
index 00000000..b2f8d48d
--- /dev/null
+++ b/demo/synthwave/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2b213a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e2e9ec">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ef8539"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#e5289e">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ef8539"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#e5289e">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ef8539"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#e5289e">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ef8539"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#e5289e">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ef8539"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#e5289e">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ef8539"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#e5289e">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/synthwave/repos-per-language.svg b/demo/synthwave/repos-per-language.svg
new file mode 100644
index 00000000..d77ac072
--- /dev/null
+++ b/demo/synthwave/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2b213a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e2e9ec">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#e5289e">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#e5289e">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#e5289e">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#e5289e">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#e2e9ec" stroke="#2b213a" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#e5289e">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#2b213a" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#2b213a" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#2b213a" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#2b213a" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#e2e9ec" stroke="#2b213a" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/synthwave/stats.svg b/demo/synthwave/stats.svg
new file mode 100644
index 00000000..5e060c5e
--- /dev/null
+++ b/demo/synthwave/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#2b213a" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#e2e9ec">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ef8539"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#e5289e">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#e2e9ec" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#ef8539"><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="#e5289e">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#e2e9ec" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#ef8539"><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="#e5289e">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#e2e9ec" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#ef8539"><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="#e5289e">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#e2e9ec" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#ef8539"><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="#e5289e">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#e2e9ec" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ef8539"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#e5289e">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#e2e9ec" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ef8539"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#e5289e">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#e2e9ec" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/tokyonight/contributions-all-time.svg b/demo/tokyonight/contributions-all-time.svg
new file mode 100644
index 00000000..f66afac7
--- /dev/null
+++ b/demo/tokyonight/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1a1b27" stroke="#1a1b27" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#70a5fd">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#bf91f3"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#bf91f3"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#bf91f3"/>
+  <text x="22" y="153" font-size="10" fill="#bf91f3" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#bf91f3"/>
+  <text x="318" y="153" font-size="10" fill="#bf91f3" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#bf91f3"/>
+  <text x="22" y="132" font-size="10" fill="#bf91f3" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#bf91f3"/>
+  <text x="318" y="132" font-size="10" fill="#bf91f3" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#bf91f3"/>
+  <text x="22" y="111" font-size="10" fill="#bf91f3" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#bf91f3"/>
+  <text x="318" y="111" font-size="10" fill="#bf91f3" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#bf91f3"/>
+  <text x="22" y="90" font-size="10" fill="#bf91f3" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#bf91f3"/>
+  <text x="318" y="90" font-size="10" fill="#bf91f3" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#bf91f3"/>
+  <text x="22" y="69" font-size="10" fill="#bf91f3" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#bf91f3"/>
+  <text x="318" y="69" font-size="10" fill="#bf91f3" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#bf91f3"/>
+  <text x="22" y="48" font-size="10" fill="#bf91f3" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#bf91f3"/>
+  <text x="318" y="48" font-size="10" fill="#bf91f3" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#bf91f3"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#bf91f3"/>
+  <text x="28" y="166" font-size="10" fill="#bf91f3" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#bf91f3"/>
+  <text x="82" y="166" font-size="10" fill="#bf91f3" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#bf91f3"/>
+  <text x="137" y="166" font-size="10" fill="#bf91f3" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#bf91f3"/>
+  <text x="191" y="166" font-size="10" fill="#bf91f3" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#bf91f3"/>
+  <text x="246" y="166" font-size="10" fill="#bf91f3" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#bf91f3"/>
+  <text x="312" y="166" font-size="10" fill="#bf91f3" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#bf91f3" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#bf91f3" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#bf91f3" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/tokyonight/contributions.svg b/demo/tokyonight/contributions.svg
new file mode 100644
index 00000000..c073177f
--- /dev/null
+++ b/demo/tokyonight/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1a1b27" stroke="#1a1b27" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#70a5fd">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#bf91f3"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#bf91f3"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#bf91f3"/>
+  <text x="22" y="153" font-size="10" fill="#bf91f3" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#bf91f3"/>
+  <text x="318" y="153" font-size="10" fill="#bf91f3" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#bf91f3"/>
+  <text x="22" y="132" font-size="10" fill="#bf91f3" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#bf91f3"/>
+  <text x="318" y="132" font-size="10" fill="#bf91f3" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#bf91f3"/>
+  <text x="22" y="111" font-size="10" fill="#bf91f3" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#bf91f3"/>
+  <text x="318" y="111" font-size="10" fill="#bf91f3" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#bf91f3"/>
+  <text x="22" y="90" font-size="10" fill="#bf91f3" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#bf91f3"/>
+  <text x="318" y="90" font-size="10" fill="#bf91f3" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#bf91f3"/>
+  <text x="22" y="69" font-size="10" fill="#bf91f3" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#bf91f3"/>
+  <text x="318" y="69" font-size="10" fill="#bf91f3" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#bf91f3"/>
+  <text x="22" y="48" font-size="10" fill="#bf91f3" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#bf91f3"/>
+  <text x="318" y="48" font-size="10" fill="#bf91f3" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#bf91f3"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#bf91f3"/>
+  <text x="28" y="166" font-size="10" fill="#bf91f3" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#bf91f3"/>
+  <text x="75" y="166" font-size="10" fill="#bf91f3" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#bf91f3"/>
+  <text x="122" y="166" font-size="10" fill="#bf91f3" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#bf91f3"/>
+  <text x="170" y="166" font-size="10" fill="#bf91f3" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#bf91f3"/>
+  <text x="217" y="166" font-size="10" fill="#bf91f3" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#bf91f3"/>
+  <text x="264" y="166" font-size="10" fill="#bf91f3" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#bf91f3"/>
+  <text x="312" y="166" font-size="10" fill="#bf91f3" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#bf91f3" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#bf91f3" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#bf91f3" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/tokyonight/most-commit-language-all-time.svg b/demo/tokyonight/most-commit-language-all-time.svg
new file mode 100644
index 00000000..32fe5830
--- /dev/null
+++ b/demo/tokyonight/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1a1b27" stroke="#1a1b27" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#70a5fd">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#38bdae">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#38bdae">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#38bdae">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#38bdae">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#bf91f3" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#38bdae">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1a1b27" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#1a1b27" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#1a1b27" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#1a1b27" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#bf91f3" stroke="#1a1b27" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/tokyonight/most-commit-language.svg b/demo/tokyonight/most-commit-language.svg
new file mode 100644
index 00000000..f86d588c
--- /dev/null
+++ b/demo/tokyonight/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1a1b27" stroke="#1a1b27" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#70a5fd">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#38bdae">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#38bdae">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#38bdae">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#38bdae">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#bf91f3" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#38bdae">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1a1b27" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#1a1b27" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#1a1b27" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#1a1b27" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#bf91f3" stroke="#1a1b27" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/tokyonight/productive-time-all-time.svg b/demo/tokyonight/productive-time-all-time.svg
new file mode 100644
index 00000000..721ec412
--- /dev/null
+++ b/demo/tokyonight/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1a1b27" stroke="#1a1b27" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#70a5fd">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#bf91f3"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#bf91f3"/>
+  <text x="29" y="158" font-size="10" fill="#bf91f3" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#bf91f3"/>
+  <text x="29" y="140" font-size="10" fill="#bf91f3" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#bf91f3"/>
+  <text x="29" y="122" font-size="10" fill="#bf91f3" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#bf91f3"/>
+  <text x="29" y="103" font-size="10" fill="#bf91f3" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#bf91f3"/>
+  <text x="29" y="85" font-size="10" fill="#bf91f3" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#bf91f3"/>
+  <text x="29" y="67" font-size="10" fill="#bf91f3" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#bf91f3"/>
+  <text x="29" y="48" font-size="10" fill="#bf91f3" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#bf91f3"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#bf91f3"/>
+  <text x="40" y="171" font-size="10" fill="#bf91f3" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#bf91f3"/>
+  <text x="113" y="171" font-size="10" fill="#bf91f3" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#bf91f3"/>
+  <text x="186" y="171" font-size="10" fill="#bf91f3" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#bf91f3"/>
+  <text x="258" y="171" font-size="10" fill="#bf91f3" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#bf91f3"/>
+  <text x="319" y="171" font-size="10" fill="#bf91f3" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#bf91f3"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#bf91f3"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#bf91f3"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#bf91f3"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#bf91f3"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#bf91f3"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#bf91f3"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#bf91f3"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#bf91f3"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#bf91f3"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#bf91f3"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#bf91f3"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#bf91f3"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#bf91f3"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#bf91f3"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#bf91f3"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#bf91f3"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#bf91f3"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#bf91f3"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#bf91f3"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#bf91f3"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#bf91f3"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#bf91f3"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#bf91f3"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#bf91f3" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/tokyonight/productive-time.svg b/demo/tokyonight/productive-time.svg
new file mode 100644
index 00000000..0267d44f
--- /dev/null
+++ b/demo/tokyonight/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1a1b27" stroke="#1a1b27" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#70a5fd">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#bf91f3"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#bf91f3"/>
+  <text x="29" y="158" font-size="10" fill="#bf91f3" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#bf91f3"/>
+  <text x="29" y="131" font-size="10" fill="#bf91f3" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#bf91f3"/>
+  <text x="29" y="103" font-size="10" fill="#bf91f3" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#bf91f3"/>
+  <text x="29" y="76" font-size="10" fill="#bf91f3" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#bf91f3"/>
+  <text x="29" y="48" font-size="10" fill="#bf91f3" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#bf91f3"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#bf91f3"/>
+  <text x="40" y="171" font-size="10" fill="#bf91f3" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#bf91f3"/>
+  <text x="113" y="171" font-size="10" fill="#bf91f3" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#bf91f3"/>
+  <text x="186" y="171" font-size="10" fill="#bf91f3" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#bf91f3"/>
+  <text x="258" y="171" font-size="10" fill="#bf91f3" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#bf91f3"/>
+  <text x="319" y="171" font-size="10" fill="#bf91f3" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#bf91f3"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#bf91f3"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#bf91f3"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#bf91f3"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#bf91f3"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#bf91f3"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#bf91f3"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#bf91f3"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#bf91f3"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#bf91f3"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#bf91f3"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#bf91f3"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#bf91f3"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#bf91f3"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#bf91f3"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#bf91f3"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#bf91f3"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#bf91f3"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#bf91f3"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#bf91f3"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#bf91f3"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#bf91f3"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#bf91f3"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#bf91f3"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#bf91f3" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/tokyonight/profile-details.svg b/demo/tokyonight/profile-details.svg
new file mode 100644
index 00000000..986b1bdf
--- /dev/null
+++ b/demo/tokyonight/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1a1b27" stroke="#1a1b27" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#70a5fd">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#bf91f3"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#38bdae">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#bf91f3"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#38bdae">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#bf91f3"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#38bdae">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#bf91f3"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#38bdae">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#bf91f3"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#38bdae">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#bf91f3"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#38bdae">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/tokyonight/repos-per-language.svg b/demo/tokyonight/repos-per-language.svg
new file mode 100644
index 00000000..53d21b06
--- /dev/null
+++ b/demo/tokyonight/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1a1b27" stroke="#1a1b27" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#70a5fd">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#38bdae">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#38bdae">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#38bdae">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#38bdae">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#bf91f3" stroke="#1a1b27" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#38bdae">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#1a1b27" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#1a1b27" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#1a1b27" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#1a1b27" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#bf91f3" stroke="#1a1b27" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/tokyonight/stats.svg b/demo/tokyonight/stats.svg
new file mode 100644
index 00000000..e0c6f90d
--- /dev/null
+++ b/demo/tokyonight/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#1a1b27" stroke="#1a1b27" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#70a5fd">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#bf91f3"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#38bdae">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#bf91f3" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#bf91f3"><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="#38bdae">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#bf91f3" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#bf91f3"><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="#38bdae">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#bf91f3" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#bf91f3"><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="#38bdae">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#bf91f3" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#bf91f3"><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="#38bdae">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#bf91f3" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#bf91f3"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#38bdae">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#bf91f3" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#bf91f3"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#38bdae">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#bf91f3" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/transparent/contributions-all-time.svg b/demo/transparent/contributions-all-time.svg
new file mode 100644
index 00000000..c3ef4c18
--- /dev/null
+++ b/demo/transparent/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#00000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#006AFF">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#0579C3"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#0579C3"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#0579C3"/>
+  <text x="22" y="153" font-size="10" fill="#0579C3" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#0579C3"/>
+  <text x="318" y="153" font-size="10" fill="#0579C3" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#0579C3"/>
+  <text x="22" y="132" font-size="10" fill="#0579C3" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#0579C3"/>
+  <text x="318" y="132" font-size="10" fill="#0579C3" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#0579C3"/>
+  <text x="22" y="111" font-size="10" fill="#0579C3" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#0579C3"/>
+  <text x="318" y="111" font-size="10" fill="#0579C3" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#0579C3"/>
+  <text x="22" y="90" font-size="10" fill="#0579C3" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#0579C3"/>
+  <text x="318" y="90" font-size="10" fill="#0579C3" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#0579C3"/>
+  <text x="22" y="69" font-size="10" fill="#0579C3" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#0579C3"/>
+  <text x="318" y="69" font-size="10" fill="#0579C3" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#0579C3"/>
+  <text x="22" y="48" font-size="10" fill="#0579C3" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#0579C3"/>
+  <text x="318" y="48" font-size="10" fill="#0579C3" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#0579C3"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#0579C3"/>
+  <text x="28" y="166" font-size="10" fill="#0579C3" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#0579C3"/>
+  <text x="82" y="166" font-size="10" fill="#0579C3" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#0579C3"/>
+  <text x="137" y="166" font-size="10" fill="#0579C3" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#0579C3"/>
+  <text x="191" y="166" font-size="10" fill="#0579C3" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#0579C3"/>
+  <text x="246" y="166" font-size="10" fill="#0579C3" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#0579C3"/>
+  <text x="312" y="166" font-size="10" fill="#0579C3" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#006AFF" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#006AFF" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#0579C3" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/transparent/contributions.svg b/demo/transparent/contributions.svg
new file mode 100644
index 00000000..33c71436
--- /dev/null
+++ b/demo/transparent/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#00000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#006AFF">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#0579C3"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#0579C3"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#0579C3"/>
+  <text x="22" y="153" font-size="10" fill="#0579C3" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#0579C3"/>
+  <text x="318" y="153" font-size="10" fill="#0579C3" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#0579C3"/>
+  <text x="22" y="132" font-size="10" fill="#0579C3" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#0579C3"/>
+  <text x="318" y="132" font-size="10" fill="#0579C3" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#0579C3"/>
+  <text x="22" y="111" font-size="10" fill="#0579C3" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#0579C3"/>
+  <text x="318" y="111" font-size="10" fill="#0579C3" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#0579C3"/>
+  <text x="22" y="90" font-size="10" fill="#0579C3" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#0579C3"/>
+  <text x="318" y="90" font-size="10" fill="#0579C3" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#0579C3"/>
+  <text x="22" y="69" font-size="10" fill="#0579C3" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#0579C3"/>
+  <text x="318" y="69" font-size="10" fill="#0579C3" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#0579C3"/>
+  <text x="22" y="48" font-size="10" fill="#0579C3" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#0579C3"/>
+  <text x="318" y="48" font-size="10" fill="#0579C3" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#0579C3"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#0579C3"/>
+  <text x="28" y="166" font-size="10" fill="#0579C3" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#0579C3"/>
+  <text x="75" y="166" font-size="10" fill="#0579C3" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#0579C3"/>
+  <text x="122" y="166" font-size="10" fill="#0579C3" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#0579C3"/>
+  <text x="170" y="166" font-size="10" fill="#0579C3" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#0579C3"/>
+  <text x="217" y="166" font-size="10" fill="#0579C3" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#0579C3"/>
+  <text x="264" y="166" font-size="10" fill="#0579C3" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#0579C3"/>
+  <text x="312" y="166" font-size="10" fill="#0579C3" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#006AFF" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#006AFF" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#0579C3" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/transparent/most-commit-language-all-time.svg b/demo/transparent/most-commit-language-all-time.svg
new file mode 100644
index 00000000..cfba82b3
--- /dev/null
+++ b/demo/transparent/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#00000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#006AFF">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#417E87">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#417E87">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#417E87">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#417E87">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#006AFF" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#417E87">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#00000000" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#00000000" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#00000000" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#00000000" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#006AFF" stroke="#00000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/transparent/most-commit-language.svg b/demo/transparent/most-commit-language.svg
new file mode 100644
index 00000000..a2da55b1
--- /dev/null
+++ b/demo/transparent/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#00000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#006AFF">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#417E87">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#417E87">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#417E87">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#417E87">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#006AFF" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#417E87">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#00000000" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#00000000" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#00000000" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#00000000" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#006AFF" stroke="#00000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/transparent/productive-time-all-time.svg b/demo/transparent/productive-time-all-time.svg
new file mode 100644
index 00000000..c029321e
--- /dev/null
+++ b/demo/transparent/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#00000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#006AFF">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#0579C3"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#0579C3"/>
+  <text x="29" y="158" font-size="10" fill="#0579C3" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#0579C3"/>
+  <text x="29" y="140" font-size="10" fill="#0579C3" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#0579C3"/>
+  <text x="29" y="122" font-size="10" fill="#0579C3" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#0579C3"/>
+  <text x="29" y="103" font-size="10" fill="#0579C3" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#0579C3"/>
+  <text x="29" y="85" font-size="10" fill="#0579C3" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#0579C3"/>
+  <text x="29" y="67" font-size="10" fill="#0579C3" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#0579C3"/>
+  <text x="29" y="48" font-size="10" fill="#0579C3" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#0579C3"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#0579C3"/>
+  <text x="40" y="171" font-size="10" fill="#0579C3" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#0579C3"/>
+  <text x="113" y="171" font-size="10" fill="#0579C3" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#0579C3"/>
+  <text x="186" y="171" font-size="10" fill="#0579C3" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#0579C3"/>
+  <text x="258" y="171" font-size="10" fill="#0579C3" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#0579C3"/>
+  <text x="319" y="171" font-size="10" fill="#0579C3" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#006AFF"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#006AFF"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#006AFF"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#006AFF"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#006AFF"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#006AFF"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#006AFF"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#006AFF"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#006AFF"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#006AFF"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#006AFF"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#006AFF"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#006AFF"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#006AFF"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#006AFF"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#006AFF"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#006AFF"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#006AFF"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#006AFF"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#006AFF"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#006AFF"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#006AFF"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#006AFF"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#006AFF"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#0579C3" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/transparent/productive-time.svg b/demo/transparent/productive-time.svg
new file mode 100644
index 00000000..2164d70d
--- /dev/null
+++ b/demo/transparent/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#00000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#006AFF">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#0579C3"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#0579C3"/>
+  <text x="29" y="158" font-size="10" fill="#0579C3" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#0579C3"/>
+  <text x="29" y="131" font-size="10" fill="#0579C3" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#0579C3"/>
+  <text x="29" y="103" font-size="10" fill="#0579C3" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#0579C3"/>
+  <text x="29" y="76" font-size="10" fill="#0579C3" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#0579C3"/>
+  <text x="29" y="48" font-size="10" fill="#0579C3" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#0579C3"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#0579C3"/>
+  <text x="40" y="171" font-size="10" fill="#0579C3" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#0579C3"/>
+  <text x="113" y="171" font-size="10" fill="#0579C3" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#0579C3"/>
+  <text x="186" y="171" font-size="10" fill="#0579C3" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#0579C3"/>
+  <text x="258" y="171" font-size="10" fill="#0579C3" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#0579C3"/>
+  <text x="319" y="171" font-size="10" fill="#0579C3" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#006AFF"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#006AFF"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#006AFF"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#006AFF"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#006AFF"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#006AFF"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#006AFF"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#006AFF"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#006AFF"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#006AFF"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#006AFF"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#006AFF"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#006AFF"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#006AFF"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#006AFF"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#006AFF"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#006AFF"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#006AFF"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#006AFF"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#006AFF"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#006AFF"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#006AFF"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#006AFF"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#006AFF"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#0579C3" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/transparent/profile-details.svg b/demo/transparent/profile-details.svg
new file mode 100644
index 00000000..f8aa5794
--- /dev/null
+++ b/demo/transparent/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#00000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#006AFF">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#0579C3"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#417E87">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#0579C3"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#417E87">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#0579C3"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#417E87">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#0579C3"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#417E87">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#0579C3"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#417E87">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#0579C3"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#417E87">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/transparent/repos-per-language.svg b/demo/transparent/repos-per-language.svg
new file mode 100644
index 00000000..9d698387
--- /dev/null
+++ b/demo/transparent/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#00000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#006AFF">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#417E87">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#417E87">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#417E87">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#417E87">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#006AFF" stroke="#00000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#417E87">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#00000000" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#00000000" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#00000000" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#00000000" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#006AFF" stroke="#00000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/transparent/stats.svg b/demo/transparent/stats.svg
new file mode 100644
index 00000000..f5137141
--- /dev/null
+++ b/demo/transparent/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#00000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#006AFF">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#0579C3"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#417E87">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#006AFF" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#0579C3"><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="#417E87">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#006AFF" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#0579C3"><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="#417E87">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#006AFF" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#0579C3"><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="#417E87">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#006AFF" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#0579C3"><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="#417E87">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#006AFF" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#0579C3"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#417E87">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#006AFF" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#0579C3"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#417E87">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#006AFF" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/vision_friendly_dark/contributions-all-time.svg b/demo/vision_friendly_dark/contributions-all-time.svg
new file mode 100644
index 00000000..82e697ae
--- /dev/null
+++ b/demo/vision_friendly_dark/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffb000">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#785ef0"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#785ef0"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#785ef0"/>
+  <text x="22" y="153" font-size="10" fill="#785ef0" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#785ef0"/>
+  <text x="318" y="153" font-size="10" fill="#785ef0" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#785ef0"/>
+  <text x="22" y="132" font-size="10" fill="#785ef0" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#785ef0"/>
+  <text x="318" y="132" font-size="10" fill="#785ef0" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#785ef0"/>
+  <text x="22" y="111" font-size="10" fill="#785ef0" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#785ef0"/>
+  <text x="318" y="111" font-size="10" fill="#785ef0" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#785ef0"/>
+  <text x="22" y="90" font-size="10" fill="#785ef0" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#785ef0"/>
+  <text x="318" y="90" font-size="10" fill="#785ef0" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#785ef0"/>
+  <text x="22" y="69" font-size="10" fill="#785ef0" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#785ef0"/>
+  <text x="318" y="69" font-size="10" fill="#785ef0" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#785ef0"/>
+  <text x="22" y="48" font-size="10" fill="#785ef0" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#785ef0"/>
+  <text x="318" y="48" font-size="10" fill="#785ef0" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#785ef0"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#785ef0"/>
+  <text x="28" y="166" font-size="10" fill="#785ef0" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#785ef0"/>
+  <text x="82" y="166" font-size="10" fill="#785ef0" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#785ef0"/>
+  <text x="137" y="166" font-size="10" fill="#785ef0" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#785ef0"/>
+  <text x="191" y="166" font-size="10" fill="#785ef0" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#785ef0"/>
+  <text x="246" y="166" font-size="10" fill="#785ef0" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#785ef0"/>
+  <text x="312" y="166" font-size="10" fill="#785ef0" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ffb000" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ffb000" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#785ef0" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/vision_friendly_dark/contributions.svg b/demo/vision_friendly_dark/contributions.svg
new file mode 100644
index 00000000..56567ca9
--- /dev/null
+++ b/demo/vision_friendly_dark/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffb000">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#785ef0"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#785ef0"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#785ef0"/>
+  <text x="22" y="153" font-size="10" fill="#785ef0" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#785ef0"/>
+  <text x="318" y="153" font-size="10" fill="#785ef0" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#785ef0"/>
+  <text x="22" y="132" font-size="10" fill="#785ef0" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#785ef0"/>
+  <text x="318" y="132" font-size="10" fill="#785ef0" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#785ef0"/>
+  <text x="22" y="111" font-size="10" fill="#785ef0" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#785ef0"/>
+  <text x="318" y="111" font-size="10" fill="#785ef0" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#785ef0"/>
+  <text x="22" y="90" font-size="10" fill="#785ef0" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#785ef0"/>
+  <text x="318" y="90" font-size="10" fill="#785ef0" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#785ef0"/>
+  <text x="22" y="69" font-size="10" fill="#785ef0" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#785ef0"/>
+  <text x="318" y="69" font-size="10" fill="#785ef0" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#785ef0"/>
+  <text x="22" y="48" font-size="10" fill="#785ef0" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#785ef0"/>
+  <text x="318" y="48" font-size="10" fill="#785ef0" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#785ef0"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#785ef0"/>
+  <text x="28" y="166" font-size="10" fill="#785ef0" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#785ef0"/>
+  <text x="75" y="166" font-size="10" fill="#785ef0" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#785ef0"/>
+  <text x="122" y="166" font-size="10" fill="#785ef0" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#785ef0"/>
+  <text x="170" y="166" font-size="10" fill="#785ef0" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#785ef0"/>
+  <text x="217" y="166" font-size="10" fill="#785ef0" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#785ef0"/>
+  <text x="264" y="166" font-size="10" fill="#785ef0" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#785ef0"/>
+  <text x="312" y="166" font-size="10" fill="#785ef0" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ffb000" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ffb000" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#785ef0" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/vision_friendly_dark/most-commit-language-all-time.svg b/demo/vision_friendly_dark/most-commit-language-all-time.svg
new file mode 100644
index 00000000..27f0eb02
--- /dev/null
+++ b/demo/vision_friendly_dark/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffb000">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffb000" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#000000" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ffb000" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/vision_friendly_dark/most-commit-language.svg b/demo/vision_friendly_dark/most-commit-language.svg
new file mode 100644
index 00000000..3e6ebea9
--- /dev/null
+++ b/demo/vision_friendly_dark/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffb000">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffb000" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#000000" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ffb000" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/vision_friendly_dark/productive-time-all-time.svg b/demo/vision_friendly_dark/productive-time-all-time.svg
new file mode 100644
index 00000000..356b91c2
--- /dev/null
+++ b/demo/vision_friendly_dark/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffb000">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#785ef0"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#785ef0"/>
+  <text x="29" y="158" font-size="10" fill="#785ef0" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#785ef0"/>
+  <text x="29" y="140" font-size="10" fill="#785ef0" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#785ef0"/>
+  <text x="29" y="122" font-size="10" fill="#785ef0" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#785ef0"/>
+  <text x="29" y="103" font-size="10" fill="#785ef0" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#785ef0"/>
+  <text x="29" y="85" font-size="10" fill="#785ef0" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#785ef0"/>
+  <text x="29" y="67" font-size="10" fill="#785ef0" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#785ef0"/>
+  <text x="29" y="48" font-size="10" fill="#785ef0" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#785ef0"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#785ef0"/>
+  <text x="40" y="171" font-size="10" fill="#785ef0" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#785ef0"/>
+  <text x="113" y="171" font-size="10" fill="#785ef0" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#785ef0"/>
+  <text x="186" y="171" font-size="10" fill="#785ef0" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#785ef0"/>
+  <text x="258" y="171" font-size="10" fill="#785ef0" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#785ef0"/>
+  <text x="319" y="171" font-size="10" fill="#785ef0" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ffb000"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ffb000"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ffb000"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ffb000"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ffb000"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ffb000"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ffb000"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ffb000"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ffb000"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ffb000"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ffb000"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ffb000"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ffb000"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ffb000"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ffb000"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ffb000"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ffb000"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ffb000"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ffb000"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ffb000"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ffb000"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ffb000"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ffb000"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ffb000"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#785ef0" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/vision_friendly_dark/productive-time.svg b/demo/vision_friendly_dark/productive-time.svg
new file mode 100644
index 00000000..1c2fb6ea
--- /dev/null
+++ b/demo/vision_friendly_dark/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffb000">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#785ef0"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#785ef0"/>
+  <text x="29" y="158" font-size="10" fill="#785ef0" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#785ef0"/>
+  <text x="29" y="131" font-size="10" fill="#785ef0" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#785ef0"/>
+  <text x="29" y="103" font-size="10" fill="#785ef0" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#785ef0"/>
+  <text x="29" y="76" font-size="10" fill="#785ef0" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#785ef0"/>
+  <text x="29" y="48" font-size="10" fill="#785ef0" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#785ef0"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#785ef0"/>
+  <text x="40" y="171" font-size="10" fill="#785ef0" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#785ef0"/>
+  <text x="113" y="171" font-size="10" fill="#785ef0" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#785ef0"/>
+  <text x="186" y="171" font-size="10" fill="#785ef0" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#785ef0"/>
+  <text x="258" y="171" font-size="10" fill="#785ef0" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#785ef0"/>
+  <text x="319" y="171" font-size="10" fill="#785ef0" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ffb000"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ffb000"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffb000"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffb000"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ffb000"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ffb000"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ffb000"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ffb000"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ffb000"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ffb000"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ffb000"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ffb000"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ffb000"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ffb000"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ffb000"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ffb000"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ffb000"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ffb000"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ffb000"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ffb000"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ffb000"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ffb000"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ffb000"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ffb000"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#785ef0" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/vision_friendly_dark/profile-details.svg b/demo/vision_friendly_dark/profile-details.svg
new file mode 100644
index 00000000..bf8db4cf
--- /dev/null
+++ b/demo/vision_friendly_dark/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffb000">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#785ef0"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffffff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#785ef0"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffffff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#785ef0"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffffff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#785ef0"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffffff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#785ef0"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffffff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#785ef0"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffffff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/vision_friendly_dark/repos-per-language.svg b/demo/vision_friendly_dark/repos-per-language.svg
new file mode 100644
index 00000000..f09bcf78
--- /dev/null
+++ b/demo/vision_friendly_dark/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffb000">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffb000" stroke="#000000" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#000000" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#000000" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#000000" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#000000" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ffb000" stroke="#000000" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/vision_friendly_dark/stats.svg b/demo/vision_friendly_dark/stats.svg
new file mode 100644
index 00000000..cdf0c3c8
--- /dev/null
+++ b/demo/vision_friendly_dark/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#000000" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffb000">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#785ef0"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffffff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ffb000" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#785ef0"><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="#ffb000" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#785ef0"><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="#ffb000" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#785ef0"><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="#ffb000" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#785ef0"><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="#ffb000" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#785ef0"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffffff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ffb000" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#785ef0"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffffff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ffb000" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/vue/contributions-all-time.svg b/demo/vue/contributions-all-time.svg
new file mode 100644
index 00000000..ca9479ae
--- /dev/null
+++ b/demo/vue/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#41b883">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#41b883"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#41b883"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#41b883"/>
+  <text x="22" y="153" font-size="10" fill="#41b883" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#41b883"/>
+  <text x="318" y="153" font-size="10" fill="#41b883" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#41b883"/>
+  <text x="22" y="132" font-size="10" fill="#41b883" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#41b883"/>
+  <text x="318" y="132" font-size="10" fill="#41b883" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#41b883"/>
+  <text x="22" y="111" font-size="10" fill="#41b883" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#41b883"/>
+  <text x="318" y="111" font-size="10" fill="#41b883" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#41b883"/>
+  <text x="22" y="90" font-size="10" fill="#41b883" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#41b883"/>
+  <text x="318" y="90" font-size="10" fill="#41b883" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#41b883"/>
+  <text x="22" y="69" font-size="10" fill="#41b883" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#41b883"/>
+  <text x="318" y="69" font-size="10" fill="#41b883" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#41b883"/>
+  <text x="22" y="48" font-size="10" fill="#41b883" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#41b883"/>
+  <text x="318" y="48" font-size="10" fill="#41b883" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#41b883"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#41b883"/>
+  <text x="28" y="166" font-size="10" fill="#41b883" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#41b883"/>
+  <text x="82" y="166" font-size="10" fill="#41b883" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#41b883"/>
+  <text x="137" y="166" font-size="10" fill="#41b883" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#41b883"/>
+  <text x="191" y="166" font-size="10" fill="#41b883" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#41b883"/>
+  <text x="246" y="166" font-size="10" fill="#41b883" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#41b883"/>
+  <text x="312" y="166" font-size="10" fill="#41b883" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#41b883" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#41b883" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#41b883" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/vue/contributions.svg b/demo/vue/contributions.svg
new file mode 100644
index 00000000..7eccd7ff
--- /dev/null
+++ b/demo/vue/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#41b883">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#41b883"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#41b883"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#41b883"/>
+  <text x="22" y="153" font-size="10" fill="#41b883" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#41b883"/>
+  <text x="318" y="153" font-size="10" fill="#41b883" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#41b883"/>
+  <text x="22" y="132" font-size="10" fill="#41b883" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#41b883"/>
+  <text x="318" y="132" font-size="10" fill="#41b883" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#41b883"/>
+  <text x="22" y="111" font-size="10" fill="#41b883" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#41b883"/>
+  <text x="318" y="111" font-size="10" fill="#41b883" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#41b883"/>
+  <text x="22" y="90" font-size="10" fill="#41b883" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#41b883"/>
+  <text x="318" y="90" font-size="10" fill="#41b883" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#41b883"/>
+  <text x="22" y="69" font-size="10" fill="#41b883" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#41b883"/>
+  <text x="318" y="69" font-size="10" fill="#41b883" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#41b883"/>
+  <text x="22" y="48" font-size="10" fill="#41b883" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#41b883"/>
+  <text x="318" y="48" font-size="10" fill="#41b883" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#41b883"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#41b883"/>
+  <text x="28" y="166" font-size="10" fill="#41b883" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#41b883"/>
+  <text x="75" y="166" font-size="10" fill="#41b883" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#41b883"/>
+  <text x="122" y="166" font-size="10" fill="#41b883" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#41b883"/>
+  <text x="170" y="166" font-size="10" fill="#41b883" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#41b883"/>
+  <text x="217" y="166" font-size="10" fill="#41b883" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#41b883"/>
+  <text x="264" y="166" font-size="10" fill="#41b883" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#41b883"/>
+  <text x="312" y="166" font-size="10" fill="#41b883" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#41b883" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#41b883" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#41b883" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/vue/most-commit-language-all-time.svg b/demo/vue/most-commit-language-all-time.svg
new file mode 100644
index 00000000..5f3835e5
--- /dev/null
+++ b/demo/vue/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#41b883">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#000000">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#000000">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#000000">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#000000">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#41b883" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#000000">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#41b883" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/vue/most-commit-language.svg b/demo/vue/most-commit-language.svg
new file mode 100644
index 00000000..378eda58
--- /dev/null
+++ b/demo/vue/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#41b883">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#000000">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#000000">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#000000">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#000000">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#41b883" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#000000">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#41b883" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/vue/productive-time-all-time.svg b/demo/vue/productive-time-all-time.svg
new file mode 100644
index 00000000..11ddcbd2
--- /dev/null
+++ b/demo/vue/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#41b883">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#41b883"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#41b883"/>
+  <text x="29" y="158" font-size="10" fill="#41b883" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#41b883"/>
+  <text x="29" y="140" font-size="10" fill="#41b883" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#41b883"/>
+  <text x="29" y="122" font-size="10" fill="#41b883" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#41b883"/>
+  <text x="29" y="103" font-size="10" fill="#41b883" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#41b883"/>
+  <text x="29" y="85" font-size="10" fill="#41b883" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#41b883"/>
+  <text x="29" y="67" font-size="10" fill="#41b883" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#41b883"/>
+  <text x="29" y="48" font-size="10" fill="#41b883" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#41b883"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#41b883"/>
+  <text x="40" y="171" font-size="10" fill="#41b883" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#41b883"/>
+  <text x="113" y="171" font-size="10" fill="#41b883" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#41b883"/>
+  <text x="186" y="171" font-size="10" fill="#41b883" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#41b883"/>
+  <text x="258" y="171" font-size="10" fill="#41b883" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#41b883"/>
+  <text x="319" y="171" font-size="10" fill="#41b883" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#41b883"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#41b883"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#41b883"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#41b883"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#41b883"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#41b883"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#41b883"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#41b883"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#41b883"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#41b883"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#41b883"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#41b883"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#41b883"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#41b883"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#41b883"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#41b883"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#41b883"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#41b883"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#41b883"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#41b883"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#41b883"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#41b883"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#41b883"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#41b883"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#41b883" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/vue/productive-time.svg b/demo/vue/productive-time.svg
new file mode 100644
index 00000000..86a47939
--- /dev/null
+++ b/demo/vue/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#41b883">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#41b883"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#41b883"/>
+  <text x="29" y="158" font-size="10" fill="#41b883" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#41b883"/>
+  <text x="29" y="131" font-size="10" fill="#41b883" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#41b883"/>
+  <text x="29" y="103" font-size="10" fill="#41b883" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#41b883"/>
+  <text x="29" y="76" font-size="10" fill="#41b883" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#41b883"/>
+  <text x="29" y="48" font-size="10" fill="#41b883" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#41b883"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#41b883"/>
+  <text x="40" y="171" font-size="10" fill="#41b883" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#41b883"/>
+  <text x="113" y="171" font-size="10" fill="#41b883" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#41b883"/>
+  <text x="186" y="171" font-size="10" fill="#41b883" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#41b883"/>
+  <text x="258" y="171" font-size="10" fill="#41b883" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#41b883"/>
+  <text x="319" y="171" font-size="10" fill="#41b883" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#41b883"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#41b883"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#41b883"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#41b883"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#41b883"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#41b883"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#41b883"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#41b883"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#41b883"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#41b883"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#41b883"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#41b883"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#41b883"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#41b883"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#41b883"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#41b883"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#41b883"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#41b883"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#41b883"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#41b883"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#41b883"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#41b883"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#41b883"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#41b883"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#41b883" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/vue/profile-details.svg b/demo/vue/profile-details.svg
new file mode 100644
index 00000000..0a37df8b
--- /dev/null
+++ b/demo/vue/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#41b883">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#41b883"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#000000">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#41b883"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#000000">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#41b883"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#000000">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#41b883"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#000000">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#41b883"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#000000">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#41b883"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#000000">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/vue/repos-per-language.svg b/demo/vue/repos-per-language.svg
new file mode 100644
index 00000000..1eecf851
--- /dev/null
+++ b/demo/vue/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#41b883">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#000000">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#000000">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#000000">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#000000">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#41b883" stroke="#ffffff" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#000000">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#ffffff" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#41b883" stroke="#ffffff" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/vue/stats.svg b/demo/vue/stats.svg
new file mode 100644
index 00000000..d9c21d88
--- /dev/null
+++ b/demo/vue/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#ffffff" stroke="#e4e2e2" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#41b883">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#41b883"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#000000">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#41b883" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#41b883"><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="#000000">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#41b883" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#41b883"><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="#000000">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#41b883" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#41b883"><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="#000000">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#41b883" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#41b883"><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="#000000">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#41b883" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#41b883"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#000000">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#41b883" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#41b883"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#000000">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#41b883" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/yeblu/contributions-all-time.svg b/demo/yeblu/contributions-all-time.svg
new file mode 100644
index 00000000..b102ba41
--- /dev/null
+++ b/demo/yeblu/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#002046" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffff00">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffff00"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffff00"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffff00"/>
+  <text x="22" y="153" font-size="10" fill="#ffff00" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffff00"/>
+  <text x="318" y="153" font-size="10" fill="#ffff00" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffff00"/>
+  <text x="22" y="132" font-size="10" fill="#ffff00" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffff00"/>
+  <text x="318" y="132" font-size="10" fill="#ffff00" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffff00"/>
+  <text x="22" y="111" font-size="10" fill="#ffff00" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffff00"/>
+  <text x="318" y="111" font-size="10" fill="#ffff00" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffff00"/>
+  <text x="22" y="90" font-size="10" fill="#ffff00" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffff00"/>
+  <text x="318" y="90" font-size="10" fill="#ffff00" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffff00"/>
+  <text x="22" y="69" font-size="10" fill="#ffff00" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffff00"/>
+  <text x="318" y="69" font-size="10" fill="#ffff00" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffff00"/>
+  <text x="22" y="48" font-size="10" fill="#ffff00" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffff00"/>
+  <text x="318" y="48" font-size="10" fill="#ffff00" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffff00"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffff00"/>
+  <text x="28" y="166" font-size="10" fill="#ffff00" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#ffff00"/>
+  <text x="82" y="166" font-size="10" fill="#ffff00" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#ffff00"/>
+  <text x="137" y="166" font-size="10" fill="#ffff00" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#ffff00"/>
+  <text x="191" y="166" font-size="10" fill="#ffff00" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#ffff00"/>
+  <text x="246" y="166" font-size="10" fill="#ffff00" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffff00"/>
+  <text x="312" y="166" font-size="10" fill="#ffff00" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ffff00" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#ffff00" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffff00" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/yeblu/contributions.svg b/demo/yeblu/contributions.svg
new file mode 100644
index 00000000..1075080c
--- /dev/null
+++ b/demo/yeblu/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#002046" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffff00">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#ffff00"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#ffff00"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#ffff00"/>
+  <text x="22" y="153" font-size="10" fill="#ffff00" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#ffff00"/>
+  <text x="318" y="153" font-size="10" fill="#ffff00" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#ffff00"/>
+  <text x="22" y="132" font-size="10" fill="#ffff00" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#ffff00"/>
+  <text x="318" y="132" font-size="10" fill="#ffff00" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#ffff00"/>
+  <text x="22" y="111" font-size="10" fill="#ffff00" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#ffff00"/>
+  <text x="318" y="111" font-size="10" fill="#ffff00" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#ffff00"/>
+  <text x="22" y="90" font-size="10" fill="#ffff00" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#ffff00"/>
+  <text x="318" y="90" font-size="10" fill="#ffff00" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#ffff00"/>
+  <text x="22" y="69" font-size="10" fill="#ffff00" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#ffff00"/>
+  <text x="318" y="69" font-size="10" fill="#ffff00" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#ffff00"/>
+  <text x="22" y="48" font-size="10" fill="#ffff00" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#ffff00"/>
+  <text x="318" y="48" font-size="10" fill="#ffff00" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#ffff00"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#ffff00"/>
+  <text x="28" y="166" font-size="10" fill="#ffff00" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#ffff00"/>
+  <text x="75" y="166" font-size="10" fill="#ffff00" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#ffff00"/>
+  <text x="122" y="166" font-size="10" fill="#ffff00" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#ffff00"/>
+  <text x="170" y="166" font-size="10" fill="#ffff00" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#ffff00"/>
+  <text x="217" y="166" font-size="10" fill="#ffff00" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#ffff00"/>
+  <text x="264" y="166" font-size="10" fill="#ffff00" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#ffff00"/>
+  <text x="312" y="166" font-size="10" fill="#ffff00" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#ffff00" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#ffff00" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#ffff00" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/yeblu/most-commit-language-all-time.svg b/demo/yeblu/most-commit-language-all-time.svg
new file mode 100644
index 00000000..b6501849
--- /dev/null
+++ b/demo/yeblu/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#002046" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffff00">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffff00" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#002046" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#002046" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#002046" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#002046" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#ffff00" stroke="#002046" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/yeblu/most-commit-language.svg b/demo/yeblu/most-commit-language.svg
new file mode 100644
index 00000000..bf8c9c84
--- /dev/null
+++ b/demo/yeblu/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#002046" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffff00">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffff00" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#002046" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#002046" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#002046" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#002046" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#ffff00" stroke="#002046" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/yeblu/productive-time-all-time.svg b/demo/yeblu/productive-time-all-time.svg
new file mode 100644
index 00000000..48364617
--- /dev/null
+++ b/demo/yeblu/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#002046" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffff00">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffff00"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffff00"/>
+  <text x="29" y="158" font-size="10" fill="#ffff00" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#ffff00"/>
+  <text x="29" y="140" font-size="10" fill="#ffff00" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#ffff00"/>
+  <text x="29" y="122" font-size="10" fill="#ffff00" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffff00"/>
+  <text x="29" y="103" font-size="10" fill="#ffff00" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#ffff00"/>
+  <text x="29" y="85" font-size="10" fill="#ffff00" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#ffff00"/>
+  <text x="29" y="67" font-size="10" fill="#ffff00" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffff00"/>
+  <text x="29" y="48" font-size="10" fill="#ffff00" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffff00"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffff00"/>
+  <text x="40" y="171" font-size="10" fill="#ffff00" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffff00"/>
+  <text x="113" y="171" font-size="10" fill="#ffff00" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffff00"/>
+  <text x="186" y="171" font-size="10" fill="#ffff00" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffff00"/>
+  <text x="258" y="171" font-size="10" fill="#ffff00" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffff00"/>
+  <text x="319" y="171" font-size="10" fill="#ffff00" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#ffff00"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#ffff00"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#ffff00"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#ffff00"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#ffff00"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#ffff00"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#ffff00"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#ffff00"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#ffff00"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#ffff00"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#ffff00"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#ffff00"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#ffff00"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#ffff00"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#ffff00"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#ffff00"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#ffff00"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#ffff00"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#ffff00"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#ffff00"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#ffff00"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#ffff00"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#ffff00"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#ffff00"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffff00" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/yeblu/productive-time.svg b/demo/yeblu/productive-time.svg
new file mode 100644
index 00000000..7d845d61
--- /dev/null
+++ b/demo/yeblu/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#002046" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffff00">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#ffff00"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#ffff00"/>
+  <text x="29" y="158" font-size="10" fill="#ffff00" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#ffff00"/>
+  <text x="29" y="131" font-size="10" fill="#ffff00" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#ffff00"/>
+  <text x="29" y="103" font-size="10" fill="#ffff00" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#ffff00"/>
+  <text x="29" y="76" font-size="10" fill="#ffff00" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#ffff00"/>
+  <text x="29" y="48" font-size="10" fill="#ffff00" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#ffff00"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#ffff00"/>
+  <text x="40" y="171" font-size="10" fill="#ffff00" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#ffff00"/>
+  <text x="113" y="171" font-size="10" fill="#ffff00" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#ffff00"/>
+  <text x="186" y="171" font-size="10" fill="#ffff00" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#ffff00"/>
+  <text x="258" y="171" font-size="10" fill="#ffff00" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#ffff00"/>
+  <text x="319" y="171" font-size="10" fill="#ffff00" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#ffff00"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#ffff00"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffff00"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#ffff00"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#ffff00"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#ffff00"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#ffff00"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#ffff00"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#ffff00"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#ffff00"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#ffff00"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#ffff00"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#ffff00"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#ffff00"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#ffff00"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#ffff00"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#ffff00"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#ffff00"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#ffff00"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#ffff00"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#ffff00"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#ffff00"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#ffff00"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#ffff00"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#ffff00" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/yeblu/profile-details.svg b/demo/yeblu/profile-details.svg
new file mode 100644
index 00000000..d2b790d6
--- /dev/null
+++ b/demo/yeblu/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#002046" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffff00">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#ffff00"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#ffffff">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#ffff00"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#ffffff">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#ffff00"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#ffffff">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#ffff00"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#ffffff">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#ffff00"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#ffffff">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#ffff00"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#ffffff">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/yeblu/repos-per-language.svg b/demo/yeblu/repos-per-language.svg
new file mode 100644
index 00000000..047cf46d
--- /dev/null
+++ b/demo/yeblu/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#002046" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffff00">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#ffffff">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#ffffff">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#ffffff">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#ffffff">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#ffff00" stroke="#002046" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#ffffff">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#002046" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#002046" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#002046" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#002046" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#ffff00" stroke="#002046" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/yeblu/stats.svg b/demo/yeblu/stats.svg
new file mode 100644
index 00000000..d9f519f6
--- /dev/null
+++ b/demo/yeblu/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#002046" stroke="#000000" stroke-opacity="0.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#ffff00">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#ffff00"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#ffffff">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#ffff00" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#ffff00"><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="#ffff00" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#ffff00"><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="#ffff00" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#ffff00"><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="#ffff00" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#ffff00"><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="#ffff00" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#ffff00"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#ffffff">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#ffff00" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#ffff00"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#ffffff">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#ffff00" text-anchor="end">19</text>
+</svg>
\ No newline at end of file
diff --git a/demo/zenburn/contributions-all-time.svg b/demo/zenburn/contributions-all-time.svg
new file mode 100644
index 00000000..0266fe01
--- /dev/null
+++ b/demo/zenburn/contributions-all-time.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#3f3f3f" stroke="#3f3f3f" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f0dfaf">Contributions (all time)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#8cd0d3"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#8cd0d3"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#8cd0d3"/>
+  <text x="22" y="153" font-size="10" fill="#8cd0d3" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#8cd0d3"/>
+  <text x="318" y="153" font-size="10" fill="#8cd0d3" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#8cd0d3"/>
+  <text x="22" y="132" font-size="10" fill="#8cd0d3" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#8cd0d3"/>
+  <text x="318" y="132" font-size="10" fill="#8cd0d3" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#8cd0d3"/>
+  <text x="22" y="111" font-size="10" fill="#8cd0d3" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#8cd0d3"/>
+  <text x="318" y="111" font-size="10" fill="#8cd0d3" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#8cd0d3"/>
+  <text x="22" y="90" font-size="10" fill="#8cd0d3" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#8cd0d3"/>
+  <text x="318" y="90" font-size="10" fill="#8cd0d3" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#8cd0d3"/>
+  <text x="22" y="69" font-size="10" fill="#8cd0d3" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#8cd0d3"/>
+  <text x="318" y="69" font-size="10" fill="#8cd0d3" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#8cd0d3"/>
+  <text x="22" y="48" font-size="10" fill="#8cd0d3" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#8cd0d3"/>
+  <text x="318" y="48" font-size="10" fill="#8cd0d3" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#8cd0d3"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#8cd0d3"/>
+  <text x="28" y="166" font-size="10" fill="#8cd0d3" text-anchor="middle">01/18</text>
+  <line x1="82" y1="150" x2="82" y2="154" stroke="#8cd0d3"/>
+  <text x="82" y="166" font-size="10" fill="#8cd0d3" text-anchor="middle">08/19</text>
+  <line x1="137" y1="150" x2="137" y2="154" stroke="#8cd0d3"/>
+  <text x="137" y="166" font-size="10" fill="#8cd0d3" text-anchor="middle">03/21</text>
+  <line x1="191" y1="150" x2="191" y2="154" stroke="#8cd0d3"/>
+  <text x="191" y="166" font-size="10" fill="#8cd0d3" text-anchor="middle">10/22</text>
+  <line x1="246" y1="150" x2="246" y2="154" stroke="#8cd0d3"/>
+  <text x="246" y="166" font-size="10" fill="#8cd0d3" text-anchor="middle">05/24</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#8cd0d3"/>
+  <text x="312" y="166" font-size="10" fill="#8cd0d3" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#7f9f7f" 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,106.84 309.13,90.78 C310.09,74.72 311.52,41.25 312.00,31.35" fill="none" stroke="#7f9f7f" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#8cd0d3" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/zenburn/contributions.svg b/demo/zenburn/contributions.svg
new file mode 100644
index 00000000..027cdfe6
--- /dev/null
+++ b/demo/zenburn/contributions.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#3f3f3f" stroke="#3f3f3f" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f0dfaf">Contributions (last year)</text>
+  <line x1="28" y1="45" x2="28" y2="150" stroke="#8cd0d3"/>
+  <line x1="312" y1="45" x2="312" y2="150" stroke="#8cd0d3"/>
+  <line x1="24" y1="150" x2="28" y2="150" stroke="#8cd0d3"/>
+  <text x="22" y="153" font-size="10" fill="#8cd0d3" text-anchor="end">0</text>
+  <line x1="312" y1="150" x2="316" y2="150" stroke="#8cd0d3"/>
+  <text x="318" y="153" font-size="10" fill="#8cd0d3" text-anchor="start">0</text>
+  <line x1="24" y1="129" x2="28" y2="129" stroke="#8cd0d3"/>
+  <text x="22" y="132" font-size="10" fill="#8cd0d3" text-anchor="end">100</text>
+  <line x1="312" y1="129" x2="316" y2="129" stroke="#8cd0d3"/>
+  <text x="318" y="132" font-size="10" fill="#8cd0d3" text-anchor="start">100</text>
+  <line x1="24" y1="108" x2="28" y2="108" stroke="#8cd0d3"/>
+  <text x="22" y="111" font-size="10" fill="#8cd0d3" text-anchor="end">200</text>
+  <line x1="312" y1="108" x2="316" y2="108" stroke="#8cd0d3"/>
+  <text x="318" y="111" font-size="10" fill="#8cd0d3" text-anchor="start">200</text>
+  <line x1="24" y1="87" x2="28" y2="87" stroke="#8cd0d3"/>
+  <text x="22" y="90" font-size="10" fill="#8cd0d3" text-anchor="end">300</text>
+  <line x1="312" y1="87" x2="316" y2="87" stroke="#8cd0d3"/>
+  <text x="318" y="90" font-size="10" fill="#8cd0d3" text-anchor="start">300</text>
+  <line x1="24" y1="66" x2="28" y2="66" stroke="#8cd0d3"/>
+  <text x="22" y="69" font-size="10" fill="#8cd0d3" text-anchor="end">400</text>
+  <line x1="312" y1="66" x2="316" y2="66" stroke="#8cd0d3"/>
+  <text x="318" y="69" font-size="10" fill="#8cd0d3" text-anchor="start">400</text>
+  <line x1="24" y1="45" x2="28" y2="45" stroke="#8cd0d3"/>
+  <text x="22" y="48" font-size="10" fill="#8cd0d3" text-anchor="end">500</text>
+  <line x1="312" y1="45" x2="316" y2="45" stroke="#8cd0d3"/>
+  <text x="318" y="48" font-size="10" fill="#8cd0d3" text-anchor="start">500</text>
+  <line x1="28" y1="150" x2="312" y2="150" stroke="#8cd0d3"/>
+  <line x1="28" y1="150" x2="28" y2="154" stroke="#8cd0d3"/>
+  <text x="28" y="166" font-size="10" fill="#8cd0d3" text-anchor="middle">04/25</text>
+  <line x1="75" y1="150" x2="75" y2="154" stroke="#8cd0d3"/>
+  <text x="75" y="166" font-size="10" fill="#8cd0d3" text-anchor="middle">06/25</text>
+  <line x1="122" y1="150" x2="122" y2="154" stroke="#8cd0d3"/>
+  <text x="122" y="166" font-size="10" fill="#8cd0d3" text-anchor="middle">08/25</text>
+  <line x1="170" y1="150" x2="170" y2="154" stroke="#8cd0d3"/>
+  <text x="170" y="166" font-size="10" fill="#8cd0d3" text-anchor="middle">10/25</text>
+  <line x1="217" y1="150" x2="217" y2="154" stroke="#8cd0d3"/>
+  <text x="217" y="166" font-size="10" fill="#8cd0d3" text-anchor="middle">12/25</text>
+  <line x1="264" y1="150" x2="264" y2="154" stroke="#8cd0d3"/>
+  <text x="264" y="166" font-size="10" fill="#8cd0d3" text-anchor="middle">02/26</text>
+  <line x1="312" y1="150" x2="312" y2="154" stroke="#8cd0d3"/>
+  <text x="312" y="166" font-size="10" fill="#8cd0d3" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35 L312.00,150.00 L28.00,150.00 Z" fill="#7f9f7f" 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,106.84 288.33,90.78 C296.22,74.72 308.06,41.25 312.00,31.35" fill="none" stroke="#7f9f7f" stroke-width="2"/>
+  <text x="170" y="184" font-size="11" fill="#8cd0d3" text-anchor="middle">mm/yy</text>
+</svg>
\ No newline at end of file
diff --git a/demo/zenburn/most-commit-language-all-time.svg b/demo/zenburn/most-commit-language-all-time.svg
new file mode 100644
index 00000000..21dffcf6
--- /dev/null
+++ b/demo/zenburn/most-commit-language-all-time.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#3f3f3f" stroke="#3f3f3f" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f0dfaf">Most Commit Language (all time)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#dcdccc">JavaScript 31.61%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#dcdccc">Java 18.83%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#e34c26" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#dcdccc">HTML 18.79%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#00ADD8" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#dcdccc">Go 7.16%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#7f9f7f" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#dcdccc">Other 23.62%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 300.33,132.19 L277.45,122.10 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#3f3f3f" stroke-width="1.5"/>
+  <path d="M300.33,132.19 A55.00,55.00 0 0 1 248.50,164.98 L249.18,139.99 A30.00,30.00 0 0 0 277.45,122.10 Z" fill="#b07219" stroke="#3f3f3f" stroke-width="1.5"/>
+  <path d="M248.50,164.98 A55.00,55.00 0 0 1 198.58,129.52 L221.95,120.65 A30.00,30.00 0 0 0 249.18,139.99 Z" fill="#e34c26" stroke="#3f3f3f" stroke-width="1.5"/>
+  <path d="M198.58,129.52 A55.00,55.00 0 0 1 195.21,105.23 L220.11,107.40 A30.00,30.00 0 0 0 221.95,120.65 Z" fill="#00ADD8" stroke="#3f3f3f" stroke-width="1.5"/>
+  <path d="M195.21,105.23 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.11,107.40 Z" fill="#7f9f7f" stroke="#3f3f3f" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/zenburn/most-commit-language.svg b/demo/zenburn/most-commit-language.svg
new file mode 100644
index 00000000..6961abca
--- /dev/null
+++ b/demo/zenburn/most-commit-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#3f3f3f" stroke="#3f3f3f" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f0dfaf">Most Commit Language (last year)</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#dcdccc">JavaScript 44.92%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#00ADD8" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#dcdccc">Go 12.81%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#b07219" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#dcdccc">Java 10.78%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#e34c26" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#dcdccc">HTML 9.76%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#7f9f7f" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#dcdccc">Other 21.72%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 267.27,162.22 L259.42,138.48 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#3f3f3f" stroke-width="1.5"/>
+  <path d="M267.27,162.22 A55.00,55.00 0 0 1 224.32,158.64 L235.99,136.53 A30.00,30.00 0 0 0 259.42,138.48 Z" fill="#00ADD8" stroke="#3f3f3f" stroke-width="1.5"/>
+  <path d="M224.32,158.64 A55.00,55.00 0 0 1 199.51,131.80 L222.46,121.89 A30.00,30.00 0 0 0 235.99,136.53 Z" fill="#b07219" stroke="#3f3f3f" stroke-width="1.5"/>
+  <path d="M199.51,131.80 A55.00,55.00 0 0 1 196.16,98.75 L220.63,103.87 A30.00,30.00 0 0 0 222.46,121.89 Z" fill="#e34c26" stroke="#3f3f3f" stroke-width="1.5"/>
+  <path d="M196.16,98.75 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 220.63,103.87 Z" fill="#7f9f7f" stroke="#3f3f3f" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/zenburn/productive-time-all-time.svg b/demo/zenburn/productive-time-all-time.svg
new file mode 100644
index 00000000..fc41492a
--- /dev/null
+++ b/demo/zenburn/productive-time-all-time.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#3f3f3f" stroke="#3f3f3f" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f0dfaf">Commits by Hour (all time, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#8cd0d3"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#8cd0d3"/>
+  <text x="29" y="158" font-size="10" fill="#8cd0d3" text-anchor="end">0</text>
+  <line x1="31" y1="137" x2="35" y2="137" stroke="#8cd0d3"/>
+  <text x="29" y="140" font-size="10" fill="#8cd0d3" text-anchor="end">50</text>
+  <line x1="31" y1="119" x2="35" y2="119" stroke="#8cd0d3"/>
+  <text x="29" y="122" font-size="10" fill="#8cd0d3" text-anchor="end">100</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#8cd0d3"/>
+  <text x="29" y="103" font-size="10" fill="#8cd0d3" text-anchor="end">150</text>
+  <line x1="31" y1="82" x2="35" y2="82" stroke="#8cd0d3"/>
+  <text x="29" y="85" font-size="10" fill="#8cd0d3" text-anchor="end">200</text>
+  <line x1="31" y1="64" x2="35" y2="64" stroke="#8cd0d3"/>
+  <text x="29" y="67" font-size="10" fill="#8cd0d3" text-anchor="end">250</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#8cd0d3"/>
+  <text x="29" y="48" font-size="10" fill="#8cd0d3" text-anchor="end">300</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#8cd0d3"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#8cd0d3"/>
+  <text x="40" y="171" font-size="10" fill="#8cd0d3" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#8cd0d3"/>
+  <text x="113" y="171" font-size="10" fill="#8cd0d3" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#8cd0d3"/>
+  <text x="186" y="171" font-size="10" fill="#8cd0d3" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#8cd0d3"/>
+  <text x="258" y="171" font-size="10" fill="#8cd0d3" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#8cd0d3"/>
+  <text x="319" y="171" font-size="10" fill="#8cd0d3" text-anchor="middle">23</text>
+  <rect x="35.00" y="94.50" width="11.12" height="60.50" rx="2" fill="#7f9f7f"><title>00:00 — 165 commits</title></rect>
+  <rect x="47.12" y="133.00" width="11.12" height="22.00" rx="2" fill="#7f9f7f"><title>01:00 — 60 commits</title></rect>
+  <rect x="59.25" y="149.50" width="11.12" height="5.50" rx="2" fill="#7f9f7f"><title>02:00 — 15 commits</title></rect>
+  <rect x="71.38" y="150.97" width="11.12" height="4.03" rx="2" fill="#7f9f7f"><title>03:00 — 11 commits</title></rect>
+  <rect x="83.50" y="151.70" width="11.12" height="3.30" rx="2" fill="#7f9f7f"><title>04:00 — 9 commits</title></rect>
+  <rect x="95.62" y="152.43" width="11.12" height="2.57" rx="2" fill="#7f9f7f"><title>05:00 — 7 commits</title></rect>
+  <rect x="107.75" y="150.97" width="11.12" height="4.03" rx="2" fill="#7f9f7f"><title>06:00 — 11 commits</title></rect>
+  <rect x="119.88" y="149.50" width="11.12" height="5.50" rx="2" fill="#7f9f7f"><title>07:00 — 15 commits</title></rect>
+  <rect x="132.00" y="137.03" width="11.12" height="17.97" rx="2" fill="#7f9f7f"><title>08:00 — 49 commits</title></rect>
+  <rect x="144.12" y="111.00" width="11.12" height="44.00" rx="2" fill="#7f9f7f"><title>09:00 — 120 commits</title></rect>
+  <rect x="156.25" y="89.00" width="11.12" height="66.00" rx="2" fill="#7f9f7f"><title>10:00 — 180 commits</title></rect>
+  <rect x="168.38" y="87.17" width="11.12" height="67.83" rx="2" fill="#7f9f7f"><title>11:00 — 185 commits</title></rect>
+  <rect x="180.50" y="106.97" width="11.12" height="48.03" rx="2" fill="#7f9f7f"><title>12:00 — 131 commits</title></rect>
+  <rect x="192.62" y="105.13" width="11.12" height="49.87" rx="2" fill="#7f9f7f"><title>13:00 — 136 commits</title></rect>
+  <rect x="204.75" y="102.57" width="11.12" height="52.43" rx="2" fill="#7f9f7f"><title>14:00 — 143 commits</title></rect>
+  <rect x="216.88" y="117.23" width="11.12" height="37.77" rx="2" fill="#7f9f7f"><title>15:00 — 103 commits</title></rect>
+  <rect x="229.00" y="116.87" width="11.12" height="38.13" rx="2" fill="#7f9f7f"><title>16:00 — 104 commits</title></rect>
+  <rect x="241.12" y="115.03" width="11.12" height="39.97" rx="2" fill="#7f9f7f"><title>17:00 — 109 commits</title></rect>
+  <rect x="253.25" y="107.70" width="11.12" height="47.30" rx="2" fill="#7f9f7f"><title>18:00 — 129 commits</title></rect>
+  <rect x="265.38" y="116.50" width="11.12" height="38.50" rx="2" fill="#7f9f7f"><title>19:00 — 105 commits</title></rect>
+  <rect x="277.50" y="58.93" width="11.12" height="96.07" rx="2" fill="#7f9f7f"><title>20:00 — 262 commits</title></rect>
+  <rect x="289.62" y="29.97" width="11.12" height="125.03" rx="2" fill="#7f9f7f"><title>21:00 — 341 commits</title></rect>
+  <rect x="301.75" y="38.03" width="11.12" height="116.97" rx="2" fill="#7f9f7f"><title>22:00 — 319 commits</title></rect>
+  <rect x="313.88" y="45.73" width="11.12" height="109.27" rx="2" fill="#7f9f7f"><title>23:00 — 298 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#8cd0d3" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/zenburn/productive-time.svg b/demo/zenburn/productive-time.svg
new file mode 100644
index 00000000..0e123400
--- /dev/null
+++ b/demo/zenburn/productive-time.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#3f3f3f" stroke="#3f3f3f" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f0dfaf">Commits by Hour (last year, UTC+7.00)</text>
+  <line x1="35" y1="45" x2="35" y2="155" stroke="#8cd0d3"/>
+  <line x1="31" y1="155" x2="35" y2="155" stroke="#8cd0d3"/>
+  <text x="29" y="158" font-size="10" fill="#8cd0d3" text-anchor="end">0</text>
+  <line x1="31" y1="128" x2="35" y2="128" stroke="#8cd0d3"/>
+  <text x="29" y="131" font-size="10" fill="#8cd0d3" text-anchor="end">50</text>
+  <line x1="31" y1="100" x2="35" y2="100" stroke="#8cd0d3"/>
+  <text x="29" y="103" font-size="10" fill="#8cd0d3" text-anchor="end">100</text>
+  <line x1="31" y1="73" x2="35" y2="73" stroke="#8cd0d3"/>
+  <text x="29" y="76" font-size="10" fill="#8cd0d3" text-anchor="end">150</text>
+  <line x1="31" y1="45" x2="35" y2="45" stroke="#8cd0d3"/>
+  <text x="29" y="48" font-size="10" fill="#8cd0d3" text-anchor="end">200</text>
+  <line x1="35" y1="155" x2="325" y2="155" stroke="#8cd0d3"/>
+  <line x1="40" y1="155" x2="40" y2="159" stroke="#8cd0d3"/>
+  <text x="40" y="171" font-size="10" fill="#8cd0d3" text-anchor="middle">0</text>
+  <line x1="113" y1="155" x2="113" y2="159" stroke="#8cd0d3"/>
+  <text x="113" y="171" font-size="10" fill="#8cd0d3" text-anchor="middle">6</text>
+  <line x1="186" y1="155" x2="186" y2="159" stroke="#8cd0d3"/>
+  <text x="186" y="171" font-size="10" fill="#8cd0d3" text-anchor="middle">12</text>
+  <line x1="258" y1="155" x2="258" y2="159" stroke="#8cd0d3"/>
+  <text x="258" y="171" font-size="10" fill="#8cd0d3" text-anchor="middle">18</text>
+  <line x1="319" y1="155" x2="319" y2="159" stroke="#8cd0d3"/>
+  <text x="319" y="171" font-size="10" fill="#8cd0d3" text-anchor="middle">23</text>
+  <rect x="35.00" y="104.95" width="11.12" height="50.05" rx="2" fill="#7f9f7f"><title>00:00 — 91 commits</title></rect>
+  <rect x="47.12" y="139.60" width="11.12" height="15.40" rx="2" fill="#7f9f7f"><title>01:00 — 28 commits</title></rect>
+  <rect x="59.25" y="152.80" width="11.12" height="2.20" rx="2" fill="#7f9f7f"><title>02:00 — 4 commits</title></rect>
+  <rect x="71.38" y="152.80" width="11.12" height="2.20" rx="2" fill="#7f9f7f"><title>03:00 — 4 commits</title></rect>
+  <rect x="83.50" y="155.00" width="11.12" height="0.00" rx="2" fill="#7f9f7f"><title>04:00 — 0 commits</title></rect>
+  <rect x="95.62" y="155.00" width="11.12" height="0.00" rx="2" fill="#7f9f7f"><title>05:00 — 0 commits</title></rect>
+  <rect x="107.75" y="153.35" width="11.12" height="1.65" rx="2" fill="#7f9f7f"><title>06:00 — 3 commits</title></rect>
+  <rect x="119.88" y="154.45" width="11.12" height="0.55" rx="2" fill="#7f9f7f"><title>07:00 — 1 commits</title></rect>
+  <rect x="132.00" y="136.85" width="11.12" height="18.15" rx="2" fill="#7f9f7f"><title>08:00 — 33 commits</title></rect>
+  <rect x="144.12" y="102.75" width="11.12" height="52.25" rx="2" fill="#7f9f7f"><title>09:00 — 95 commits</title></rect>
+  <rect x="156.25" y="88.45" width="11.12" height="66.55" rx="2" fill="#7f9f7f"><title>10:00 — 121 commits</title></rect>
+  <rect x="168.38" y="104.40" width="11.12" height="50.60" rx="2" fill="#7f9f7f"><title>11:00 — 92 commits</title></rect>
+  <rect x="180.50" y="125.30" width="11.12" height="29.70" rx="2" fill="#7f9f7f"><title>12:00 — 54 commits</title></rect>
+  <rect x="192.62" y="115.95" width="11.12" height="39.05" rx="2" fill="#7f9f7f"><title>13:00 — 71 commits</title></rect>
+  <rect x="204.75" y="122.00" width="11.12" height="33.00" rx="2" fill="#7f9f7f"><title>14:00 — 60 commits</title></rect>
+  <rect x="216.88" y="123.65" width="11.12" height="31.35" rx="2" fill="#7f9f7f"><title>15:00 — 57 commits</title></rect>
+  <rect x="229.00" y="120.90" width="11.12" height="34.10" rx="2" fill="#7f9f7f"><title>16:00 — 62 commits</title></rect>
+  <rect x="241.12" y="120.35" width="11.12" height="34.65" rx="2" fill="#7f9f7f"><title>17:00 — 63 commits</title></rect>
+  <rect x="253.25" y="121.45" width="11.12" height="33.55" rx="2" fill="#7f9f7f"><title>18:00 — 61 commits</title></rect>
+  <rect x="265.38" y="131.90" width="11.12" height="23.10" rx="2" fill="#7f9f7f"><title>19:00 — 42 commits</title></rect>
+  <rect x="277.50" y="80.75" width="11.12" height="74.25" rx="2" fill="#7f9f7f"><title>20:00 — 135 commits</title></rect>
+  <rect x="289.62" y="69.20" width="11.12" height="85.80" rx="2" fill="#7f9f7f"><title>21:00 — 156 commits</title></rect>
+  <rect x="301.75" y="42.80" width="11.12" height="112.20" rx="2" fill="#7f9f7f"><title>22:00 — 204 commits</title></rect>
+  <rect x="313.88" y="53.25" width="11.12" height="101.75" rx="2" fill="#7f9f7f"><title>23:00 — 185 commits</title></rect>
+  <text x="180" y="189" font-size="11" fill="#8cd0d3" text-anchor="middle">hour of day</text>
+</svg>
\ No newline at end of file
diff --git a/demo/zenburn/profile-details.svg b/demo/zenburn/profile-details.svg
new file mode 100644
index 00000000..7a7f39c7
--- /dev/null
+++ b/demo/zenburn/profile-details.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#3f3f3f" stroke="#3f3f3f" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f0dfaf">tiennm99 (Tien Nguyen Minh)</text>
+  <g transform="translate(20,50.00) scale(0.750)" fill="#8cd0d3"><path fill-rule="evenodd" d="M1.5 14.25c0 .138.112.25.25.25H4v-1.25a.75.75 0 01.75-.75h2.5a.75.75 0 01.75.75v1.25h2.25a.25.25 0 00.25-.25V1.75a.25.25 0 00-.25-.25h-8.5a.25.25 0 00-.25.25v12.5zM1.75 16A1.75 1.75 0 010 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 00.25-.25V8.285a.25.25 0 00-.111-.208l-1.055-.703a.75.75 0 11.832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0114.25 16h-3.5a.75.75 0 01-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 01-.75-.75V14h-1v1.25a.75.75 0 01-.75.75h-3zM3 3.75A.75.75 0 013.75 3h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 3.75zM3.75 6a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 9.75A.75.75 0 013.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 013 9.75zM7.75 9a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM7 6.75A.75.75 0 017.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 017 6.75zM7.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/></g>
+  <text x="40" y="60" font-size="12" fill="#dcdccc">VNG Corporation</text>
+  <g transform="translate(20,70.00) scale(0.750)" fill="#8cd0d3"><path fill-rule="evenodd" d="M11.536 3.464a5 5 0 010 7.072L8 14.07l-3.536-3.535a5 5 0 117.072-7.072v.001zm1.06 8.132a6.5 6.5 0 10-9.192 0l3.535 3.536a1.5 1.5 0 002.122 0l3.535-3.536zM8 9a2 2 0 100-4 2 2 0 000 4z"/></g>
+  <text x="40" y="80" font-size="12" fill="#dcdccc">Ho Chi Minh - Viet Nam</text>
+  <g transform="translate(20,90.00) scale(0.750)" fill="#8cd0d3"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"/></g>
+  <text x="40" y="100" font-size="12" fill="#dcdccc">miti99.com</text>
+  <g transform="translate(20,110.00) scale(0.750)" fill="#8cd0d3"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM8 0a8 8 0 100 16A8 8 0 008 0zm.5 4.75a.75.75 0 00-1.5 0v3.5a.75.75 0 00.471.696l2.5 1a.75.75 0 00.557-1.392L8.5 7.742V4.75z"/></g>
+  <text x="40" y="120" font-size="12" fill="#dcdccc">2018-05-07 (7 years ago)</text>
+  <g transform="translate(20,130.00) scale(0.750)" fill="#8cd0d3"><path fill-rule="evenodd" d="M5.5 3.5a2 2 0 100 4 2 2 0 000-4zM2 5.5a3.5 3.5 0 115.898 2.549 5.507 5.507 0 013.034 4.084.75.75 0 11-1.482.235 4.001 4.001 0 00-7.9 0 .75.75 0 01-1.482-.236A5.507 5.507 0 013.102 8.05 3.49 3.49 0 012 5.5zM11 4a.75.75 0 100 1.5 1.5 1.5 0 01.666 2.844.75.75 0 00-.416.672v.352a.75.75 0 00.574.73c1.2.289 2.162 1.2 2.522 2.372a.75.75 0 101.434-.44 5.01 5.01 0 00-2.56-3.012A3 3 0 0011 4z"/></g>
+  <text x="40" y="140" font-size="12" fill="#dcdccc">10 followers · 14 following</text>
+  <g transform="translate(20,150.00) scale(0.750)" fill="#8cd0d3"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="160" font-size="12" fill="#dcdccc">222 public repos</text>
+</svg>
\ No newline at end of file
diff --git a/demo/zenburn/repos-per-language.svg b/demo/zenburn/repos-per-language.svg
new file mode 100644
index 00000000..f3c25223
--- /dev/null
+++ b/demo/zenburn/repos-per-language.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#3f3f3f" stroke="#3f3f3f" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f0dfaf">Repos Per Language</text>
+  <rect x="20" y="47" width="10" height="10" fill="#f1e05a" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="55" font-size="11" fill="#dcdccc">JavaScript 22.45%</text>
+  <rect x="20" y="67" width="10" height="10" fill="#b07219" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="75" font-size="11" fill="#dcdccc">Java 17.35%</text>
+  <rect x="20" y="87" width="10" height="10" fill="#00ADD8" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="95" font-size="11" fill="#dcdccc">Go 12.76%</text>
+  <rect x="20" y="107" width="10" height="10" fill="#3572A5" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="115" font-size="11" fill="#dcdccc">Python 10.20%</text>
+  <rect x="20" y="127" width="10" height="10" fill="#7f9f7f" stroke="#3f3f3f" stroke-width="1"/>
+  <text x="36" y="135" font-size="11" fill="#dcdccc">Other 37.24%</text>
+  <path d="M250.00,55.00 A55.00,55.00 0 0 1 304.29,101.22 L279.62,105.21 A30.00,30.00 0 0 0 250.00,80.00 Z" fill="#f1e05a" stroke="#3f3f3f" stroke-width="1.5"/>
+  <path d="M304.29,101.22 A55.00,55.00 0 0 1 282.90,154.08 L267.94,134.04 A30.00,30.00 0 0 0 279.62,105.21 Z" fill="#b07219" stroke="#3f3f3f" stroke-width="1.5"/>
+  <path d="M282.90,154.08 A55.00,55.00 0 0 1 241.22,164.29 L245.21,139.62 A30.00,30.00 0 0 0 267.94,134.04 Z" fill="#00ADD8" stroke="#3f3f3f" stroke-width="1.5"/>
+  <path d="M241.22,164.29 A55.00,55.00 0 0 1 210.49,148.26 L228.45,130.87 A30.00,30.00 0 0 0 245.21,139.62 Z" fill="#3572A5" stroke="#3f3f3f" stroke-width="1.5"/>
+  <path d="M210.49,148.26 A55.00,55.00 0 0 1 250.00,55.00 L250.00,80.00 A30.00,30.00 0 0 0 228.45,130.87 Z" fill="#7f9f7f" stroke="#3f3f3f" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/demo/zenburn/stats.svg b/demo/zenburn/stats.svg
new file mode 100644
index 00000000..bb75295c
--- /dev/null
+++ b/demo/zenburn/stats.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200" font-family="'Segoe UI', Ubuntu, Sans-Serif">
+  <rect x="0.5" y="0.5" width="339" height="199" rx="6" fill="#3f3f3f" stroke="#3f3f3f" stroke-opacity="1.00"/>
+  <text x="20" y="30" font-size="15" font-weight="600" fill="#f0dfaf">Stats</text>
+  <g transform="translate(20,45.00) scale(0.750)" fill="#8cd0d3"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/></g>
+  <text x="40" y="55" font-size="12" fill="#dcdccc">Total Stars</text>
+  <text x="320" y="55" font-size="12" font-weight="600" fill="#7f9f7f" text-anchor="end">4</text>
+  <g transform="translate(20,65.00) scale(0.750)" fill="#8cd0d3"><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="#dcdccc">Total Commits (all time)</text>
+  <text x="320" y="75" font-size="12" font-weight="600" fill="#7f9f7f" text-anchor="end">3,136</text>
+  <g transform="translate(20,85.00) scale(0.750)" fill="#8cd0d3"><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="#dcdccc">Total Commits (last year)</text>
+  <text x="320" y="95" font-size="12" font-weight="600" fill="#7f9f7f" text-anchor="end">1,764</text>
+  <g transform="translate(20,105.00) scale(0.750)" fill="#8cd0d3"><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="#dcdccc">Total PRs</text>
+  <text x="320" y="115" font-size="12" font-weight="600" fill="#7f9f7f" text-anchor="end">74</text>
+  <g transform="translate(20,125.00) scale(0.750)" fill="#8cd0d3"><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="#dcdccc">Total Issues</text>
+  <text x="320" y="135" font-size="12" font-weight="600" fill="#7f9f7f" text-anchor="end">7</text>
+  <g transform="translate(20,145.00) scale(0.750)" fill="#8cd0d3"><path fill-rule="evenodd" d="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/></g>
+  <text x="40" y="155" font-size="12" fill="#dcdccc">Total PR Reviews</text>
+  <text x="320" y="155" font-size="12" font-weight="600" fill="#7f9f7f" text-anchor="end">0</text>
+  <g transform="translate(20,165.00) scale(0.750)" fill="#8cd0d3"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"/></g>
+  <text x="40" y="175" font-size="12" fill="#dcdccc">Contributed to</text>
+  <text x="320" y="175" font-size="12" font-weight="600" fill="#7f9f7f" text-anchor="end">19</text>
+</svg>
\ No newline at end of file