diff --git a/index3.html b/index3.html
index e1b0698..6d8f049 100644
--- a/index3.html
+++ b/index3.html
@@ -476,6 +476,9 @@ position:absolute;
 	margin-left:auto;
 	margin-right:auto;
 }
+#vids {
+	text-align:center;
+}
 a {text-decoration:none;}
 @media only screen and (max-width: 800px), screen and (orientation: portrait){
 	#instruct {
@@ -705,7 +708,7 @@ Select and copy the URL of this page below and use it to share this page anywher
 					<td><span id="pubDate">Loading...</span></td>
 				</tr>
 			</table>
-			<p>Last <input type="text" id="vids" placeholder="1-25" value="5"> videos</p>
+			<p>Last <input type="text" id="vids" placeholder="1-25" value="5"> videos</p><button class="extrabutton" onclick="upCharts();" id="upCharts">Update</button>
 			<div class="myChart-wrapper">
 				<canvas width="400" height="200" id="myChart2"></canvas>
 			</div>
diff --git a/script.js b/script.js
index d29d0be..8994367 100644
--- a/script.js
+++ b/script.js
@@ -358,6 +358,14 @@ function extrabutton() {
 	}
 }
 
+function upCharts() {
+	vids = $("#vids").value;
+	for(var i=0;i<vids;i++){
+		myLineChart2.data.labels[i]='';
+		myLineChart2.data.datasets[0].data[i]=views[i];
+	}
+}
+
 //images are loaded after the whole page is loaded (since it has a big download size and sends multiple requests).
 var images = document.getElementsByTagName("img");
 for(var pl=0;pl<images.length;pl++){