diff --git a/profile-summary-card-output/2077/4-productive-time.svg b/profile-summary-card-output/2077/4-productive-time.svg
new file mode 100644
index 000000000..9130c891c
--- /dev/null
+++ b/profile-summary-card-output/2077/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#141321" stroke-width="1" fill="#141321" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #ff0055;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#00ffc8" transform="translate(35,20)"><g color="#03d8f3" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#03d8f3" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#00ffc8" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#00ffc8" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#00ffc8" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#00ffc8" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#00ffc8" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#00ffc8" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#00ffc8" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#00ffc8" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#00ffc8" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#00ffc8" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#00ffc8" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#00ffc8" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#00ffc8" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#00ffc8" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#00ffc8" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#00ffc8" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#00ffc8" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#00ffc8" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#00ffc8" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#00ffc8" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#00ffc8" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#00ffc8" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#00ffc8" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#00ffc8" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #03d8f3; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/2077/README.md b/profile-summary-card-output/2077/README.md
index 4529f41a9..4d875137d 100644
--- a/profile-summary-card-output/2077/README.md
+++ b/profile-summary-card-output/2077/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/2077/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/algolia/4-productive-time.svg b/profile-summary-card-output/algolia/4-productive-time.svg
new file mode 100644
index 000000000..8b092806b
--- /dev/null
+++ b/profile-summary-card-output/algolia/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#050f2c" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #00aeff;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#00aeff" transform="translate(35,20)"><g color="#ffffff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ffffff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#00aeff" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#00aeff" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#00aeff" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#00aeff" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#00aeff" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#00aeff" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#00aeff" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#00aeff" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#00aeff" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#00aeff" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#00aeff" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#00aeff" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#00aeff" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#00aeff" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#00aeff" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#00aeff" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#00aeff" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#00aeff" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#00aeff" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#00aeff" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#00aeff" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#00aeff" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#00aeff" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#00aeff" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ffffff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/algolia/README.md b/profile-summary-card-output/algolia/README.md
index b31abd80c..6af6c2448 100644
--- a/profile-summary-card-output/algolia/README.md
+++ b/profile-summary-card-output/algolia/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/algolia/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/apprentice/4-productive-time.svg b/profile-summary-card-output/apprentice/4-productive-time.svg
new file mode 100644
index 000000000..d1b3a5980
--- /dev/null
+++ b/profile-summary-card-output/apprentice/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#262626" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #ffffff;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ffffff" transform="translate(35,20)"><g color="#bcbcbc" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#bcbcbc" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ffffff" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ffffff" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ffffff" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ffffff" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ffffff" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffffff" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ffffff" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffffff" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ffffff" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffffff" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffffff" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ffffff" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ffffff" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ffffff" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ffffff" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ffffff" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ffffff" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ffffff" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ffffff" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ffffff" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ffffff" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ffffff" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ffffff" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ffffff" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #bcbcbc; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/apprentice/README.md b/profile-summary-card-output/apprentice/README.md
index 7f78191c7..eb30f4697 100644
--- a/profile-summary-card-output/apprentice/README.md
+++ b/profile-summary-card-output/apprentice/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/apprentice/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/aura/4-productive-time.svg b/profile-summary-card-output/aura/4-productive-time.svg
new file mode 100644
index 000000000..248674d8e
--- /dev/null
+++ b/profile-summary-card-output/aura/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#15141b" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #a277ff;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#a277ff" transform="translate(35,20)"><g color="#61ffca" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#61ffca" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#a277ff" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#a277ff" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#a277ff" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#a277ff" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#a277ff" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#a277ff" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#a277ff" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#a277ff" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#a277ff" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#a277ff" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#a277ff" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#a277ff" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#a277ff" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#a277ff" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#a277ff" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#a277ff" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#a277ff" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#a277ff" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#a277ff" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#a277ff" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#a277ff" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#a277ff" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#a277ff" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#a277ff" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #61ffca; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/aura/README.md b/profile-summary-card-output/aura/README.md
index f0c350d58..a2a3ee98a 100644
--- a/profile-summary-card-output/aura/README.md
+++ b/profile-summary-card-output/aura/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/aura/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/aura_dark/4-productive-time.svg b/profile-summary-card-output/aura_dark/4-productive-time.svg
new file mode 100644
index 000000000..646b6f67e
--- /dev/null
+++ b/profile-summary-card-output/aura_dark/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#252334" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #ff7372;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ff7372" transform="translate(35,20)"><g color="#dbdbdb" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#dbdbdb" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ff7372" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ff7372" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ff7372" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ff7372" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ff7372" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff7372" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ff7372" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff7372" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ff7372" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff7372" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff7372" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ff7372" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ff7372" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ff7372" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ff7372" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ff7372" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ff7372" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ff7372" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ff7372" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ff7372" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ff7372" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ff7372" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ff7372" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ff7372" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #dbdbdb; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/aura_dark/README.md b/profile-summary-card-output/aura_dark/README.md
index cc6b066f5..56c71aaf5 100644
--- a/profile-summary-card-output/aura_dark/README.md
+++ b/profile-summary-card-output/aura_dark/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/aura_dark/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/ayu_mirage/4-productive-time.svg b/profile-summary-card-output/ayu_mirage/4-productive-time.svg
new file mode 100644
index 000000000..04fb919fd
--- /dev/null
+++ b/profile-summary-card-output/ayu_mirage/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#1f2430" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #f4cd7c;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#f4cd7c" transform="translate(35,20)"><g color="#c7c8c2" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#c7c8c2" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#f4cd7c" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#f4cd7c" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#f4cd7c" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#f4cd7c" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#f4cd7c" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#f4cd7c" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#f4cd7c" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#f4cd7c" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#f4cd7c" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#f4cd7c" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#f4cd7c" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#f4cd7c" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#f4cd7c" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#f4cd7c" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#f4cd7c" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#f4cd7c" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#f4cd7c" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#f4cd7c" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#f4cd7c" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#f4cd7c" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#f4cd7c" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#f4cd7c" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#f4cd7c" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#f4cd7c" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #c7c8c2; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/ayu_mirage/README.md b/profile-summary-card-output/ayu_mirage/README.md
index a04f21a2b..d0f81a125 100644
--- a/profile-summary-card-output/ayu_mirage/README.md
+++ b/profile-summary-card-output/ayu_mirage/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/ayu_mirage/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/bear/4-productive-time.svg b/profile-summary-card-output/bear/4-productive-time.svg
new file mode 100644
index 000000000..21f24a14e
--- /dev/null
+++ b/profile-summary-card-output/bear/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#1f2023" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #e03c8a;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#e03c8a" transform="translate(35,20)"><g color="#bcb28d" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#bcb28d" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#e03c8a" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#e03c8a" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#e03c8a" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#e03c8a" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#e03c8a" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e03c8a" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#e03c8a" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e03c8a" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#e03c8a" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e03c8a" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e03c8a" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#e03c8a" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#e03c8a" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#e03c8a" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#e03c8a" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#e03c8a" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#e03c8a" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#e03c8a" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#e03c8a" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#e03c8a" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#e03c8a" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#e03c8a" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#e03c8a" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#e03c8a" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #bcb28d; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/bear/README.md b/profile-summary-card-output/bear/README.md
index 37cda0bd5..b0f96193c 100644
--- a/profile-summary-card-output/bear/README.md
+++ b/profile-summary-card-output/bear/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/bear/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/blue_green/4-productive-time.svg b/profile-summary-card-output/blue_green/4-productive-time.svg
new file mode 100644
index 000000000..0ceddc9a3
--- /dev/null
+++ b/profile-summary-card-output/blue_green/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#040f0f" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #2f97c1;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#2f97c1" transform="translate(35,20)"><g color="#0cf574" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#0cf574" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#2f97c1" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#2f97c1" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#2f97c1" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#2f97c1" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#2f97c1" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#2f97c1" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#2f97c1" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#2f97c1" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#2f97c1" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#2f97c1" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#2f97c1" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#2f97c1" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#2f97c1" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#2f97c1" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#2f97c1" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#2f97c1" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#2f97c1" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#2f97c1" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#2f97c1" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#2f97c1" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#2f97c1" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#2f97c1" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#2f97c1" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#2f97c1" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #0cf574; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/blue_green/README.md b/profile-summary-card-output/blue_green/README.md
index b410414f6..c086f273b 100644
--- a/profile-summary-card-output/blue_green/README.md
+++ b/profile-summary-card-output/blue_green/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/blue_green/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/blueberry/4-productive-time.svg b/profile-summary-card-output/blueberry/4-productive-time.svg
new file mode 100644
index 000000000..49c689acc
--- /dev/null
+++ b/profile-summary-card-output/blueberry/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#242938" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #82aaff;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#82aaff" transform="translate(35,20)"><g color="#27e8a7" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#27e8a7" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#82aaff" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#82aaff" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#82aaff" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#82aaff" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#82aaff" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#82aaff" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#82aaff" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#82aaff" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#82aaff" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#82aaff" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#82aaff" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#82aaff" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#82aaff" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#82aaff" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#82aaff" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#82aaff" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#82aaff" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#82aaff" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#82aaff" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#82aaff" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#82aaff" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#82aaff" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#82aaff" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#82aaff" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #27e8a7; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/blueberry/README.md b/profile-summary-card-output/blueberry/README.md
index 6e0c85cfc..7c18d15de 100644
--- a/profile-summary-card-output/blueberry/README.md
+++ b/profile-summary-card-output/blueberry/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/blueberry/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/buefy/4-productive-time.svg b/profile-summary-card-output/buefy/4-productive-time.svg
new file mode 100644
index 000000000..f3c73ed1a
--- /dev/null
+++ b/profile-summary-card-output/buefy/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#ffffff" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #7957d5;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#7957d5" transform="translate(35,20)"><g color="#363636" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#363636" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#7957d5" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#7957d5" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#7957d5" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#7957d5" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#7957d5" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7957d5" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#7957d5" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7957d5" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#7957d5" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7957d5" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7957d5" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#7957d5" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#7957d5" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#7957d5" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#7957d5" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#7957d5" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#7957d5" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#7957d5" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#7957d5" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#7957d5" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#7957d5" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#7957d5" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#7957d5" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#7957d5" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #363636; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/buefy/README.md b/profile-summary-card-output/buefy/README.md
index cfe7bfdc6..1a84a4b70 100644
--- a/profile-summary-card-output/buefy/README.md
+++ b/profile-summary-card-output/buefy/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/buefy/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/calm/4-productive-time.svg b/profile-summary-card-output/calm/4-productive-time.svg
new file mode 100644
index 000000000..0fcb85208
--- /dev/null
+++ b/profile-summary-card-output/calm/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#373f51" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #e07a5f;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#e07a5f" transform="translate(35,20)"><g color="#ebcfb2" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ebcfb2" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#e07a5f" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#e07a5f" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#e07a5f" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#e07a5f" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#e07a5f" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e07a5f" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#e07a5f" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e07a5f" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#e07a5f" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e07a5f" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e07a5f" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#e07a5f" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#e07a5f" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#e07a5f" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#e07a5f" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#e07a5f" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#e07a5f" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#e07a5f" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#e07a5f" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#e07a5f" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#e07a5f" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#e07a5f" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#e07a5f" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#e07a5f" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ebcfb2; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/calm/README.md b/profile-summary-card-output/calm/README.md
index 6e79b71bd..cdf5c9d39 100644
--- a/profile-summary-card-output/calm/README.md
+++ b/profile-summary-card-output/calm/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/calm/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/chartreuse_dark/4-productive-time.svg b/profile-summary-card-output/chartreuse_dark/4-productive-time.svg
new file mode 100644
index 000000000..609185807
--- /dev/null
+++ b/profile-summary-card-output/chartreuse_dark/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#000" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #7fff00;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#7fff00" transform="translate(35,20)"><g color="#fff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#fff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#7fff00" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#7fff00" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#7fff00" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#7fff00" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#7fff00" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7fff00" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#7fff00" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7fff00" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#7fff00" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7fff00" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7fff00" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#7fff00" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#7fff00" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#7fff00" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#7fff00" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#7fff00" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#7fff00" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#7fff00" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#7fff00" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#7fff00" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#7fff00" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#7fff00" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#7fff00" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#7fff00" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #fff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/chartreuse_dark/README.md b/profile-summary-card-output/chartreuse_dark/README.md
index 40c29472d..6f51d4623 100644
--- a/profile-summary-card-output/chartreuse_dark/README.md
+++ b/profile-summary-card-output/chartreuse_dark/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/chartreuse_dark/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/city_lights/4-productive-time.svg b/profile-summary-card-output/city_lights/4-productive-time.svg
new file mode 100644
index 000000000..06186e12a
--- /dev/null
+++ b/profile-summary-card-output/city_lights/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#1d252c" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #5d8cb3;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#5d8cb3" transform="translate(35,20)"><g color="#718ca1" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#718ca1" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#5d8cb3" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#5d8cb3" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#5d8cb3" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#5d8cb3" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#5d8cb3" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#5d8cb3" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#5d8cb3" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#5d8cb3" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#5d8cb3" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#5d8cb3" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#5d8cb3" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#5d8cb3" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#5d8cb3" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#5d8cb3" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#5d8cb3" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#5d8cb3" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#5d8cb3" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#5d8cb3" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#5d8cb3" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#5d8cb3" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#5d8cb3" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#5d8cb3" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#5d8cb3" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#5d8cb3" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #718ca1; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/city_lights/README.md b/profile-summary-card-output/city_lights/README.md
index 448708b64..a12cc79cd 100644
--- a/profile-summary-card-output/city_lights/README.md
+++ b/profile-summary-card-output/city_lights/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/city_lights/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/cobalt/4-productive-time.svg b/profile-summary-card-output/cobalt/4-productive-time.svg
new file mode 100644
index 000000000..73b4708e3
--- /dev/null
+++ b/profile-summary-card-output/cobalt/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#193549" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #e683d9;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#e683d9" transform="translate(35,20)"><g color="#75eeb2" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#75eeb2" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#e683d9" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#e683d9" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#e683d9" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#e683d9" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#e683d9" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e683d9" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#e683d9" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e683d9" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#e683d9" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e683d9" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e683d9" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#e683d9" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#e683d9" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#e683d9" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#e683d9" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#e683d9" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#e683d9" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#e683d9" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#e683d9" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#e683d9" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#e683d9" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#e683d9" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#e683d9" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#e683d9" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #75eeb2; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/cobalt/README.md b/profile-summary-card-output/cobalt/README.md
index f1a65e983..8230fc7dc 100644
--- a/profile-summary-card-output/cobalt/README.md
+++ b/profile-summary-card-output/cobalt/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/cobalt/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/cobalt2/4-productive-time.svg b/profile-summary-card-output/cobalt2/4-productive-time.svg
new file mode 100644
index 000000000..f1a60a571
--- /dev/null
+++ b/profile-summary-card-output/cobalt2/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#193549" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #ffc600;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ffc600" transform="translate(35,20)"><g color="#0088ff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#0088ff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ffc600" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ffc600" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ffc600" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ffc600" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ffc600" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffc600" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ffc600" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffc600" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ffc600" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffc600" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffc600" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ffc600" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ffc600" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ffc600" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ffc600" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ffc600" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ffc600" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ffc600" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ffc600" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ffc600" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ffc600" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ffc600" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ffc600" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ffc600" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #0088ff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/cobalt2/README.md b/profile-summary-card-output/cobalt2/README.md
index 985e76510..e7d36fe33 100644
--- a/profile-summary-card-output/cobalt2/README.md
+++ b/profile-summary-card-output/cobalt2/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/cobalt2/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/codeSTACKr/4-productive-time.svg b/profile-summary-card-output/codeSTACKr/4-productive-time.svg
new file mode 100644
index 000000000..30be1f5cc
--- /dev/null
+++ b/profile-summary-card-output/codeSTACKr/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#0c1a25" stroke-width="1" fill="#09131b" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #ff652f;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ff652f" transform="translate(35,20)"><g color="#ffffff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ffffff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ff652f" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ff652f" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ff652f" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ff652f" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ff652f" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff652f" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ff652f" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff652f" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ff652f" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff652f" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff652f" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ff652f" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ff652f" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ff652f" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ff652f" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ff652f" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ff652f" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ff652f" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ff652f" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ff652f" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ff652f" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ff652f" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ff652f" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ff652f" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ffffff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/codeSTACKr/README.md b/profile-summary-card-output/codeSTACKr/README.md
index f7ef02c1d..7866f9af3 100644
--- a/profile-summary-card-output/codeSTACKr/README.md
+++ b/profile-summary-card-output/codeSTACKr/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/codeSTACKr/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/darcula/4-productive-time.svg b/profile-summary-card-output/darcula/4-productive-time.svg
new file mode 100644
index 000000000..7f013d228
--- /dev/null
+++ b/profile-summary-card-output/darcula/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#242424" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #ba5f17;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ba5f17" transform="translate(35,20)"><g color="#bebebe" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#bebebe" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ba5f17" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ba5f17" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ba5f17" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ba5f17" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ba5f17" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ba5f17" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ba5f17" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ba5f17" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ba5f17" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ba5f17" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ba5f17" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ba5f17" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ba5f17" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ba5f17" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ba5f17" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ba5f17" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ba5f17" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ba5f17" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ba5f17" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ba5f17" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ba5f17" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ba5f17" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ba5f17" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ba5f17" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #bebebe; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/darcula/README.md b/profile-summary-card-output/darcula/README.md
index 75b42f09e..637b7b1ba 100644
--- a/profile-summary-card-output/darcula/README.md
+++ b/profile-summary-card-output/darcula/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/darcula/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/dark/4-productive-time.svg b/profile-summary-card-output/dark/4-productive-time.svg
new file mode 100644
index 000000000..3f12bfcfa
--- /dev/null
+++ b/profile-summary-card-output/dark/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#151515" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #fff;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#fff" transform="translate(35,20)"><g color="#9f9f9f" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#9f9f9f" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#fff" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#fff" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#fff" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#fff" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#fff" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#fff" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#fff" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#fff" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#fff" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#fff" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#fff" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#fff" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#fff" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#fff" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#fff" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#fff" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#fff" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#fff" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#fff" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#fff" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#fff" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#fff" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#fff" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#fff" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #9f9f9f; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/dark/README.md b/profile-summary-card-output/dark/README.md
index 89264e1ea..63a27d748 100644
--- a/profile-summary-card-output/dark/README.md
+++ b/profile-summary-card-output/dark/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/dark/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/date_night/4-productive-time.svg b/profile-summary-card-output/date_night/4-productive-time.svg
new file mode 100644
index 000000000..049b137e4
--- /dev/null
+++ b/profile-summary-card-output/date_night/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#170f0c" stroke-width="1" fill="#170f0c" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #da7885;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#da7885" transform="translate(35,20)"><g color="#e1b2a2" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#e1b2a2" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#da7885" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#da7885" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#da7885" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#da7885" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#da7885" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#da7885" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#da7885" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#da7885" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#da7885" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#da7885" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#da7885" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#da7885" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#da7885" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#da7885" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#da7885" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#da7885" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#da7885" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#da7885" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#da7885" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#da7885" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#da7885" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#da7885" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#da7885" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#da7885" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #e1b2a2; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/date_night/README.md b/profile-summary-card-output/date_night/README.md
index 786295b76..9c301dfa7 100644
--- a/profile-summary-card-output/date_night/README.md
+++ b/profile-summary-card-output/date_night/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/date_night/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/default/4-productive-time.svg b/profile-summary-card-output/default/4-productive-time.svg
new file mode 100644
index 000000000..f8d2aa07c
--- /dev/null
+++ b/profile-summary-card-output/default/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#e4e2e2" stroke-width="1" fill="#ffffff" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #586e75;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#586e75" transform="translate(35,20)"><g color="#586e75" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#586e75" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#586e75" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#586e75" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#586e75" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#586e75" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#586e75" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#586e75" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#586e75" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#586e75" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#586e75" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#586e75" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#586e75" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#586e75" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#586e75" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#586e75" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#586e75" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#586e75" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#586e75" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#586e75" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#586e75" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#586e75" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#586e75" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#586e75" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#586e75" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#586e75" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #586e75; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/default/README.md b/profile-summary-card-output/default/README.md
index 7c6bc2246..11600bc71 100644
--- a/profile-summary-card-output/default/README.md
+++ b/profile-summary-card-output/default/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/default/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/discord_old_blurple/4-productive-time.svg b/profile-summary-card-output/discord_old_blurple/4-productive-time.svg
new file mode 100644
index 000000000..daa559a70
--- /dev/null
+++ b/profile-summary-card-output/discord_old_blurple/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#2c2f33" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #7289da;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#7289da" transform="translate(35,20)"><g color="#ffffff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ffffff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#7289da" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#7289da" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#7289da" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#7289da" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#7289da" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7289da" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#7289da" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7289da" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#7289da" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7289da" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7289da" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#7289da" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#7289da" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#7289da" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#7289da" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#7289da" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#7289da" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#7289da" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#7289da" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#7289da" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#7289da" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#7289da" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#7289da" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#7289da" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ffffff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/discord_old_blurple/README.md b/profile-summary-card-output/discord_old_blurple/README.md
index 345cad7bd..1696d87c7 100644
--- a/profile-summary-card-output/discord_old_blurple/README.md
+++ b/profile-summary-card-output/discord_old_blurple/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/discord_old_blurple/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/dracula/4-productive-time.svg b/profile-summary-card-output/dracula/4-productive-time.svg
new file mode 100644
index 000000000..911637a93
--- /dev/null
+++ b/profile-summary-card-output/dracula/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#282a36" stroke-width="1" fill="#282a36" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #ff79c6;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#bd93f9" transform="translate(35,20)"><g color="#ffb86c" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ffb86c" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#bd93f9" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#bd93f9" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#bd93f9" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#bd93f9" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#bd93f9" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bd93f9" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#bd93f9" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bd93f9" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#bd93f9" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bd93f9" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bd93f9" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#bd93f9" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#bd93f9" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#bd93f9" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#bd93f9" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#bd93f9" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#bd93f9" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#bd93f9" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#bd93f9" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#bd93f9" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#bd93f9" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#bd93f9" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#bd93f9" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#bd93f9" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ffb86c; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/dracula/README.md b/profile-summary-card-output/dracula/README.md
index 3c3d8951d..b68019e27 100644
--- a/profile-summary-card-output/dracula/README.md
+++ b/profile-summary-card-output/dracula/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/dracula/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/flag_india/4-productive-time.svg b/profile-summary-card-output/flag_india/4-productive-time.svg
new file mode 100644
index 000000000..8c22b884f
--- /dev/null
+++ b/profile-summary-card-output/flag_india/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#ffffff" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #ff8f1c;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ff8f1c" transform="translate(35,20)"><g color="#509e2f" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#509e2f" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ff8f1c" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ff8f1c" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ff8f1c" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ff8f1c" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ff8f1c" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff8f1c" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ff8f1c" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff8f1c" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ff8f1c" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff8f1c" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff8f1c" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ff8f1c" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ff8f1c" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ff8f1c" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ff8f1c" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ff8f1c" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ff8f1c" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ff8f1c" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ff8f1c" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ff8f1c" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ff8f1c" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ff8f1c" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ff8f1c" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ff8f1c" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #509e2f; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/flag_india/README.md b/profile-summary-card-output/flag_india/README.md
index db32a9baf..3c319e69e 100644
--- a/profile-summary-card-output/flag_india/README.md
+++ b/profile-summary-card-output/flag_india/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/flag_india/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/github/4-productive-time.svg b/profile-summary-card-output/github/4-productive-time.svg
new file mode 100644
index 000000000..227e7908a
--- /dev/null
+++ b/profile-summary-card-output/github/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#e4e2e2" stroke-width="1" fill="#ffffff" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #0366d6;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#40c463" transform="translate(35,20)"><g color="#586069" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#586069" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#40c463" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#40c463" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#40c463" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#40c463" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#40c463" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#40c463" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#40c463" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#40c463" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#40c463" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#40c463" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#40c463" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#40c463" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#40c463" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#40c463" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#40c463" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#40c463" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#40c463" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#40c463" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#40c463" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#40c463" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#40c463" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#40c463" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#40c463" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#40c463" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #586069; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/github/README.md b/profile-summary-card-output/github/README.md
index 6aea44acf..af2dc17d8 100644
--- a/profile-summary-card-output/github/README.md
+++ b/profile-summary-card-output/github/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/github/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/github_dark/4-productive-time.svg b/profile-summary-card-output/github_dark/4-productive-time.svg
new file mode 100644
index 000000000..ca6b17757
--- /dev/null
+++ b/profile-summary-card-output/github_dark/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#2e343b" stroke-width="1" fill="#0d1117" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #0366d6;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#40c463" transform="translate(35,20)"><g color="#77909c" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#77909c" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#40c463" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#40c463" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#40c463" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#40c463" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#40c463" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#40c463" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#40c463" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#40c463" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#40c463" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#40c463" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#40c463" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#40c463" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#40c463" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#40c463" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#40c463" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#40c463" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#40c463" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#40c463" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#40c463" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#40c463" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#40c463" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#40c463" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#40c463" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#40c463" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #77909c; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/github_dark/README.md b/profile-summary-card-output/github_dark/README.md
index 9e03a8f99..2f81c36da 100644
--- a/profile-summary-card-output/github_dark/README.md
+++ b/profile-summary-card-output/github_dark/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/github_dark/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/gotham/4-productive-time.svg b/profile-summary-card-output/gotham/4-productive-time.svg
new file mode 100644
index 000000000..7eb15afc6
--- /dev/null
+++ b/profile-summary-card-output/gotham/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#0c1014" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #2aa889;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#2aa889" transform="translate(35,20)"><g color="#99d1ce" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#99d1ce" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#2aa889" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#2aa889" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#2aa889" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#2aa889" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#2aa889" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#2aa889" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#2aa889" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#2aa889" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#2aa889" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#2aa889" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#2aa889" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#2aa889" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#2aa889" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#2aa889" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#2aa889" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#2aa889" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#2aa889" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#2aa889" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#2aa889" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#2aa889" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#2aa889" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#2aa889" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#2aa889" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#2aa889" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #99d1ce; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/gotham/README.md b/profile-summary-card-output/gotham/README.md
index a3c15bfd3..d2003a360 100644
--- a/profile-summary-card-output/gotham/README.md
+++ b/profile-summary-card-output/gotham/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/gotham/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/graywhite/4-productive-time.svg b/profile-summary-card-output/graywhite/4-productive-time.svg
new file mode 100644
index 000000000..8b73b40a1
--- /dev/null
+++ b/profile-summary-card-output/graywhite/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#ffffff" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #24292e;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#24292e" transform="translate(35,20)"><g color="#24292e" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#24292e" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#24292e" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#24292e" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#24292e" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#24292e" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#24292e" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#24292e" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#24292e" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#24292e" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#24292e" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#24292e" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#24292e" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#24292e" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#24292e" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#24292e" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#24292e" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#24292e" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#24292e" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#24292e" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#24292e" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#24292e" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#24292e" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#24292e" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#24292e" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#24292e" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #24292e; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/graywhite/README.md b/profile-summary-card-output/graywhite/README.md
index 648fa049d..037c3f951 100644
--- a/profile-summary-card-output/graywhite/README.md
+++ b/profile-summary-card-output/graywhite/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/graywhite/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/great_gatsby/4-productive-time.svg b/profile-summary-card-output/great_gatsby/4-productive-time.svg
new file mode 100644
index 000000000..625e25af3
--- /dev/null
+++ b/profile-summary-card-output/great_gatsby/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#000000" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #ffa726;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ffa726" transform="translate(35,20)"><g color="#ffd95b" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ffd95b" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ffa726" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ffa726" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ffa726" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ffa726" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ffa726" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffa726" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ffa726" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffa726" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ffa726" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffa726" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffa726" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ffa726" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ffa726" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ffa726" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ffa726" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ffa726" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ffa726" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ffa726" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ffa726" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ffa726" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ffa726" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ffa726" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ffa726" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ffa726" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ffd95b; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/great_gatsby/README.md b/profile-summary-card-output/great_gatsby/README.md
index 0fc7c083f..3404002d6 100644
--- a/profile-summary-card-output/great_gatsby/README.md
+++ b/profile-summary-card-output/great_gatsby/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/great_gatsby/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/gruvbox/4-productive-time.svg b/profile-summary-card-output/gruvbox/4-productive-time.svg
new file mode 100644
index 000000000..7785209cb
--- /dev/null
+++ b/profile-summary-card-output/gruvbox/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#282828" stroke-width="1" fill="#282828" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #fabd2f;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#fe8019" transform="translate(35,20)"><g color="#8ec07c" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#8ec07c" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#fe8019" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#fe8019" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#fe8019" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#fe8019" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#fe8019" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#fe8019" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#fe8019" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#fe8019" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#fe8019" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#fe8019" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#fe8019" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#fe8019" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#fe8019" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#fe8019" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#fe8019" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#fe8019" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#fe8019" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#fe8019" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#fe8019" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#fe8019" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#fe8019" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#fe8019" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#fe8019" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#fe8019" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #8ec07c; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/gruvbox/README.md b/profile-summary-card-output/gruvbox/README.md
index 5f199cd28..f04930e61 100644
--- a/profile-summary-card-output/gruvbox/README.md
+++ b/profile-summary-card-output/gruvbox/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/gruvbox/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/highcontrast/4-productive-time.svg b/profile-summary-card-output/highcontrast/4-productive-time.svg
new file mode 100644
index 000000000..80018f77f
--- /dev/null
+++ b/profile-summary-card-output/highcontrast/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#000" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #e7f216;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#e7f216" transform="translate(35,20)"><g color="#fff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#fff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#e7f216" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#e7f216" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#e7f216" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#e7f216" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#e7f216" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e7f216" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#e7f216" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e7f216" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#e7f216" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e7f216" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e7f216" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#e7f216" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#e7f216" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#e7f216" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#e7f216" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#e7f216" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#e7f216" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#e7f216" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#e7f216" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#e7f216" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#e7f216" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#e7f216" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#e7f216" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#e7f216" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #fff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/highcontrast/README.md b/profile-summary-card-output/highcontrast/README.md
index d589c1f2b..ba72058b7 100644
--- a/profile-summary-card-output/highcontrast/README.md
+++ b/profile-summary-card-output/highcontrast/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/highcontrast/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/jolly/4-productive-time.svg b/profile-summary-card-output/jolly/4-productive-time.svg
new file mode 100644
index 000000000..b40ed9f3b
--- /dev/null
+++ b/profile-summary-card-output/jolly/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#291b3e" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #ff64da;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ff64da" transform="translate(35,20)"><g color="#ffffff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ffffff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ff64da" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ff64da" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ff64da" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ff64da" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ff64da" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff64da" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ff64da" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff64da" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ff64da" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff64da" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff64da" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ff64da" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ff64da" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ff64da" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ff64da" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ff64da" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ff64da" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ff64da" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ff64da" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ff64da" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ff64da" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ff64da" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ff64da" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ff64da" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ffffff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/jolly/README.md b/profile-summary-card-output/jolly/README.md
index ba74b37c4..4377d3ba0 100644
--- a/profile-summary-card-output/jolly/README.md
+++ b/profile-summary-card-output/jolly/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/jolly/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/kacho_ga/4-productive-time.svg b/profile-summary-card-output/kacho_ga/4-productive-time.svg
new file mode 100644
index 000000000..7ca099d03
--- /dev/null
+++ b/profile-summary-card-output/kacho_ga/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#402b23" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #bf4a3f;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#bf4a3f" transform="translate(35,20)"><g color="#d9c8a9" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#d9c8a9" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#bf4a3f" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#bf4a3f" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#bf4a3f" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#bf4a3f" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#bf4a3f" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bf4a3f" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#bf4a3f" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bf4a3f" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#bf4a3f" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bf4a3f" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bf4a3f" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#bf4a3f" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#bf4a3f" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#bf4a3f" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#bf4a3f" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#bf4a3f" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#bf4a3f" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#bf4a3f" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#bf4a3f" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#bf4a3f" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#bf4a3f" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#bf4a3f" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#bf4a3f" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#bf4a3f" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #d9c8a9; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/kacho_ga/README.md b/profile-summary-card-output/kacho_ga/README.md
index 36f833804..4f6a43f4c 100644
--- a/profile-summary-card-output/kacho_ga/README.md
+++ b/profile-summary-card-output/kacho_ga/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/kacho_ga/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/maroongold/4-productive-time.svg b/profile-summary-card-output/maroongold/4-productive-time.svg
new file mode 100644
index 000000000..a67d1c0b0
--- /dev/null
+++ b/profile-summary-card-output/maroongold/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#260000" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #f7ef8a;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#f7ef8a" transform="translate(35,20)"><g color="#e0aa3e" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#e0aa3e" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#f7ef8a" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#f7ef8a" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#f7ef8a" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#f7ef8a" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#f7ef8a" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#f7ef8a" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#f7ef8a" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#f7ef8a" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#f7ef8a" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#f7ef8a" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#f7ef8a" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#f7ef8a" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#f7ef8a" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#f7ef8a" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#f7ef8a" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#f7ef8a" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#f7ef8a" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#f7ef8a" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#f7ef8a" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#f7ef8a" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#f7ef8a" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#f7ef8a" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#f7ef8a" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#f7ef8a" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #e0aa3e; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/maroongold/README.md b/profile-summary-card-output/maroongold/README.md
index 93dcc946a..08759f52b 100644
--- a/profile-summary-card-output/maroongold/README.md
+++ b/profile-summary-card-output/maroongold/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/maroongold/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/material_palenight/4-productive-time.svg b/profile-summary-card-output/material_palenight/4-productive-time.svg
new file mode 100644
index 000000000..66429d529
--- /dev/null
+++ b/profile-summary-card-output/material_palenight/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#292d3e" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #c792ea;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#c792ea" transform="translate(35,20)"><g color="#a6accd" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#a6accd" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#c792ea" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#c792ea" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#c792ea" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#c792ea" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#c792ea" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#c792ea" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#c792ea" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#c792ea" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#c792ea" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#c792ea" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#c792ea" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#c792ea" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#c792ea" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#c792ea" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#c792ea" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#c792ea" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#c792ea" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#c792ea" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#c792ea" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#c792ea" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#c792ea" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#c792ea" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#c792ea" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#c792ea" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #a6accd; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/material_palenight/README.md b/profile-summary-card-output/material_palenight/README.md
index ae9c357ec..c1f4f2131 100644
--- a/profile-summary-card-output/material_palenight/README.md
+++ b/profile-summary-card-output/material_palenight/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/material_palenight/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/merko/4-productive-time.svg b/profile-summary-card-output/merko/4-productive-time.svg
new file mode 100644
index 000000000..1a488370e
--- /dev/null
+++ b/profile-summary-card-output/merko/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#0a0f0b" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #abd200;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#abd200" transform="translate(35,20)"><g color="#68b587" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#68b587" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#abd200" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#abd200" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#abd200" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#abd200" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#abd200" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#abd200" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#abd200" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#abd200" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#abd200" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#abd200" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#abd200" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#abd200" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#abd200" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#abd200" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#abd200" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#abd200" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#abd200" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#abd200" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#abd200" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#abd200" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#abd200" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#abd200" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#abd200" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#abd200" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #68b587; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/merko/README.md b/profile-summary-card-output/merko/README.md
index b996cdb6b..96bbb3a78 100644
--- a/profile-summary-card-output/merko/README.md
+++ b/profile-summary-card-output/merko/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/merko/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/midnight_purple/4-productive-time.svg b/profile-summary-card-output/midnight_purple/4-productive-time.svg
new file mode 100644
index 000000000..aabdf638b
--- /dev/null
+++ b/profile-summary-card-output/midnight_purple/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#000000" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #9745f5;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#9745f5" transform="translate(35,20)"><g color="#ffffff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ffffff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#9745f5" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#9745f5" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#9745f5" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#9745f5" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#9745f5" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#9745f5" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#9745f5" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#9745f5" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#9745f5" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#9745f5" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#9745f5" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#9745f5" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#9745f5" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#9745f5" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#9745f5" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#9745f5" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#9745f5" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#9745f5" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#9745f5" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#9745f5" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#9745f5" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#9745f5" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#9745f5" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#9745f5" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ffffff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/midnight_purple/README.md b/profile-summary-card-output/midnight_purple/README.md
index 7d1505ccd..0a8ca6e96 100644
--- a/profile-summary-card-output/midnight_purple/README.md
+++ b/profile-summary-card-output/midnight_purple/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/midnight_purple/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/moltack/4-productive-time.svg b/profile-summary-card-output/moltack/4-productive-time.svg
new file mode 100644
index 000000000..a1ed03999
--- /dev/null
+++ b/profile-summary-card-output/moltack/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#f5e1c0" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #86092c;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#86092c" transform="translate(35,20)"><g color="#574038" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#574038" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#86092c" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#86092c" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#86092c" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#86092c" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#86092c" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#86092c" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#86092c" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#86092c" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#86092c" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#86092c" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#86092c" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#86092c" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#86092c" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#86092c" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#86092c" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#86092c" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#86092c" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#86092c" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#86092c" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#86092c" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#86092c" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#86092c" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#86092c" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#86092c" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #574038; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/moltack/README.md b/profile-summary-card-output/moltack/README.md
index 4082a5ff2..1575f6621 100644
--- a/profile-summary-card-output/moltack/README.md
+++ b/profile-summary-card-output/moltack/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/moltack/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/monokai/4-productive-time.svg b/profile-summary-card-output/monokai/4-productive-time.svg
new file mode 100644
index 000000000..29bb50e60
--- /dev/null
+++ b/profile-summary-card-output/monokai/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#2c292d" stroke-width="1" fill="#2c292d" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #eb1f6a;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ae81ff" transform="translate(35,20)"><g color="#ffffff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ffffff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ae81ff" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ae81ff" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ae81ff" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ae81ff" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ae81ff" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ae81ff" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ae81ff" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ae81ff" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ae81ff" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ae81ff" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ae81ff" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ae81ff" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ae81ff" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ae81ff" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ae81ff" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ae81ff" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ae81ff" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ae81ff" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ae81ff" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ae81ff" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ae81ff" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ae81ff" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ae81ff" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ae81ff" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ffffff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/monokai/README.md b/profile-summary-card-output/monokai/README.md
index d9a8a2860..851e33327 100644
--- a/profile-summary-card-output/monokai/README.md
+++ b/profile-summary-card-output/monokai/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/monokai/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/moonlight/4-productive-time.svg b/profile-summary-card-output/moonlight/4-productive-time.svg
new file mode 100644
index 000000000..3ac61013b
--- /dev/null
+++ b/profile-summary-card-output/moonlight/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#222436" stroke-width="1" fill="#222436" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #ff757f;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ff757f" transform="translate(35,20)"><g color="#f8f8f8" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#f8f8f8" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ff757f" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ff757f" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ff757f" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ff757f" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ff757f" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff757f" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ff757f" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff757f" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ff757f" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff757f" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff757f" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ff757f" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ff757f" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ff757f" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ff757f" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ff757f" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ff757f" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ff757f" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ff757f" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ff757f" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ff757f" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ff757f" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ff757f" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ff757f" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #f8f8f8; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/moonlight/README.md b/profile-summary-card-output/moonlight/README.md
index 928aecff6..1429a0cc4 100644
--- a/profile-summary-card-output/moonlight/README.md
+++ b/profile-summary-card-output/moonlight/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/moonlight/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/nightowl/4-productive-time.svg b/profile-summary-card-output/nightowl/4-productive-time.svg
new file mode 100644
index 000000000..d74084f89
--- /dev/null
+++ b/profile-summary-card-output/nightowl/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#011627" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #c792ea;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#c792ea" transform="translate(35,20)"><g color="#7fdbca" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#7fdbca" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#c792ea" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#c792ea" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#c792ea" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#c792ea" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#c792ea" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#c792ea" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#c792ea" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#c792ea" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#c792ea" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#c792ea" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#c792ea" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#c792ea" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#c792ea" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#c792ea" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#c792ea" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#c792ea" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#c792ea" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#c792ea" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#c792ea" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#c792ea" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#c792ea" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#c792ea" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#c792ea" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#c792ea" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #7fdbca; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/nightowl/README.md b/profile-summary-card-output/nightowl/README.md
index 7692591ce..fdbf52f09 100644
--- a/profile-summary-card-output/nightowl/README.md
+++ b/profile-summary-card-output/nightowl/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/nightowl/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/noctis_minimus/4-productive-time.svg b/profile-summary-card-output/noctis_minimus/4-productive-time.svg
new file mode 100644
index 000000000..358bf7f05
--- /dev/null
+++ b/profile-summary-card-output/noctis_minimus/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#1b2932" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #d3b692;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#d3b692" transform="translate(35,20)"><g color="#c5cdd3" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#c5cdd3" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#d3b692" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#d3b692" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#d3b692" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#d3b692" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#d3b692" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#d3b692" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#d3b692" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#d3b692" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#d3b692" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#d3b692" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#d3b692" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#d3b692" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#d3b692" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#d3b692" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#d3b692" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#d3b692" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#d3b692" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#d3b692" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#d3b692" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#d3b692" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#d3b692" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#d3b692" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#d3b692" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#d3b692" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #c5cdd3; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/noctis_minimus/README.md b/profile-summary-card-output/noctis_minimus/README.md
index 7f355fca5..3f7f5d9b2 100644
--- a/profile-summary-card-output/noctis_minimus/README.md
+++ b/profile-summary-card-output/noctis_minimus/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/noctis_minimus/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/nord_bright/4-productive-time.svg b/profile-summary-card-output/nord_bright/4-productive-time.svg
new file mode 100644
index 000000000..181c52d72
--- /dev/null
+++ b/profile-summary-card-output/nord_bright/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#e5e9f0" stroke-width="1" fill="#eceff4" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #3b4252;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#88c0d0" transform="translate(35,20)"><g color="#2e3440" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#2e3440" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#88c0d0" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#88c0d0" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#88c0d0" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#88c0d0" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#88c0d0" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#88c0d0" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#88c0d0" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#88c0d0" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#88c0d0" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#88c0d0" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#88c0d0" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#88c0d0" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#88c0d0" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#88c0d0" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#88c0d0" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#88c0d0" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#88c0d0" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#88c0d0" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#88c0d0" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#88c0d0" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#88c0d0" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#88c0d0" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#88c0d0" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#88c0d0" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #2e3440; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/nord_bright/README.md b/profile-summary-card-output/nord_bright/README.md
index 5a98c4639..1ba1d1a26 100644
--- a/profile-summary-card-output/nord_bright/README.md
+++ b/profile-summary-card-output/nord_bright/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/nord_bright/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/nord_dark/4-productive-time.svg b/profile-summary-card-output/nord_dark/4-productive-time.svg
new file mode 100644
index 000000000..b60099564
--- /dev/null
+++ b/profile-summary-card-output/nord_dark/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#eceff4" stroke-width="1" fill="#2e3440" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #eceff4;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#88c0d0" transform="translate(35,20)"><g color="#e5e9f0" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#e5e9f0" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#88c0d0" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#88c0d0" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#88c0d0" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#88c0d0" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#88c0d0" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#88c0d0" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#88c0d0" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#88c0d0" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#88c0d0" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#88c0d0" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#88c0d0" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#88c0d0" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#88c0d0" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#88c0d0" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#88c0d0" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#88c0d0" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#88c0d0" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#88c0d0" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#88c0d0" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#88c0d0" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#88c0d0" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#88c0d0" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#88c0d0" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#88c0d0" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #e5e9f0; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/nord_dark/README.md b/profile-summary-card-output/nord_dark/README.md
index 62d413cc4..525986c5d 100644
--- a/profile-summary-card-output/nord_dark/README.md
+++ b/profile-summary-card-output/nord_dark/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/nord_dark/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/ocean_dark/4-productive-time.svg b/profile-summary-card-output/ocean_dark/4-productive-time.svg
new file mode 100644
index 000000000..0cd95532b
--- /dev/null
+++ b/profile-summary-card-output/ocean_dark/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#151a28" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #8957b2;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#8957b2" transform="translate(35,20)"><g color="#92d534" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#92d534" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#8957b2" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#8957b2" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#8957b2" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#8957b2" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#8957b2" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#8957b2" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#8957b2" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#8957b2" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#8957b2" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#8957b2" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#8957b2" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#8957b2" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#8957b2" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#8957b2" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#8957b2" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#8957b2" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#8957b2" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#8957b2" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#8957b2" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#8957b2" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#8957b2" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#8957b2" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#8957b2" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#8957b2" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #92d534; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/ocean_dark/README.md b/profile-summary-card-output/ocean_dark/README.md
index fa3869e57..0b775e53e 100644
--- a/profile-summary-card-output/ocean_dark/README.md
+++ b/profile-summary-card-output/ocean_dark/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/ocean_dark/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/omni/4-productive-time.svg b/profile-summary-card-output/omni/4-productive-time.svg
new file mode 100644
index 000000000..fabf3df64
--- /dev/null
+++ b/profile-summary-card-output/omni/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#191622" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #ff79c6;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ff79c6" transform="translate(35,20)"><g color="#e1e1e6" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#e1e1e6" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ff79c6" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ff79c6" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ff79c6" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ff79c6" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ff79c6" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff79c6" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ff79c6" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff79c6" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ff79c6" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff79c6" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ff79c6" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ff79c6" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ff79c6" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ff79c6" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ff79c6" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ff79c6" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ff79c6" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ff79c6" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ff79c6" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ff79c6" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ff79c6" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ff79c6" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ff79c6" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ff79c6" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #e1e1e6; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/omni/README.md b/profile-summary-card-output/omni/README.md
index 88a8dbd19..0a19207c8 100644
--- a/profile-summary-card-output/omni/README.md
+++ b/profile-summary-card-output/omni/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/omni/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/onedark/4-productive-time.svg b/profile-summary-card-output/onedark/4-productive-time.svg
new file mode 100644
index 000000000..2d5b8fc90
--- /dev/null
+++ b/profile-summary-card-output/onedark/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#282c34" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #e4bf7a;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#e4bf7a" transform="translate(35,20)"><g color="#df6d74" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#df6d74" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#e4bf7a" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#e4bf7a" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#e4bf7a" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#e4bf7a" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#e4bf7a" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e4bf7a" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#e4bf7a" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e4bf7a" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#e4bf7a" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e4bf7a" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e4bf7a" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#e4bf7a" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#e4bf7a" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#e4bf7a" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#e4bf7a" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#e4bf7a" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#e4bf7a" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#e4bf7a" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#e4bf7a" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#e4bf7a" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#e4bf7a" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#e4bf7a" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#e4bf7a" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#e4bf7a" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #df6d74; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/onedark/README.md b/profile-summary-card-output/onedark/README.md
index fe5df1eed..a7f25e02f 100644
--- a/profile-summary-card-output/onedark/README.md
+++ b/profile-summary-card-output/onedark/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/onedark/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/outrun/4-productive-time.svg b/profile-summary-card-output/outrun/4-productive-time.svg
new file mode 100644
index 000000000..56e84c912
--- /dev/null
+++ b/profile-summary-card-output/outrun/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#141439" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #ffcc00;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ffcc00" transform="translate(35,20)"><g color="#8080ff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#8080ff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ffcc00" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ffcc00" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ffcc00" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ffcc00" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ffcc00" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffcc00" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ffcc00" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffcc00" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ffcc00" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffcc00" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffcc00" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ffcc00" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ffcc00" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ffcc00" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ffcc00" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ffcc00" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ffcc00" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ffcc00" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ffcc00" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ffcc00" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ffcc00" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ffcc00" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ffcc00" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ffcc00" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #8080ff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/outrun/README.md b/profile-summary-card-output/outrun/README.md
index ef6a4c872..9b5e3e320 100644
--- a/profile-summary-card-output/outrun/README.md
+++ b/profile-summary-card-output/outrun/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/outrun/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/panda/4-productive-time.svg b/profile-summary-card-output/panda/4-productive-time.svg
new file mode 100644
index 000000000..0048d8039
--- /dev/null
+++ b/profile-summary-card-output/panda/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#31353a" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #19f9d899;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#19f9d899" transform="translate(35,20)"><g color="#ff75b5" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ff75b5" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#19f9d899" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#19f9d899" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#19f9d899" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#19f9d899" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#19f9d899" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#19f9d899" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#19f9d899" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#19f9d899" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#19f9d899" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#19f9d899" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#19f9d899" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#19f9d899" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#19f9d899" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#19f9d899" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#19f9d899" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#19f9d899" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#19f9d899" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#19f9d899" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#19f9d899" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#19f9d899" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#19f9d899" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#19f9d899" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#19f9d899" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#19f9d899" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ff75b5; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/panda/README.md b/profile-summary-card-output/panda/README.md
index 4e914b208..581a3bd0a 100644
--- a/profile-summary-card-output/panda/README.md
+++ b/profile-summary-card-output/panda/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/panda/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/prussian/4-productive-time.svg b/profile-summary-card-output/prussian/4-productive-time.svg
new file mode 100644
index 000000000..513729603
--- /dev/null
+++ b/profile-summary-card-output/prussian/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#172f45" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #bddfff;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#bddfff" transform="translate(35,20)"><g color="#6e93b5" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#6e93b5" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#bddfff" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#bddfff" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#bddfff" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#bddfff" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#bddfff" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bddfff" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#bddfff" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bddfff" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#bddfff" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bddfff" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bddfff" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#bddfff" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#bddfff" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#bddfff" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#bddfff" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#bddfff" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#bddfff" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#bddfff" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#bddfff" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#bddfff" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#bddfff" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#bddfff" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#bddfff" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#bddfff" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #6e93b5; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/prussian/README.md b/profile-summary-card-output/prussian/README.md
index 410f4f842..9c84c8351 100644
--- a/profile-summary-card-output/prussian/README.md
+++ b/profile-summary-card-output/prussian/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/prussian/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/radical/4-productive-time.svg b/profile-summary-card-output/radical/4-productive-time.svg
new file mode 100644
index 000000000..dba3407d1
--- /dev/null
+++ b/profile-summary-card-output/radical/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#141321" stroke-width="1" fill="#141321" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #fe428e;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ae81ff" transform="translate(35,20)"><g color="#a9fef7" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#a9fef7" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ae81ff" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ae81ff" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ae81ff" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ae81ff" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ae81ff" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ae81ff" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ae81ff" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ae81ff" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ae81ff" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ae81ff" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ae81ff" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ae81ff" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ae81ff" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ae81ff" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ae81ff" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ae81ff" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ae81ff" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ae81ff" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ae81ff" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ae81ff" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ae81ff" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ae81ff" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ae81ff" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ae81ff" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #a9fef7; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/radical/README.md b/profile-summary-card-output/radical/README.md
index 53ef684c2..9c147d097 100644
--- a/profile-summary-card-output/radical/README.md
+++ b/profile-summary-card-output/radical/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/radical/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/react/4-productive-time.svg b/profile-summary-card-output/react/4-productive-time.svg
new file mode 100644
index 000000000..95c74b6f7
--- /dev/null
+++ b/profile-summary-card-output/react/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#20232a" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #61dafb;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#61dafb" transform="translate(35,20)"><g color="#ffffff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ffffff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#61dafb" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#61dafb" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#61dafb" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#61dafb" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#61dafb" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#61dafb" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#61dafb" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#61dafb" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#61dafb" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#61dafb" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#61dafb" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#61dafb" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#61dafb" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#61dafb" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#61dafb" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#61dafb" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#61dafb" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#61dafb" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#61dafb" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#61dafb" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#61dafb" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#61dafb" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#61dafb" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#61dafb" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ffffff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/react/README.md b/profile-summary-card-output/react/README.md
index 3e3b37cc0..dfd6c77fc 100644
--- a/profile-summary-card-output/react/README.md
+++ b/profile-summary-card-output/react/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/react/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/rose_pine/4-productive-time.svg b/profile-summary-card-output/rose_pine/4-productive-time.svg
new file mode 100644
index 000000000..4e0217461
--- /dev/null
+++ b/profile-summary-card-output/rose_pine/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#191724" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #9ccfd8;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#9ccfd8" transform="translate(35,20)"><g color="#e0def4" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#e0def4" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#9ccfd8" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#9ccfd8" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#9ccfd8" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#9ccfd8" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#9ccfd8" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#9ccfd8" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#9ccfd8" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#9ccfd8" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#9ccfd8" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#9ccfd8" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#9ccfd8" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#9ccfd8" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#9ccfd8" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#9ccfd8" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#9ccfd8" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#9ccfd8" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#9ccfd8" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#9ccfd8" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#9ccfd8" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#9ccfd8" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#9ccfd8" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#9ccfd8" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#9ccfd8" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#9ccfd8" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #e0def4; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/rose_pine/README.md b/profile-summary-card-output/rose_pine/README.md
index d816e9cea..ab443a130 100644
--- a/profile-summary-card-output/rose_pine/README.md
+++ b/profile-summary-card-output/rose_pine/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/rose_pine/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/shades_of_purple/4-productive-time.svg b/profile-summary-card-output/shades_of_purple/4-productive-time.svg
new file mode 100644
index 000000000..219ba5beb
--- /dev/null
+++ b/profile-summary-card-output/shades_of_purple/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#2d2b55" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #fad000;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#fad000" transform="translate(35,20)"><g color="#a599e9" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#a599e9" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#fad000" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#fad000" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#fad000" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#fad000" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#fad000" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#fad000" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#fad000" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#fad000" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#fad000" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#fad000" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#fad000" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#fad000" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#fad000" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#fad000" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#fad000" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#fad000" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#fad000" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#fad000" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#fad000" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#fad000" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#fad000" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#fad000" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#fad000" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#fad000" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #a599e9; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/shades_of_purple/README.md b/profile-summary-card-output/shades_of_purple/README.md
index c772f6529..1cf9c6dd3 100644
--- a/profile-summary-card-output/shades_of_purple/README.md
+++ b/profile-summary-card-output/shades_of_purple/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/shades_of_purple/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/slateorange/4-productive-time.svg b/profile-summary-card-output/slateorange/4-productive-time.svg
new file mode 100644
index 000000000..712d75eed
--- /dev/null
+++ b/profile-summary-card-output/slateorange/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#36393f" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #faa627;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#faa627" transform="translate(35,20)"><g color="#ffffff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ffffff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#faa627" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#faa627" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#faa627" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#faa627" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#faa627" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#faa627" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#faa627" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#faa627" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#faa627" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#faa627" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#faa627" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#faa627" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#faa627" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#faa627" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#faa627" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#faa627" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#faa627" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#faa627" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#faa627" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#faa627" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#faa627" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#faa627" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#faa627" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#faa627" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ffffff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/slateorange/README.md b/profile-summary-card-output/slateorange/README.md
index d2e26f39f..41ad1f252 100644
--- a/profile-summary-card-output/slateorange/README.md
+++ b/profile-summary-card-output/slateorange/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/slateorange/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/solarized/4-productive-time.svg b/profile-summary-card-output/solarized/4-productive-time.svg
new file mode 100644
index 000000000..7a65dde28
--- /dev/null
+++ b/profile-summary-card-output/solarized/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#fdf6e3" stroke-width="1" fill="#fdf6e3" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #268bd2;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#859900" transform="translate(35,20)"><g color="#586e75" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#586e75" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#859900" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#859900" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#859900" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#859900" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#859900" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#859900" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#859900" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#859900" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#859900" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#859900" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#859900" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#859900" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#859900" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#859900" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#859900" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#859900" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#859900" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#859900" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#859900" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#859900" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#859900" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#859900" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#859900" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#859900" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #586e75; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/solarized/README.md b/profile-summary-card-output/solarized/README.md
index 68f170b46..3b847d1b5 100644
--- a/profile-summary-card-output/solarized/README.md
+++ b/profile-summary-card-output/solarized/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/solarized/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/solarized_dark/4-productive-time.svg b/profile-summary-card-output/solarized_dark/4-productive-time.svg
new file mode 100644
index 000000000..5ba2d75e2
--- /dev/null
+++ b/profile-summary-card-output/solarized_dark/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#073642" stroke-width="1" fill="#073642" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #268bd2;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#859900" transform="translate(35,20)"><g color="#839496" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#839496" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#859900" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#859900" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#859900" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#859900" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#859900" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#859900" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#859900" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#859900" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#859900" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#859900" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#859900" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#859900" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#859900" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#859900" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#859900" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#859900" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#859900" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#859900" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#859900" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#859900" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#859900" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#859900" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#859900" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#859900" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #839496; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/solarized_dark/README.md b/profile-summary-card-output/solarized_dark/README.md
index 938eb73eb..c4f2ac6dd 100644
--- a/profile-summary-card-output/solarized_dark/README.md
+++ b/profile-summary-card-output/solarized_dark/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/solarized_dark/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/swift/4-productive-time.svg b/profile-summary-card-output/swift/4-productive-time.svg
new file mode 100644
index 000000000..96f8be818
--- /dev/null
+++ b/profile-summary-card-output/swift/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#f7f7f7" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #000000;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#000000" transform="translate(35,20)"><g color="#000000" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#000000" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#000000" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#000000" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#000000" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#000000" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#000000" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#000000" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#000000" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#000000" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#000000" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#000000" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#000000" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#000000" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#000000" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#000000" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#000000" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#000000" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#000000" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#000000" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#000000" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#000000" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#000000" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#000000" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#000000" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#000000" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #000000; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/swift/README.md b/profile-summary-card-output/swift/README.md
index 5084491fb..d6d1c86bc 100644
--- a/profile-summary-card-output/swift/README.md
+++ b/profile-summary-card-output/swift/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/swift/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/synthwave/4-productive-time.svg b/profile-summary-card-output/synthwave/4-productive-time.svg
new file mode 100644
index 000000000..0ec8c40f2
--- /dev/null
+++ b/profile-summary-card-output/synthwave/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#2b213a" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #e2e9ec;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#e2e9ec" transform="translate(35,20)"><g color="#e5289e" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#e5289e" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#e2e9ec" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#e2e9ec" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#e2e9ec" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#e2e9ec" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#e2e9ec" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e2e9ec" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#e2e9ec" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e2e9ec" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#e2e9ec" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e2e9ec" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#e2e9ec" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#e2e9ec" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#e2e9ec" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#e2e9ec" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#e2e9ec" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#e2e9ec" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#e2e9ec" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#e2e9ec" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#e2e9ec" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#e2e9ec" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#e2e9ec" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#e2e9ec" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#e2e9ec" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#e2e9ec" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #e5289e; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/synthwave/README.md b/profile-summary-card-output/synthwave/README.md
index df24186ac..edf01488e 100644
--- a/profile-summary-card-output/synthwave/README.md
+++ b/profile-summary-card-output/synthwave/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/synthwave/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/tokyonight/4-productive-time.svg b/profile-summary-card-output/tokyonight/4-productive-time.svg
new file mode 100644
index 000000000..359c5e5a4
--- /dev/null
+++ b/profile-summary-card-output/tokyonight/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#1a1b27" stroke-width="1" fill="#1a1b27" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #70a5fd;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#bf91f3" transform="translate(35,20)"><g color="#38bdae" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#38bdae" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#bf91f3" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#bf91f3" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#bf91f3" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#bf91f3" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#bf91f3" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bf91f3" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#bf91f3" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bf91f3" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#bf91f3" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bf91f3" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#bf91f3" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#bf91f3" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#bf91f3" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#bf91f3" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#bf91f3" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#bf91f3" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#bf91f3" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#bf91f3" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#bf91f3" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#bf91f3" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#bf91f3" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#bf91f3" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#bf91f3" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#bf91f3" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #38bdae; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/tokyonight/README.md b/profile-summary-card-output/tokyonight/README.md
index 023880ef4..bdbc8e509 100644
--- a/profile-summary-card-output/tokyonight/README.md
+++ b/profile-summary-card-output/tokyonight/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/tokyonight/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/transparent/4-productive-time.svg b/profile-summary-card-output/transparent/4-productive-time.svg
new file mode 100644
index 000000000..73c5ba46a
--- /dev/null
+++ b/profile-summary-card-output/transparent/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#00000000" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #006AFF;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#006AFF" transform="translate(35,20)"><g color="#417E87" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#417E87" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#006AFF" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#006AFF" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#006AFF" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#006AFF" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#006AFF" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#006AFF" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#006AFF" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#006AFF" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#006AFF" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#006AFF" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#006AFF" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#006AFF" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#006AFF" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#006AFF" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#006AFF" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#006AFF" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#006AFF" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#006AFF" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#006AFF" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#006AFF" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#006AFF" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#006AFF" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#006AFF" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#006AFF" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #417E87; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/transparent/README.md b/profile-summary-card-output/transparent/README.md
index a4e495705..3040e2e27 100644
--- a/profile-summary-card-output/transparent/README.md
+++ b/profile-summary-card-output/transparent/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/transparent/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/vision_friendly_dark/4-productive-time.svg b/profile-summary-card-output/vision_friendly_dark/4-productive-time.svg
new file mode 100644
index 000000000..77a6b8e9b
--- /dev/null
+++ b/profile-summary-card-output/vision_friendly_dark/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#000000" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #ffb000;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ffb000" transform="translate(35,20)"><g color="#ffffff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ffffff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ffb000" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ffb000" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ffb000" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ffb000" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ffb000" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffb000" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ffb000" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffb000" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ffb000" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffb000" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffb000" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ffb000" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ffb000" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ffb000" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ffb000" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ffb000" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ffb000" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ffb000" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ffb000" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ffb000" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ffb000" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ffb000" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ffb000" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ffb000" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ffffff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/vision_friendly_dark/README.md b/profile-summary-card-output/vision_friendly_dark/README.md
index 427ae2218..52fcf61cd 100644
--- a/profile-summary-card-output/vision_friendly_dark/README.md
+++ b/profile-summary-card-output/vision_friendly_dark/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/vision_friendly_dark/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/vue/4-productive-time.svg b/profile-summary-card-output/vue/4-productive-time.svg
new file mode 100644
index 000000000..3895bb3c6
--- /dev/null
+++ b/profile-summary-card-output/vue/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#e4e2e2" stroke-width="1" fill="#ffffff" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #41b883;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#41b883" transform="translate(35,20)"><g color="#000000" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#000000" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#41b883" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#41b883" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#41b883" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#41b883" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#41b883" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#41b883" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#41b883" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#41b883" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#41b883" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#41b883" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#41b883" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#41b883" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#41b883" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#41b883" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#41b883" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#41b883" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#41b883" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#41b883" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#41b883" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#41b883" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#41b883" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#41b883" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#41b883" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#41b883" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #000000; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/vue/README.md b/profile-summary-card-output/vue/README.md
index 3e4c4a2aa..ffe72ef09 100644
--- a/profile-summary-card-output/vue/README.md
+++ b/profile-summary-card-output/vue/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/vue/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/yeblu/4-productive-time.svg b/profile-summary-card-output/yeblu/4-productive-time.svg
new file mode 100644
index 000000000..768e54e48
--- /dev/null
+++ b/profile-summary-card-output/yeblu/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#000000" stroke-width="1" fill="#002046" stroke-opacity="0"></rect><text x="30" y="40" style="font-size: 22px; fill: #ffff00;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#ffff00" transform="translate(35,20)"><g color="#ffffff" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#ffffff" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#ffff00" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ffff00" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#ffff00" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ffff00" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ffff00" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffff00" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#ffff00" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffff00" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#ffff00" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffff00" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#ffff00" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#ffff00" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#ffff00" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#ffff00" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#ffff00" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#ffff00" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#ffff00" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#ffff00" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#ffff00" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#ffff00" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#ffff00" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#ffff00" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#ffff00" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#ffff00" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #ffffff; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/yeblu/README.md b/profile-summary-card-output/yeblu/README.md
index f6b9b369f..5b65bbbac 100644
--- a/profile-summary-card-output/yeblu/README.md
+++ b/profile-summary-card-output/yeblu/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/yeblu/4-productive-time.svg)
+```
+
+    
diff --git a/profile-summary-card-output/zenburn/4-productive-time.svg b/profile-summary-card-output/zenburn/4-productive-time.svg
new file mode 100644
index 000000000..490cdaec4
--- /dev/null
+++ b/profile-summary-card-output/zenburn/4-productive-time.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="200" viewBox="0 0 340 200"><style>* {
+          font-family: 'Segoe UI', Ubuntu, "Helvetica Neue", Sans-Serif
+        }</style><rect x="1" y="1" rx="5" ry="5" height="99%" width="99.41176470588235%" stroke="#3f3f3f" stroke-width="1" fill="#3f3f3f" stroke-opacity="1"></rect><text x="30" y="40" style="font-size: 22px; fill: #f0dfaf;">Commits (UTC +0.00)</text><g transform="translate(0,40)"><g color="#7f9f7f" transform="translate(35,20)"><g color="#dcdccc" transform="translate(0,100)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M-1.1618257261410783,0.5H280.5"></path><g class="tick" opacity="1" transform="translate(6.3900414937759304,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">0</text></g><g class="tick" opacity="1" transform="translate(76.09958506224066,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6</text></g><g class="tick" opacity="1" transform="translate(145.8091286307054,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">12</text></g><g class="tick" opacity="1" transform="translate(215.51867219917014,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">18</text></g><g class="tick" opacity="1" transform="translate(273.6099585062241,0)"><line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">23</text></g></g><g color="#dcdccc" transform="translate(-1.1618257261410783,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="currentColor" d="M-6,100.5H0.5V0.5H-6"></path><g class="tick" opacity="1" transform="translate(0,100.5)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">0</text></g><g class="tick" opacity="1" transform="translate(0,85.11538461538461)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">10</text></g><g class="tick" opacity="1" transform="translate(0,69.73076923076923)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">20</text></g><g class="tick" opacity="1" transform="translate(0,54.34615384615385)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">30</text></g><g class="tick" opacity="1" transform="translate(0,38.96153846153846)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">40</text></g><g class="tick" opacity="1" transform="translate(0,23.576923076923073)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">50</text></g><g class="tick" opacity="1" transform="translate(0,8.192307692307686)"><line stroke="currentColor" x2="-6"></line><text fill="currentColor" x="-9" dy="0.32em">60</text></g></g><rect class="bar" fill="#7f9f7f" x="1.1618257261410747" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#7f9f7f" x="12.780082987551864" y="96.92307692307692" width="10.456431535269711" height="3.07692307692308"></rect><rect class="bar" fill="#7f9f7f" x="24.398340248962654" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#7f9f7f" x="36.016597510373444" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#7f9f7f" x="47.634854771784234" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7f9f7f" x="59.25311203319502" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><rect class="bar" fill="#7f9f7f" x="70.87136929460581" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7f9f7f" x="82.4896265560166" y="98.46153846153847" width="10.456431535269711" height="1.538461538461533"></rect><rect class="bar" fill="#7f9f7f" x="94.10788381742739" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7f9f7f" x="105.72614107883818" y="100" width="10.456431535269711" height="0"></rect><rect class="bar" fill="#7f9f7f" x="117.34439834024897" y="90.76923076923077" width="10.456431535269711" height="9.230769230769226"></rect><rect class="bar" fill="#7f9f7f" x="128.96265560165978" y="87.6923076923077" width="10.456431535269711" height="12.307692307692307"></rect><rect class="bar" fill="#7f9f7f" x="140.58091286307055" y="95.38461538461537" width="10.456431535269711" height="4.615384615384627"></rect><rect class="bar" fill="#7f9f7f" x="152.19917012448136" y="93.84615384615384" width="10.456431535269711" height="6.15384615384616"></rect><rect class="bar" fill="#7f9f7f" x="163.81742738589213" y="69.23076923076923" width="10.456431535269711" height="30.769230769230774"></rect><rect class="bar" fill="#7f9f7f" x="175.4356846473029" y="61.53846153846154" width="10.456431535269711" height="38.46153846153846"></rect><rect class="bar" fill="#7f9f7f" x="187.0539419087137" y="49.23076923076923" width="10.456431535269711" height="50.76923076923077"></rect><rect class="bar" fill="#7f9f7f" x="198.67219917012451" y="21.53846153846154" width="10.456431535269711" height="78.46153846153845"></rect><rect class="bar" fill="#7f9f7f" x="210.2904564315353" y="0" width="10.456431535269711" height="100"></rect><rect class="bar" fill="#7f9f7f" x="221.90871369294607" y="70.76923076923076" width="10.456431535269711" height="29.23076923076924"></rect><rect class="bar" fill="#7f9f7f" x="233.52697095435687" y="83.07692307692307" width="10.456431535269711" height="16.923076923076934"></rect><rect class="bar" fill="#7f9f7f" x="245.14522821576767" y="63.07692307692307" width="10.456431535269711" height="36.92307692307693"></rect><rect class="bar" fill="#7f9f7f" x="256.76348547717845" y="89.23076923076923" width="10.456431535269711" height="10.769230769230774"></rect><rect class="bar" fill="#7f9f7f" x="268.3817427385892" y="78.46153846153847" width="10.456431535269711" height="21.538461538461533"></rect><g><text y="130" x="220" style="fill: #dcdccc; font-size: 10px;">per day hour</text></g></g></g></svg>
\ No newline at end of file
diff --git a/profile-summary-card-output/zenburn/README.md b/profile-summary-card-output/zenburn/README.md
index 2f962229c..4fb7b9d6f 100644
--- a/profile-summary-card-output/zenburn/README.md
+++ b/profile-summary-card-output/zenburn/README.md
@@ -52,3 +52,13 @@
 ```
 
     
+
+---
+
+![](./4-productive-time.svg)
+
+```
+![](https://raw.githubusercontent.com/fergalmoran/github-profile-summary-cards/master/profile-summary-card-output/zenburn/4-productive-time.svg)
+```
+
+