changes to the html page (017aad17) · Commits · IVAS Codec Public Collaboration / IVAS Codec

ci/complexity_measurements/index_complexity.html

+47 −215

Original line number	Diff line number	Diff line
		@@ -52,7 +52,6 @@
		<!-- <script type="text/javascript" src="graphs_ram_basop.js"></script>-->
		<script type="text/javascript" src="graphs_rom_flc.js"></script>
		<!-- <script type="text/javascript" src="graphs_rom_basop.js"></script>-->
		<script type="text/javascript" src="graphs_prom_flc.js"></script>
		</head>

		<body>
		@@ -103,30 +102,6 @@
		<span class="trend"><span id="rom_trend">-</span></span>
		</span></li>

		<!--
		<li><a href="#sec:graph-rom-basop">ROM BASOP</a>
		<span class="symbols">
		<span class="trafficlight"><span id="rom_basop_tl_l">●</span><span id="rom_basop_tl_c">●</span><span id="rom_basop_tl_r">●</span></span>
		<span class="trend"><span id="rom_basop_trend">-</span></span>
		</span></li>
		-->

		<li><a href="#sec:graph-prom">PROM</a>
		<span class="symbols">
		<span class="trafficlight"><span id="prom_tl_l">●</span><span id="prom_tl_c">●</span><span id="prom_tl_r">●</span></span>
		<span class="trend"><span id="prom_trend">-</span></span>
		</span>
		</li>

		<!--
		<li><a href="#sec:graph-prom">PROM BASOP</a></a>
		<span class="symbols">
		<span class="trafficlight"><span id="prom_basop_tl_l">●</span><span id="prom_basop_tl_c">●</span><span id="prom_basop_tl_r">●</span></span>
		<span class="trend"><span id="prom_basop_trend">-</span></span>
		</span>
		</li>
		-->

		<li><a href="#sec:faq">FAQ</a></li>
		</ul>
		</div>
		@@ -284,8 +259,17 @@

		<div class="graph-container" style="clear: both;">
		<ul class="legend">
		<li style="border-color: #FF8000;"><em>Measured ROM table size, 32
		bit words (Float)</em></li>
		<li style="border-color: #FF0000;"><em>Max. total ROM Codec:</em> Encoder + Decoder</li>
		<li style="border-color: #FF8000;"><em>Max. total ROM Encoder:</em> Encoder only</li>
		<li style="border-color: #FFFF00;"><em>Max. total ROM Decoder:</em> Decoder only</li>

		<li style="border-color: #800080;"><em>Max. Table ROM Codec:</em> Encoder + Decoder</li>
		<li style="border-color: #0000FF;"><em>Max. Table ROM Encoder:</em> Encoder only</li>
		<li style="border-color: #0080C0;"><em>Max. Table ROM Decoder:</em> Decoder only</li>

		<li style="border-color: #004000;"><em>Max. PROM Codec:</em> Encoder + Decoder</li>
		<li style="border-color: #008000;"><em>Max. PROM Encoder:</em> Encoder only</li>
		<li style="border-color: #00FF00;"><em>Max. PROM Decoder:</em> Decoder only</li>
		</ul>
		</div>

		@@ -308,22 +292,6 @@
		<hr />
		-->

		<h1 id="sec:graph-prom">IVAS FORMAT - Worst Case PROM Demand</h1>

		<div class="graph-container">
		<div id="prom-graph"></div>
		</div>

		<div class="graph-container" style="clear: both;">
		<ul class="legend">
		<li style="border-color: #FF8000;"><em>Measured PROM (Float,
		trunk)</em></li>
		<!--<li style="border-color: #0080FF;"><em>Measured PROM (BASOP, branch basop)</em></li>-->
		</ul>
		</div>

		<hr />

		<h1 id="sec:faq">FAQ</h1>
		<dl style="margin-left: 200px; margin-right: 200px;">
		<dt>Q:</dt><dd>What is the meaning of these funny symbols in the navigation box, in the left upper corner of this page?</dd>
		@@ -941,7 +909,8 @@ function ROM() {
		previousPoint = item.datapoint;
		$("#tooltip").remove();

		if(item.series.id != "requirementRom"){
		if(item.series.id != "requirementRom")
		{
		var x = item.datapoint[0];
		var y = item.datapoint[1];
		var text = 'Score: ' + y;
		@@ -971,13 +940,47 @@ function ROM() {
		}
		}

		if( item.series.id == "TotalRomCodecScore" ){
		text += "Worst case enc: " + graph.runs[x].TotalRomEnc + "<br>";
		text += "Worst case dec: " + graph.runs[x].TotalRomDec + "<br>";
		}
		if( item.series.id == "TotalRomEncScore" ){
		text += "Worst case enc: " + graph.runs[x].TotalRomEnc + "<br>";
		}
		if( item.series.id == "TotalRomDecScore" ){
		text += "Worst case dec: " + graph.runs[x].TotalRomDec + "<br>";
		}
		if( item.series.id == "PROMCodecScore" ){
		text += "Worst case enc: " + graph.runs[x].PromEnc + "<br>";
		text += "Worst case dec: " + graph.runs[x].PromDec + "<br>";
		}
		if( item.series.id == "PROMEncScore" ){
		text += "Worst case enc: " + graph.runs[x].PromEnc + "<br>";
		}
		if( item.series.id == "PROMDecScore" ){
		text += "Worst case dec: " + graph.runs[x].PromDec + "<br>";
		}
		if( item.series.id == "TROMCodecScore" ){
		text += "Worst case enc: " + graph.runs[x].TromEnc + "<br>";
		text += "Worst case dec: " + graph.runs[x].TromDec + "<br>";
		}
		if( item.series.id == "TROMEncScore" ){
		text += "Worst case enc: " + graph.runs[x].TromEnc + "<br>";
		}
		if( item.series.id == "TROMDecScore" ){
		text += "Worst case dec: " + graph.runs[x].TromDec + "<br>";
		}

		text += "<br>"
		text += "Revision: " + graph.runs[x].revision + "<br>";
		text += "Date: " + graph.runs[x].fullDate + "<br><br>";
		text += "<a href=\"logs/" + graph.runs[x].logFile + "\">Logfile</a><br>";

		/*
		if( item.series.id == "maxRomFlc" ){
		text += "<a href=\"logs/" + graph.runs[x].logFileFlc + "\">Logfile</a><br>";
		}
		*/

		/*
		if( item.series.id == "maxRomBasop" ){
		@@ -1056,182 +1059,11 @@ function ROM() {
		*/
		}



		function PROM() {

		var previousPoint = null;

		function drawGraph(elt, graph, max_val) {
		var options = {
		yaxis: {
		min: 0,
		max: max_val,
		tickFormatter: function (v, axis) {
		if (graph.direction == -1)
		return v + " Ops";
		return v;
		},
		invert: graph.direction == 1
		},
		xaxis: {
		tickFormatter: function (v, axis) {
		v = Math.round(v);
		if (!(v in graph.runs))
		return '';
		return graph.runs[v].shortDate;
		}
		},
		legend: { show: false },
		grid: {
		hoverable: true,
		clickable: true
		}
		};

		$.plot(elt, graph.displays, options);

		elt.bind("plothover", function (event, pos, item) {
		if (!item) {
		// only remove if not in tooltip anymore
		if ($('#tooltip:hover').length == 0) {
		$("#tooltip").remove();
		}
		previousPoint = null;
		return;
		}

		if (previousPoint &&
		(previousPoint[0] == item.datapoint[0]) &&
		(previousPoint[1] == item.datapoint[1])) {
		return;
		}

		previousPoint = item.datapoint;
		$("#tooltip").remove();

		if(item.series.id != "requirementProm"){
		var x = item.datapoint[0];
		var y = item.datapoint[1];
		var text = 'Score: ' + y;

		if (graph.direction == -1)
		text += " Ops";
		text += "<br>";

		if (x > 0) {
		var thisValue = parseFloat(y);
		var prevValue = parseFloat(item.series.data[x - 1, x - 1][1]);
		var diff = Math.round((thisValue - prevValue) * 100) / 100;
		var pdiff = calcPercentDiff(thisValue, prevValue);
		var better;
		if ((pdiff < 0 && graph.direction == -1) \|\|
		(pdiff > 0 && graph.direction == 1)) {
		better = "worse";
		} else {
		better = "better";
		}
		pdiff = Math.abs(pdiff);
		if (diff === diff) {
		text += String.fromCharCode(916) + ": " + diff;
		if (graph.direction == -1)
		text += " Ops";
		text += " (" + pdiff + "% " + better + ")<br>";
		}
		}

		text += "<br>"
		text += "Revision: " + graph.runs[x].revision + "<br>";
		text += "Date: " + graph.runs[x].fullDate + "<br><br>";

		if( item.series.id == "promOpsFlc" ){
		text += "<a href=\"logs/" + graph.runs[x].logFileFlc +"\">Logfile</a><br>";
		}

		if( item.series.id == "promOpsBasop" ){
		text += "<a href=\"logs/" + graph.runs[x].logFileBasop +"\">Logfile</a><br>";
		}
		if( item.series.id == "promOpsBasopFlc" ){
		text += "<a href=\"logs/" + graph.runs[x].logFileBasopFlc +"\">Logfile</a><br>";
		}

		} else {
		text = "PROM requirement: 54260 Ops";
		}

		showToolTip(item.pageX, item.pageY, text);

		});
		}

		$(document).ready(function () {
		var max = get_max_y_val_for_plotting(Graphs_PROM.prom_worstcase.displays, 50000);
		drawGraph($("#prom-graph"), Graphs_PROM.prom_worstcase, max);
		});


		/* FLC */
		var testData = Graphs_PROM.prom_worstcase.displays[1];
		var refData = Graphs_PROM.prom_worstcase.displays[0];
		var nEntries = testData.data.length;

		if( testData.data[nEntries-1][1] > refData.data[nEntries-1][1] ) {
		document.getElementById("prom_tl_l").style.color="#FF0000";
		} else if( testData.data[nEntries-1][1] > 0.97 * refData.data[nEntries-1][1] ) {
		document.getElementById("prom_tl_c").style.color="#FFFF00";
		} else {
		document.getElementById("prom_tl_r").style.color="#00FF00";
		}

		if(nEntries > 1) {
		if( testData.data[nEntries-1][1] > 1.01 * testData.data[nEntries-2][1] ) {
		document.getElementById("prom_trend").innerHTML="↑";
		document.getElementById("prom_trend").style.color="#FF0000";
		} else if( testData.data[nEntries-1][1] < 0.99 * testData.data[nEntries-2][1] ) {
		document.getElementById("prom_trend").innerHTML="↓";
		document.getElementById("prom_trend").style.color="#00FF00";
		} else {
		document.getElementById("prom_trend").innerHTML="→";
		document.getElementById("prom_trend").style.color="#FFFFFF";
		}
		}


		/* BASOP */
		var testData = Graphs_PROM.prom_worstcase.displays[2];
		var refData = Graphs_PROM.prom_worstcase.displays[0];
		var nEntries = testData.data.length;

		if( testData.data[nEntries-1][1] > refData.data[nEntries-1][1] ) {
		document.getElementById("prom_basop_tl_l").style.color="#FF0000";
		} else if( testData.data[nEntries-1][1] > 0.97 * refData.data[nEntries-1][1] ) {
		document.getElementById("prom_basop_tl_c").style.color="#FFFF00";
		} else {
		document.getElementById("prom_basop_tl_r").style.color="#00FF00";
		}

		if(nEntries > 1) {
		if( testData.data[nEntries-1][1] > 1.01 * testData.data[nEntries-2][1] ) {
		document.getElementById("prom_basop_trend").innerHTML="↑";
		document.getElementById("prom_basop_trend").style.color="#FF0000";
		} else if( testData.data[nEntries-1][1] < 0.99 * testData.data[nEntries-2][1] ) {
		document.getElementById("prom_basop_trend").innerHTML="↓";
		document.getElementById("prom_basop_trend").style.color="#00FF00";
		} else {
		document.getElementById("prom_basop_trend").innerHTML="→";
		document.getElementById("prom_basop_trend").style.color="#FFFFFF";
		}
		}

		}


		WMOPS();
		WMOPS_perOP();

		RAM();
		ROM();
		PROM();

		</script>
		</body>