-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
94 lines (78 loc) · 3.52 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="umbrella-favicon.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" />
<link rel="stylesheet" href="styles.css" />
<title>Parasol-JS | Visualization Tool</title>
</head>
<body id="body">
<div class="container">
<main>
<div class="main__container">
<!-- MAIN TITLE STARTS HERE -->
<div class="main__greeting">
<h1>Hi, Welcome to Parasol JS</h1>
<br>
<p>An open source, interactive visualization library to support the development of web applications for multi-objective decision making.</p>
<br>
<p>This library is based on D3 V5 API and extends upon parcoords-es.</p>
</div>
<!-- MAIN TITLE ENDS HERE -->
<!-- CHARTS STARTS HERE -->
<div class="charts">
<div class="charts__left">
<div class="charts__left__title">
<div>
<h1><a href="linked-plots-1.html">Plots with linked parallel coordinates and SlickGrid functionality</a></h1> <br>
<p style="text-align:justify; text-justify:inner-word;">
Parasol based web page to demonstrate Linked plots and SlickGrid along with a slider using
which the transparency of the polylines could be altered. With this, you can display the linked plots
along withvarious functionalities like keeping and removing the brushed data along with displaying SlickGrid.
</p>
</div>
</div>
</div>
<div class="charts__right">
<div class="charts__right__title">
<div>
<h1><a href="linked-plots-2.html">Linked Plots with buttons for filtering and exporting data</a></h1> <br>
<p style="text-align:justify; text-justify:inner-word;">
Parasol-based web page that demonstrates brushing across linked parallel coordinates plots and
how buttons can be used to modify a Parasol object using the Parasol API.
With this, you can display the linked plots along with different functionalitites like selecting a
part of data from the graph, removing the brushed data, and altering the number of clusters.
</p>
</div>
</div>
</div>
</div>
</div>
</main>
<div id="sidebar">
<div class="sidebar__title">
<div class="sidebar__img">
<img src="parasol-icon.png" alt="logo" />
<h1 style="margin-left: 40px;"> Parasol JS</h1>
</div>
</div>
<div class="sidebar__menu">
<div class="sidebar__link active_menu_link">
<i class="fa fa-home"></i>
<a href="index.html">Dashboard</a>
</div>
<div class="sidebar__link">
<i class="fa fa-calendar-check-o"></i>
<a href="linked-plots-1.html">Linked Plots - 1</a>
</div>
<div class="sidebar__link">
<i class="fa fa-calendar-check-o"></i>
<a href="linked-plots-2.html">Linked Plots - 2 </a>
</div>
</div>
</div>
</div>
</body>
</html>