Visualization dev

.gitignore

@@ -0,0 +1,2 @@
+simul_data
+

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "python.linting.pylintEnabled": false
+}

FlaskTest/app.py

@@ -0,0 +1,167 @@
+from flask import Flask, render_template
+app = Flask (__name__)
+
+
+data= {
+	"main_repo" : 
+	[{
+		"name" : "Simul-scan",
+		"summary" : "Summary: This project is about making Zebra really fast and efficient",
+		"description" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+		"visualizations" : 
+		[
+			{
+				"heatmap" : {
+					"divID" : "heatmap",
+					"title" : "Commits by Hour of Week - dummy data",
+					# NOTE these paths are relative to where the script.js file is
+					"data_path1" :'data/test_repo/data_dummy.tsv',
+					"data_path2" : 'data/test_repo/data_dummy2.tsv',
+					"summary" : "This data shows cool stuff",
+					"description" : "As you van see, this data focuses on business hours",
+					"timestamp" : "System last updated at 11:34am"
+				},
+				"barchart" : {
+					"divID" : "day_of_week",
+					"title" : "# Commits by day - real data",
+					"data_path" : "data/test_repo/day_of_week_copy.tsv",
+					"summary" : "Bar Chart",
+					"description" : "What week is this from? Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+					"timestamp" : "System last updated at 11:34am"
+				},
+				"linegraph1" : {
+					"divID" : "lineChart1",
+					"title" : "Commits per Author - real data",
+					"data_path" : "data/test_repo/commits_by_author_copy.tsv",
+					"summary" : "Multi Series Line Chart",
+					"description" : "Theres a few authors on this project but 1 stands out",
+					"timestamp" : "System last updated at 11:34am"
+				},
+				"linegraph2" : {
+					"divID" : "lineChart2",
+					"title" : "Commits per Author - real data",
+					"data_path" : "data/test_repo/lines_of_code_by_author_copy.tsv",
+					"summary" : "Multi Series Line Chart",
+					"description" : "Theres a few authors on this project but 1 stands out",
+					"timestamp" : "System last updated at 11:34am"
+				}
+			}
+		]
+	}],
+
+	"sub_repos" : 
+	[
+		# each of these is going to be a sub-repo
+		{
+			"name" : "sub-1",
+			"summary" : "Test Summary1",
+			"description" : "Test Description 1",
+			"visualizations" : 
+			[
+				{
+					"heatmap" : {
+						"divID" : "heatmap",
+						"title" : "Commits by Hour of Week - dummy data",
+						# NOTE these paths are relative to where the script.js file is
+						"data_path1" : "data/test_repo/data_dummy.tsv",
+						"data_path2" : "data/test_repo/data2_dummy.tsv",
+						"summary" : "This data shows cool stuff",
+						"description" : "As you van see, this data focuses on business hours",
+						"timestamp" : "System last updated at 11:34am"
+					},
+					"barchart" : {
+						"divID" : "day_of_week",
+						"title" : "# Commits by day - real data",
+						"data_path" : "data/test_repo/day_of_week_copy.tsv",
+						"summary" : "Bar Chart",
+						"description" : "What week is this from? Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+						"timestamp" : "System last updated at 11:34am"
+					},
+					"linegraph1" : {
+						"divID" : "lineChart1",
+						"title" : "Commits per Author - real data",
+						"data_path" : "data/test_repo/commits_by_author_copy.tsv",
+						"summary" : "Multi Series Line Chart",
+						"description" : "Theres a few authors on this project but 1 stands out",
+						"timestamp" : "System last updated at 11:34am"
+					},
+					"linegraph2" : {
+						"divID" : "lineChart2",
+						"title" : "Commits per Author - real data",
+						"data_path" : "data/test_repo/lines_of_code_by_author_copy.tsv",
+						"summary" : "Multi Series Line Chart",
+						"description" : "Theres a few authors on this project but 1 stands out",
+						"timestamp" : "System last updated at 11:34am"
+					}
+				}
+			]
+		},
+		{
+			"name" : "sub-2",
+			"summary" : "Test Summary 2",
+			"description" : "Test Description 2",
+			"visualizations" : 
+			[
+				{
+					"heatmap" : {
+						"divID" : "heatmap",
+						"title" : "Commits by Hour of Week - dummy data",
+						# NOTE these paths are relative to where the script.js file is
+						"data_path1" : "data/test_repo/data_dummy.tsv",
+						"data_path2" : "data/test_repo/data2_dummy.tsv",
+						"summary" : "This data shows cool stuff",
+						"description" : "As you van see, this data focuses on business hours",
+						"timestamp" : "System last updated at 11:34am"
+					},
+					"barchart" : {
+						"divID" : "day_of_week",
+						"title" : "# Commits by day - real data",
+						"data_path" : "data/test_repo/day_of_week_copy.tsv",
+						"summary" : "Bar Chart",
+						"description" : "What week is this from? Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+						"timestamp" : "System last updated at 11:34am"
+					},
+					"linegraph1" : {
+						"divID" : "lineChart1",
+						"title" : "Commits per Author - real data",
+						"data_path" : "data/test_repo/commits_by_author_copy.tsv",
+						"summary" : "Multi Series Line Chart",
+						"description" : "Theres a few authors on this project but 1 stands out",
+						"timestamp" : "System last updated at 11:34am"
+					},
+					"linegraph2" : {
+						"divID" : "lineChart2",
+						"title" : "Commits per Author - real data",
+						"data_path" : "data/test_repo/lines_of_code_by_author_copy.tsv",
+						"summary" : "Multi Series Line Chart",
+						"description" : "Theres a few authors on this project but 1 stands out",
+						"timestamp" : "System last updated at 11:34am"
+					}
+				}
+			]
+		}
+	]
+}
+
+@app.route('/dashboard/<repo>')	
+def sub_repo(repo):
+	global data
+	sub_repo_data= None
+	for sub_repo in data['sub_repos']:
+		if sub_repo['name'] == repo:
+			#this should happen in one case, else this isnt a valid sub repo...
+			sub_repo_data=sub_repo
+	return render_template("dashboard.html", sub=sub_repo_data, nav=data)
+
+@app.route("/dashboard")
+def dashboard():
+	global data
+	main_repo=data['main_repo'][0]
+	return render_template("dashboard.html", sub=main_repo, nav=data )
+
+
+
+
+if __name__ == "__main__":
+	app.run()
+

