1+ < body >
2+ < div class ="vp-grid-box ">
3+ < div class ="vp-grid-border-box ">
4+ < div class ="vp-grid-col-95 ">
5+ < label for ="modelType " class ="vp-orange-text "> Model Type</ label >
6+ < select id ="modelType " class ="vp-select vp-state ">
7+ < option value ="rgs "> Regression</ option >
8+ < option value ="clf "> Classfication</ option >
9+ < option value ="cls "> Clustering</ option >
10+ </ select >
11+ </ div >
12+ < div class ="vp-grid-col-95 vp-upper-box rgs clf ">
13+ < label for ="targetData " class ="vp-orange-text "> Target Data</ label >
14+ < input type ="text " class ="vp-input vp-state " id ="targetData " placeholder ="Input target data " value ="y_test "/>
15+ </ div >
16+ < div class ="vp-grid-col-95 vp-upper-box rgs clf ">
17+ < label for ="predictData " class ="vp-orange-text "> Predict Data</ label >
18+ < input type ="text " class ="vp-input vp-state " id ="predictData " placeholder ="Input predict data " value ="pred "/>
19+ </ div >
20+ < div class ="vp-grid-col-95 vp-upper-box cls ">
21+ < label for ="clusteredIndex " class ="vp-orange-text "> Clustered Index</ label >
22+ < input type ="text " class ="vp-input vp-state " id ="clusteredIndex " placeholder ="Input predict data " value ="clusters "/>
23+ </ div >
24+ </ div >
25+ < div class ="vp-grid-border-box ">
26+ < label for ="featureData "> Evaluation Metrics</ label >
27+ < div class ="vp-grid-box vp-eval-box vp-eval-rgs ">
28+ < label > < input type ="checkbox " id ="r_squared " class ="vp-state " checked > < span > R squared</ span > </ label >
29+ < label > < input type ="checkbox " id ="mae " class ="vp-state "> < span > Mean Absolute Error</ span > </ label >
30+ < label > < input type ="checkbox " id ="mape " class ="vp-state "> < span > Mean Absolute Percentage Error</ span > </ label >
31+ < label > < input type ="checkbox " id ="rmse " class ="vp-state " checked > < span > Root Mean Squared Error</ span > </ label >
32+ < label > < input type ="checkbox " id ="scatter_plot " class ="vp-state "> < span > Scatter plot</ span > </ label >
33+ </ div >
34+ < div class ="vp-grid-box vp-eval-box vp-eval-clf ">
35+ < label > < input type ="checkbox " id ="confusion_matrix " class ="vp-state " checked > < span > Confusion Matrix</ span > </ label >
36+ < label > < input type ="checkbox " id ="report " class ="vp-state " checked > < span > Report (Accuracy/Precision/Recall/F1-score)</ span > </ label >
37+ < label class ="vp-gray-text vp-italic "> * You can select individually</ span > </ label >
38+ < label > < input type ="checkbox " id ="accuracy " class ="vp-state "> < span > Accuracy</ span > </ label >
39+ < label > < input type ="checkbox " id ="precision " class ="vp-state "> < span > Precision</ span > </ label >
40+ < label > < input type ="checkbox " id ="recall " class ="vp-state "> < span > Recall</ span > </ label >
41+ < label > < input type ="checkbox " id ="f1_score " class ="vp-state "> < span > F1-scorev</ label >
42+ <!-- <hr style="margin: 5px;"/> -->
43+ <!-- <label><input type="checkbox" id="roc_curve" class="vp-eval-check vp-state" data-type="roc-auc"><span>ROC Curve</span></label>
44+ <label><input type="checkbox" id="auc" class="vp-eval-check vp-state" data-type="roc-auc"><span>AUC</span></label> -->
45+ <!-- <div class="vp-grid-col-95">
46+ <label for="model" class="vp-orange-text">Model</label>
47+ <select id="model" class="vp-select vp-state vp-ev-model roc-auc">
48+ </select>
49+ </div> -->
50+ </ div >
51+ < div class ="vp-grid-box vp-eval-box vp-eval-cls ">
52+ < label > < input type ="checkbox " id ="silhouetteScore " class ="vp-eval-check vp-state " data-type ="silhouette " checked > < span > Silhouette score</ span > </ label >
53+ < div class ="vp-grid-col-95 ">
54+ < label for ="featureData2 " class ="vp-orange-text "> Feature Data</ label >
55+ < input type ="text " class ="vp-input vp-state vp-ev-model silhouette " id ="featureData2 " placeholder ="Input feature data " value ="X "/>
56+ </ div >
57+ < hr style ="margin: 5px; "/>
58+ < label > < input type ="checkbox " id ="ari " class ="vp-eval-check vp-state " data-type ="ari-nmi "> < span > ARI (Adjusted Random Score)</ span > </ label >
59+ < label > < input type ="checkbox " id ="nmi " class ="vp-eval-check vp-state " data-type ="ari-nmi "> < span > NMI (Normalized Mutual Information)</ span > </ label >
60+ < div class ="vp-grid-col-95 ">
61+ < label for ="targetData2 " class ="vp-orange-text "> Target Data</ label >
62+ < input type ="text " class ="vp-input vp-state vp-ev-model ari-nmi " id ="targetData2 " placeholder ="Input target data " value ="y "/>
63+ </ div >
64+ </ div >
65+ </ div >
66+ </ div >
67+ </ body >
0 commit comments