|
{% extends 'base.html' %} {% block content %} |
|
<!DOCTYPE html> |
|
<html> |
|
|
|
<head> |
|
<meta charset="utf-8 " /> |
|
<title>Classifiers</title> |
|
<link rel="stylesheet" href="{{ url_for('static', filename='main.css')}}"> |
|
<link href="https://fonts.googleapis.com " rel="preconnect " /> |
|
<link href="https://fonts.gstatic.com " rel="preconnect " crossorigin="anonymous " /> |
|
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js " type="text/javascript "></script> |
|
<script type="text/javascript "> |
|
WebFont.load({ |
|
google: { |
|
families: ["Orbitron:regular,500,600,700,800,900 ", "Noto Sans Tamil:100,200,300,regular,500,600,700,800,900 ", "Inter:100,200,300,regular,500,600,700,800,900 "] |
|
} |
|
}); |
|
</script> |
|
<script type="text/javascript "> |
|
! function(o, c) { |
|
var n = c.documentElement, |
|
t = " w-mod- "; |
|
n.className += t + "js ", ("ontouchstart " in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch ") |
|
}(window, document); |
|
</script> |
|
</head> |
|
|
|
<body> |
|
<div class="tab-container"> |
|
|
|
<div class="tab-menu"> |
|
<button class="tablinks active" onclick="openTab(event, 'linear')">Linear Regression</button> |
|
<button class="tablinks" onclick="openTab(event, 'knn')">KNN</button> |
|
<button class="tablinks" onclick="openTab(event, 'kmeans')">KMeans</button> |
|
<button class="tablinks" onclick="openTab(event, 'naive-bayes')">Naive Bayes</button> |
|
</div> |
|
|
|
|
|
<div class="tab-content"> |
|
<div id="linear" class="tabcontent"> |
|
<iframe src="{{ url_for('linear') }}" style="width:100%; height:500px;" scrolling="no"></iframe> |
|
</div> |
|
|
|
<div id="knn" class="tabcontent"> |
|
<iframe src="{{ url_for('knn') }}" style="width:100%; height:500px;" scrolling="no"></iframe> |
|
</div> |
|
|
|
<div id="kmeans" class="tabcontent"> |
|
<iframe src="{{ url_for('kmeans') }}" style="width:100%; height:500px; display: flex;" scrolling="no"></iframe> |
|
</div> |
|
|
|
<div id="naive-bayes" class="tabcontent"> |
|
<iframe src="{{ url_for('naive') }}" style="width:100%; height:500px;" scrolling="no"></iframe> |
|
</div> |
|
</div> |
|
|
|
<script> |
|
document.getElementById("linear").style.display = "block"; |
|
|
|
function openTab(evt, tabName) { |
|
var i, tabcontent, tablinks; |
|
|
|
tabcontent = document.getElementsByClassName("tabcontent"); |
|
for (i = 0; i < tabcontent.length; i++) { |
|
tabcontent[i].style.display = "none"; |
|
} |
|
|
|
tablinks = document.getElementsByClassName("tablinks"); |
|
for (i = 0; i < tablinks.length; i++) { |
|
tablinks[i].className = tablinks[i].className.replace(" active", ""); |
|
} |
|
|
|
document.getElementById(tabName).style.display = "block"; |
|
evt.currentTarget.className += " active"; |
|
} |
|
</script> |
|
</body> |
|
|
|
</html>{% endblock %} |
