Repository navigation
Expand file tree
/
Copy pathDMVSystem.html
More file actions
173 lines (156 loc) · 6.21 KB
/
Copy pathDMVSystem.html
File metadata and controls
173 lines (156 loc) · 6.21 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DMVSystem</title>
<link rel="stylesheet" href="css/DMVSystem.css">
<link rel="icon" href="DMVS.ico">
<script src="echarts/echarts.min.js"></script>
</head>
<body>
<div id="LoadingPic">
<img src="images/timg.gif" alt="">
</div>
<!-- 首屏主要内容 -->
<div id="firstScreen" class="clearfix">
<h1 class="headline">树蛙可视化系统</h1>
<ul class="sidebar fl" id="nav">
<li class="active iconfont">

数据源
</li>
<li class="iconfont">

可视化
</li>
</ul>
<div class="rightbox fr">
<!-- 搜索框 -->
<div class="introduct">
<h2 class="page-introduct fl" id="page-introduct">数据源</h2>
<div class="search fr" id="searchPart">
<!-- <form action=""> -->
<input type="text" class="thing" id="search" name="key" autocomplete="off"
placeholder="请输入数据源名称(搜索功能可选)">
<input type="submit" id="submit" class="iconfont btn" value="">
<!-- </form> -->
</div>
</div>
<div class="part" id="Page">
<ul class="data-nav">
<li>
<span class="active">参考数据源</span>
</li>
<li>
<span>我的数据</span>
</li>
</ul>
<ul class="data" id='source'>
<li>
<img src="images/朴素贝叶斯.png" alt="">
<h3>垃圾邮件集</h3>
<p title="">让AI为您分类垃圾邮件！</p>
<span>导入数据集</span>
</li>
<li>
<img src="images/KNN.png" alt="">
<h3>Tree集</h3>
<p title="">在二次创作的数据集中感受“近朱者赤近墨者黑”！</p>
<span>导入数据集</span>
</li>
<li>
<img src="images/SVM.png" alt="">
<h3>乳腺癌集</h3>
<p title="">AI如何在29个指标的数据中判断乳腺癌？</p>
<span>导入数据集</span>
</li>
<li>
<img src="images/线性回归.png" alt="">
<h3>房价集</h3>
<p title="">让AI为您摇身一变为房地产大亨！</p>
<span>导入数据集</span>
</li>
<li>
<img src="images/逻辑回归.png" alt="">
<h3>简化鸢尾花集</h3>
<p title="">划分界限！</p>
<span>导入数据集</span>
</li>
<li>
<img src="images/决策树.png" alt="">
<h3>森林火灾集</h3>
<p title="">AI也能摇身一变为森林火警指挥系统！</p>
<span>导入数据集</span>
</li>
</ul>
</div>
<div class="part" id="Page">
<!-- 图表 -->
<div class="raw-chart">
<ul>
<ol class="chartList" id="chartList">
<h4>原始数据可视化</h4>
<li>散点图</li>
<li>折线图</li>
<li>条形图</li>
<li>饼状图</li>
<li>平行坐标图</li>
<li>RadViz图</li>
<li>Andrew图</li>
</ol>
<ol class="funcList" id="funcList">
<h4>自动匹配算法</h4>
<h5 class="variety">分类算法</h5>
<li>朴素贝叶斯</li>
<li>KNN</li>
<!-- <li>SVM</li> -->
<li>支持向量机</li>
<h5 class="predict">预测算法</h5>
<li>线性回归</li>
<!-- <li>逻辑回归</li> -->
<li>对数几率回归</li>
<li>回归决策树</li>
</ol>
</ul>
<div class="chart-area">
<div id="chartShow"></div>
<div id="chartResult"></div>
</div>
<div class="message">
<h4>当前数据信息</h4>
<h5>数据名称：</h5>
<p id="fileName">未命名数据源</p>
<h5>数据类型：</h5>
<p>CSV</p>
<h5>上传日期：</h5>
<p>2020 - 08 - 01</p>
<h5>简介：</h5>
<p id="fileSay">
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.
</p>
</div>
</div>
<!-- 表格 -->
<h3 class="table-area">表格展示</h3>
<ul class="process" id="process">
<li>提交并预处理</li>
<li>进行训练</li>
<li>进行预测</li>
<li id="assess" class="assess"></li>
</ul>
<div class="table" id="tableShow">
</div>
</div>
</div>
</div>
<script src="js/DMVSystem.js"></script>
</body>
</html>