FlaskTest/bash.exe.stackdump

@@ -0,0 +1,19 @@
+Stack trace:
+Frame        Function    Args
+000FFFF5B20  0018005D14C (000FFFFE3F4, 0000000F7D4, 00000000F14, 000FFFFDE50)
+000FFFF5BC0  0018005E74B (001800A9B05, 00000000000, 00000000CA8, 00000000000)
+000FFFF5E10  00180121F60 (001801FEA40, 00000000068, 00000000000, 006FFFFFFB7)
+000FFFF6070  00180122549 (000FFFF5FF0, 00000000001, 00000000001, 00180361338)
+000FFFF6070  001800AAC8C (000FFFF6320, 000FFFF656C, 000FFFF62A8, 00000000000)
+000FFFF6270  0018011A60B (000FFFF6320, 000FFFF656C, 000FFFF62A8, 00000000000)
+000FFFF6270  00100428FB2 (000000015F0, 00000000000, 001005F1F98, 00000000000)
+00000000001  0010043257E (00600149670, 00600051000, 001800BA52C, 00000000000)
+0060004AAE0  00100437B8A (00600051000, 0060021FA97, 00000000076, 000FFFF6578)
+00600051000  00100438BE4 (00000000001, 00600000000, 000FFFF66B8, 00000000000)
+00600220250  00100439A7C (00000000000, 00000000000, 00000000000, 00000000000)
+001005F6B74  0010043A3E6 (00000000083, 00000000009, 0060021F220, 0060021FA20)
+001005F6B74  0010043A53F (001800F2D60, 03000000000, 000801FE8D0, 0060021F220)
+001005F6B74  001004337B1 (00100000000, 0010043A4E0, 006002124C0, 006002124C0)
+0060021F220  00100433C41 (00000000000, 000FFFFFF01, 00000000000, 001004DB7B8)
+0060021F380  0010043C2C7 (0000000001F, 0000000012C, 00000000000, 000FFFFFFFF)
+End of stack trace (more stack frames may be present)

FlaskTest/static/css/style.css

