Twitter data visualization

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Tweets</title>		
		<style type="text/css">
		body {
			margin: 0;
			padding: 0
		}
		</style>
		<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="https://code.highcharts.com/highcharts.js"></script>
		
		<script type="text/javascript">
		var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
		        		'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
		var days = ["Mon","Tue","Wed","Thu","Fri","Sat","Sun"];
	   var orgData = [127, 181, 244, 315, 627, 1060, 688866, 2132339, 2480417, 1951959, 0, 0];
		var rawData = orgData.map(Math.sqrt);

var colors = [
		   '#2f7ed8', 
		   '#0d233a', 
		   '#8bbc21', 
		   '#910000', 
		   '#1aadce', 
		   '#492970',
		   '#f28f43', 
		   '#77a1e5', 
		   '#c42525', 
		   '#a6c96a'
		];

var chart, settings;
		$(function() {
			settings = {
				chart: {
					renderTo: 'container', 
					defaultSeriesType: 'area'
				},
				title: {text:null},
				xAxis: {
					tickInterval: 1,
					labels: {
						formatter: function() {
							return months[this.value];
						}
					}
				},
				yAxis: {
					min: 0,
					title: {
						text: 'Frequency count'
					},
					labels: {
						enabled: true,
						formatter: function() {
							return parseInt((this.value*this.value));
						}
					}
				},
				tooltip: {
					formatter: function() {
						return months[this.x]+": <b>"+Highcharts.numberFormat(orgData[this.x], 0, null, ' ')+'</b> tweets';
					}
				},
				plotOptions: {
					area: {
						color: colors[0],
						pointStart: 0,
						marker: {
							enabled: true,
							symbol: 'circle',
							radius: 4,
							states: {
								hover: {
									enabled: true
								}
							}
						}
					}
				},
				series: [{
					name: 'Months',
					data: rawData
				}]
			};
			chart = new Highcharts.Chart(settings);
			
			settings = {
				chart: {
					renderTo: 'container1', 
					defaultSeriesType: 'area'
				},
				title: {text:null},
				xAxis: {
					tickInterval: 1,
					labels: {
						formatter: function() {
							return days[this.value];
						}
					}
				},
				yAxis: {
					min: 0,
					title: {
						text: 'Frequency count'
					},
					labels: {
						enabled: true,
						formatter: function() {
							return this.value;
						}
					}
				},
				tooltip: {
					formatter: function() {
						return days[this.x]+": <b>"+Highcharts.numberFormat(this.y, 0, null, ' ')+'</b> tweets';
					}
				},
				plotOptions: {
					area: {
						color: colors[2],
						pointStart: 0,
						marker: {
							enabled: true,
							symbol: 'circle',
							radius: 4,
							states: {
								hover: {
									enabled: true
								}
							}
						}
					}
				},
				series: [{
					name: 'Days of Week',
					data: [970082, 1000245, 970334, 1080828, 1094761, 1047772, 1092113]
				}]
			};
			chart = new Highcharts.Chart(settings);

Modified http://code.jquery.com/jquery-1.10.2.min.js to a secure url

Modified http://code.highcharts.com/highcharts.js to a secure url

Modified http://www.highcharts.com/highslide/highslide-full.min.js to a secure url

Modified http://www.highcharts.com/highslide/highslide.config.js to a secure url

https://code.jquery.com/jquery-1.10.2.min.js

https://code.highcharts.com/highcharts.js

https://www.highcharts.com/highslide/highslide-full.min.js

https://www.highcharts.com/highslide/highslide.config.js