-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdata_usage_network.html
More file actions
212 lines (178 loc) · 7.91 KB
/
Copy pathdata_usage_network.html
File metadata and controls
212 lines (178 loc) · 7.91 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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
<!-- link to MathJax for LaTeX stlye eqn -->
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/latest.js?config=TeX-MML-AM_CHTML">
</script>
<!-- https://realfavicongenerator.net -->
<link rel="apple-touch-icon" sizes="180x180" href="/images/logos/favicon_package_v0.16_bw/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/logos/favicon_package_v0.16_bw/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/logos/favicon_package_v0.16_bw/favicon-16x16.png">
<link rel="manifest" href="/images/logos/favicon_package_v0.16_bw/site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description"
content="A home for topics in human precision medicine, genomic analysis, and data visualisation.">
<title>data_usage_network</title>
<meta name="author" content="LawlessGenomics" />
<link href='https://lawlessgenomics.com/feed.xml' rel='alternate' title="LawlessGenomics" type='application/atom+xml'>
<!-- <meta name="readability-verification" content="QCzSs992GxmRYRKVpPeZ6LE2tS8aYKxsSSQKV8YM"/> -->
<!-- include a google font -->
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto+Slab:300|Roboto:500" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
<!-- syntax highlighting CSS -->
<link rel="stylesheet" href="/css/syntax.css" type="text/css" />
<!-- Homepage CSS -->
<link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen, projection" />
<!-- Google font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
<!-- Typekit -->
<script type="text/javascript" src="https://use.typekit.com/jpd0pfm.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body>
<!-- ClickTale Top part -->
<script type="text/javascript">
var WRInitTime=(new Date()).getTime();
</script>
<!-- ClickTale end of Top part -->
<!-- Logo and navigation bar -->
<!-- SITE START --------------------------------------------------------- -->
<div class="site">
<!-- NAV START --------------------------------------------------------- -->
<div class="sitewidthnav">
<div class="title">
<div class="nav-container">
<nav>
<div class="logoimage">
<a href="/">
<img style="margin-bottom:-16px"
src="/images/logos/logo4.2_150ppi.png"
alt="Logo image" width="25" height="38.5" /></a>
<!-- alt="Logo image" width="35.7" height="55" /></a> -->
</div>
<div class="logo">
<a href="/">LawlessGenomics</a>
</div>
<input type="checkbox" id="nav-toggle">
<label for="nav-toggle" class="gg-menu"></label>
<div class="right-menu">
<a href="/about">About</a>
<!-- <a href="/resume">About</a> -->
<a href="/">Home</a>
</div>
</nav>
</div>
</div>
</div>
<!-- NAV END ----------------------------------------------------------- -->
<!-- MAIN START -------------------------------------------------------- -->
<div class="sitewidth">
<div style="padding:6px;">
<h1>Data usage tracking networks</h1>
Long-term projects use data from a range of sources.
Common databases or core files are often reused multiple times.
Some data can remain dormant for long periods of time.
We built automated data tracing systems that are used to present summarised analytics that are conducive to multipurpose usage and error prevention.
This software scans entire data servers or project code to find and quantify all data sources.
It then produces live interactive reports without the need for manual curation.
</div>
<!-- <div class="full-width"> -->
<!-- ----------- figure 1 ------------------------------- -->
<div class="graph-container">
<div class="graph">
<iframe id="myiframe" src="/pages/portfolio_live/data_usage_net_plot_1.html"
height="600px"
width="100%"
></iframe>
</div>
</div>
<p><em>
Usage of all data showing dates, sizes, the purpose of usage, and projects.
Double clicking a file will show all files that have the same datatype purpose (e.g. all files required for RNAseq analysis).
</em></p>
<!-- ----------- figure 2 ------------------------------- -->
<div class="graph-container">
<div class="graph">
<iframe id="myiframe" src="/pages/portfolio_live/data_usage_net_plot_2.html"
height="500px"
width="100%"></iframe>
</div>
</div>
<p><em>
The interaction between data uses, within and between projects.
<span style="color:#00a0b0;">■ Teal</span> coloured edges
illustrate single-purpose data.
<span style="color:#4f372d;">■ Dark</span> coloured edges
illustrate multi-purpose data.
</em></p>
<!-- ----------- figure 3 ------------------------------- -->
<div class="graph-container">
<div class="graph">
<iframe id="myiframe" src="/pages/portfolio_live/data_usage_net_plot_3.html"
height="400px"
width="100%"></iframe>
</div>
</div>
<p><em>
Simplified data usage. Single purpose, project-specific files connect to only one project (e.g. RNAseq analysis data for single project).
Files that are reused appear in the centre and are connected to multiple projects (e.g. RNAseq reference files reused in several projects).
</em></p>
<!-- ----------- end ------------------------------- -->
<!-- </div> -->
</div>
<!-- # MAIN END ---------------------------------------------------------- -->
<!-- FOOT START -------------------------------------------------------- -->
<div class="sitewidthnav">
<div class="footer">
<div class="foot-container">
<a href="/" class="logo-foot">
<img style="margin-bottom:-16px"
src="/images/logos/logo4.2_150ppi.png"
alt="Logo image" width="25" height="38.5" /></a>
<div class="right-root">
<p><a href="https://github.com/DylanLawless/DylanLawless.github.io/tree/source">Maintained</a> by Dylan Lawless. Scientist at <a href="https://people.epfl.ch/dylan.lawless">EPFL</a>.
<!-- <a href="/resume">Resume</a> -->
<a href="https://lawless.ch">Resume</a>
and <a href="https://scholar.google.com/citations?user=RPBxP1wAAAAJ&hl=en&oi=ao">Google scholar</a>.
<a href='https://lawlessgenomics.com/feed.xml'>RSS feed</a>
</p>
</div>
</div>
</div>
</div>
<!-- FOOT END ---------------------------------------------------------- -->
</div>
<!-- SITE END ----------------------------------------------------------- -->
<!-- Banner on top right corner linking to github
<a href="https://github.com/mojombo"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /></a>
-->
<!-- ClickTale Bottom part -->
<div id="ClickTaleDiv" style="display: none;"></div>
<script type="text/javascript">
if(document.location.protocol!='https:')
document.write(unescape("%3Cscript%20src='https://s.clicktale.net/WRb.js'%20type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
if(typeof ClickTale=='function') ClickTale(206,0.3,"www03");
</script>
<!-- ClickTale end of Bottom part -->
<!-- Google Analytics -->
<!--
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "https://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-6016902-1");
pageTracker._trackPageview();
</script>
-->
<!-- Google Analytics end -->
</body>
</html>