-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
35 lines (35 loc) · 1.84 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="og:title" content="Data visualization algorithms">
<meta property="og:description" content="Website with some interactive pages. Made within the Data visualization algorithms course">
<meta property="og:image" content="https://diht2016.github.io/dataviz/images/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Data visualization algorithms</title>
<link rel="stylesheet" href="./css/main.css">
<link rel="shortcut icon" href="./images/favicon.png">
</head>
<body>
<div id="main">
<h1>Data visualization algorithms</h1>
<p>All algorithms are written in pure JavaScript (no frameworks used!). Graphs are drawn using SVG elements.</p>
<p>Pages & algorithms:
<ul>
<li><a href="relax" target="blank">Graph force relaxation animation</a></li>
<li><a href="tree" target="blank">Tree Graph visualization</a></li>
<li><a href="flow" target="blank">Directed Acyclic Graph visualization</a></li>
<li><a href="label-placement" target="blank">Label Placement problem solving</a></li>
</ul>
</p>
<p><a href="https://github.com/diht2016/dataviz" target="blank">View code on Github</a> (<span id="star" style="transition: transform ease 0.5s; cursor: pointer; display: inline-block; transition: rotate(0)">🌟</span> star if you like it!)</p>
<script>
let rotation = 0
document.getElementById('star').onclick = function() {
this.style.transform = `rotate(${rotation += 3}turn)`
}
</script>
<p><a href="https://github.com/diht2016/dataviz/tree/main/samples" target="blank">A lot of graph samples (in GraphML format)</a></p>
</div>
</body>
</html>