RickRongen/DV-Visualisation
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added bar chart and fixed some stuff

Browse Source
This commit is contained in:
Rick Rongen
2017-12-20 14:56:09 +01:00
parent 45b2d6819d
commit 794f957a40
9 changed files with 346 additions and 282 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
index.html
View File

@@ -1,5 +1,6 @@
<html>
<head>
<meta charset="UTF-8">
<title>Getting Started</title>
<link rel="stylesheet" href="style.css">
<style>
@@ -11,6 +12,16 @@
.area{
fill: lightsteelblue;
-webkit-transition: opacity 2s;
-moz-transition: opacity 2s;
-ms-transition: opacity 2s;
-o-transition: opacity 2s;
transition: opacity 2s;
opacity: 1;
}
.hidden{
opacity: 0;
}
</style>
</head>
@@ -26,13 +37,14 @@
<h1>Crypto</h1>
<h1>Currencies</h1>
</div>
<div id="growth1" class="step" data-x="-1500" data-y="400" data-scale="1"></div>
<div id="growth2" class="step" data-x="500" data-y="400" data-scale="1"></div>
<div id="growth3" class="step" data-x="750" data-y="0" data-scale="2"></div>
<div class="step" id="growth" data-scale="5" data-x="-500" data-y="0">
<h2>Volume of trades over the years</h2>
<svg id="intro"></svg>
</div>
<div id="test" class="step" data-x="-500" data-y="0" data-scale="5" data-rotate-y="-45"></div>
<div id="test" class="step" data-x="6000" data-y="0" data-z="1500" data-scale="5" data-rotate-y="-45">
<h2>Market composition of the 10 biggest coins</h2>
<svg id="composition"></svg>
</div>
<div id="overview" class="step" data-x="3000" data-y="2000" data-scale="9" style="pointer-events: none;"></div>
</div>