@@ -0,0 +1,197 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
+@import url('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css');
+
+/*side bar menu*/
+.sidebar-toggle {
+  margin-left: -240px;
+}
+.sidebar {
+  width: 240px;
+  height: 100%;
+
+  /*background: #293949;*/
+
+  background: #000;
+  background: -moz-linear-gradient(-45deg,#000 0,#ffff00 100%);
+  background: -webkit-linear-gradient(-45deg,#000 0,#ffff00 100%);
+  background: linear-gradient(135deg,#000 0,#ffff00 100%);
+
+
+  position: fixed;
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
+  z-index: 100;
+  /*top:80px;*/
+}
+.sidebar #leftside-navigation ul,
+.sidebar #leftside-navigation ul ul {
+  margin: -2px 0 0;
+  padding: 0;
+}
+.sidebar #leftside-navigation ul li {
+  list-style-type: none;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+}
+.sidebar #leftside-navigation ul li.active > a {
+  color: #1abc9c;
+}
+.sidebar #leftside-navigation ul li.active ul {
+  display: block;
+}
+.sidebar #leftside-navigation ul li a {
+  color: #FFD200;
+  text-decoration: none;
+  display: block;
+  padding: 18px 0 18px 25px;
+  font-size: 12px;
+  outline: 0;
+  -webkit-transition: all 200ms ease-in;
+  -moz-transition: all 200ms ease-in;
+  -o-transition: all 200ms ease-in;
+  -ms-transition: all 200ms ease-in;
+  transition: all 200ms ease-in;
+}
+.sidebar #leftside-navigation ul li a:hover {
+  color: #1abc9c;
+}
+.sidebar #leftside-navigation ul li a span {
+  display: inline-block;
+}
+.sidebar #leftside-navigation ul li a i {
+  width: 20px;
+}
+.sidebar #leftside-navigation ul li a i .fa-angle-left,
+.sidebar #leftside-navigation ul li a i .fa-angle-right {
+  padding-top: 3px;
+}
+.sidebar #leftside-navigation ul ul {
+  display: none;
+}
+.sidebar #leftside-navigation ul ul li {
+  /*background: #23313f;*/
+  margin-bottom: 0;
+  margin-left: 0;
+  margin-right: 0;
+  border-bottom: none;
+}
+.sidebar #leftside-navigation ul ul li a {
+  font-size: 12px;
+  padding-top: 13px;
+  padding-bottom: 13px;
+  /*color: #aeb2b7;*/
+  color: #eee;
+}
+
+/*end menu*/
+
+
+/*tile SVG  */
+
+rect.bordered {
+  stroke: #E6E6E6;
+  stroke-width:2px;
+}
+
+text.mono {
+  font-size: 9pt;
+  font-family: Consolas, courier;
+  fill: #aaa;
+}
+
+text.axis-workweek {
+  fill: #000;
+}
+
+text.axis-worktime {
+  fill: #000;
+}
+div.tooltip {
+  position: absolute;
+  text-align: center;
+  width: 80px;
+  height: 50px;
+  padding: 2px;
+  font: 12px sans-serif;
+  background: lightsteelblue;
+  border: 0px;
+  border-radius: 8px;
+  pointer-events: none;
+}
+
+/*day_of_week svg*/
+div.rect_tooltip {
+  position: absolute;
+  text-align: center;
+  width: 80px;
+  height: 35px;
+  padding: 2px;
+  font: 12px sans-serif;
+  background: orange;
+  border: 0px;
+  border-radius: 8px;
+  pointer-events: none;
+}
+
+
+
+
+
+
+/*end svg
+
+
+/*dashboard styling*/
+
+.main_dash{
+  padding-left: 250px;
+  padding-top: 30px;
+}
+
+.zebra_img{
+  width:100px;
+  height:30px;
+}
+.black{
+    background-color: #222;
+    border-color: #080808;
+    position: fixed;
+}
+.top_spacer{
+  margin-top:2%;
+}
+.details_spacer{
+  padding: 25px 0 0 0;
+  border-top:1px solid #cecece;
+}
+.text_content{
+  padding: 10px 0px;
+}
+.metric{
+  height: 400px;
+}
+.drop-shadow{
+  box-shadow: 1px 1px 5px #888888;
+}
+
+
+
+/*line chart*/
+.axis--x path {
+  display: none;
+}
+
+.line {
+  fill: none;
+  stroke-width: 1.5px;
+}
+.grid line {
+  stroke: lightgrey;
+  stroke-opacity: 0.7;
+  shape-rendering: crispEdges;
+}
+.grid path {
+  stroke-width: 0;
+}