-
Notifications
You must be signed in to change notification settings - Fork 0
/
list-of-tools.html
281 lines (224 loc) · 12.6 KB
/
list-of-tools.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
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
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="pandoc" />
<title>OxShef: Tools</title>
<script src="site_libs/jquery-1.12.4/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="site_libs/bootstrap-3.3.5/css/cosmo.min.css" rel="stylesheet" />
<script src="site_libs/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script src="site_libs/bootstrap-3.3.5/shim/html5shiv.min.js"></script>
<script src="site_libs/bootstrap-3.3.5/shim/respond.min.js"></script>
<script src="site_libs/navigation-1.1/tabsets.js"></script>
<link href="site_libs/highlightjs-9.12.0/textmate.css" rel="stylesheet" />
<script src="site_libs/highlightjs-9.12.0/highlight.js"></script>
<script src="site_libs/htmlwidgets-1.3/htmlwidgets.js"></script>
<link href="site_libs/datatables-css-0.0.0/datatables-crosstalk.css" rel="stylesheet" />
<script src="site_libs/datatables-binding-0.5/datatables.js"></script>
<link href="site_libs/dt-core-1.10.16/css/jquery.dataTables.min.css" rel="stylesheet" />
<link href="site_libs/dt-core-1.10.16/css/jquery.dataTables.extra.css" rel="stylesheet" />
<script src="site_libs/dt-core-1.10.16/js/jquery.dataTables.min.js"></script>
<link href="site_libs/crosstalk-1.0.0/css/crosstalk.css" rel="stylesheet" />
<script src="site_libs/crosstalk-1.0.0/js/crosstalk.min.js"></script>
<meta name="description" content="This is a template site using RMarkdown for the OxShef Project - a collaboration between University of Oxford and University of Sheffield" />
<link rel="icon" type="image/png" href="images/favicon.png" />
<script type="text/javascript" src="js/rmarkdown.js"></script>
<style type="text/css">code{white-space: pre;}</style>
<style type="text/css">
pre:not([class]) {
background-color: white;
}
</style>
<script type="text/javascript">
if (window.hljs) {
hljs.configure({languages: []});
hljs.initHighlightingOnLoad();
if (document.readyState && document.readyState === "complete") {
window.setTimeout(function() { hljs.initHighlighting(); }, 0);
}
}
</script>
<style type="text/css">
h1 {
font-size: 34px;
}
h1.title {
font-size: 38px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 12px;
}
.table th:not([align]) {
text-align: left;
}
</style>
<link rel="stylesheet" href="css/rmarkdown.css" type="text/css" />
<link rel="stylesheet" href="css/title-0px.css" type="text/css" />
</head>
<body>
<style type = "text/css">
.main-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
code {
color: inherit;
background-color: rgba(0, 0, 0, 0.04);
}
img {
max-width:100%;
height: auto;
}
.tabbed-pane {
padding-top: 12px;
}
.html-widget {
margin-bottom: 20px;
}
button.code-folding-btn:focus {
outline: none;
}
</style>
<div class="container-fluid main-container">
<!-- tabsets -->
<script>
$(document).ready(function () {
window.buildTabsets("TOC");
});
</script>
<!-- code folding -->
<div id="rStudioHeader" class="alwaysShrunk">
<div class="innards bandContent">
<div>
<a class="menuItem" href="index.html">OxShef: Tools</a>
</div>
<div id="menu">
<div id="menuToggler"></div>
<div id="menuItems">
<a class="menuItem" href="reproducible-dataviz-workflow.html">Reproducible dataviz workflow</a>
<a class="menuItem" href="list-of-tools.html">Overview of available tools</a>
<a class="menuItem" href="training-tutorials-and-templates.html">Training, Tutorials and Templates</a>
<a class="menuItem gitHub" href="https://github.com/OxShef/oxshef_rmd_template"></a>
<a class="menuItem gitHubText" href="https://github.com/OxShef/oxshef_rmd_template">Source on GitHub</a>
</div>
</div>
</div>
</div>
<style type="text/css">
#TOC {
margin-left: 35px;
margin-top: 90px;
}
</style>
<script type="text/javascript">
$(".main-container").removeClass("main-container").removeClass("container-fluid").addClass("footerPushDown");
</script>
<div id="pageContent" class="standardPadding">
<div class="articleBandContent">
<style type="text/css">
.title {
display: none;
}
#disqus_thread {
display: none;
}
</style>
<div class="fluid-row" id="header">
<h1 class="title toc-ignore">OxShef: Tools</h1>
</div>
<p><link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"></p>
<div id="visualisation-tools" class="section level2">
<h2>Visualisation Tools</h2>
<p>There are hundreds of visualisation tools and packages used by researchers for communicating research datasets. <strong>OxShef: Tools</strong> cannot hope to be a reference or a recommendation engine for all of these solutions. We maintain a collection of the most popular/versatile tools <a href="#table-of-tools">below</a>. For a birds eye view of the entire range of dataviz tools avaialble, you might find this resource useful: <a href="http://www.visualisingdata.com/resources/" class="uri">http://www.visualisingdata.com/resources/</a>.</p>
<p>
<a class="btn btn-primary" data-toggle="collapse" href="#table-description" role="button" aria-expanded="false" aria-controls="collapseExample"> Learn more about this table… </a>
</p>
<div id="table-description" class="collapse">
<div class="card card-body">
<p><br></p>
<div class="row">
<div class="col-sm-6">
<center>
<h5>
Data <strong>can be</strong> pulled from external sources <i class='fas fa-circle'></i></i>
</h5>
</center>
<p>Tools that can pull data from external sources fullfil <strong>OxShef: Tools</strong> <a href="reproducible-dataviz-workflow.html">reproducible dataviz workflow requirements</a> and are highly recommended by us. In general, we will provide a dedicated website for such tools in <a href="#table-of-tools">the table below</a>.</p>
</div>
<div class="col-sm-6">
<center>
<h5>
Data <strong>cannot</strong> pulled from external sources <i class='far fa-circle'></i></i>
</h5>
</center>
<p>As data cannot be pulled directly from a data repository, these tools <strong>do not</strong> meet <strong>OxShef: Tools</strong> <a href="reproducible-dataviz-workflow.html">reproducible dataviz workflow requirements</a>. You will be required to duplicate your data on the visualisation service’s website, which makes keeping your visualisation consistent with your canonical datset difficult.</p>
</div>
</div>
<p>Visualisation tools fit neatly into these two categories, either of these may be suitable for a <a href="reproducible-dataviz-workflow.html">reproducible dataviz workflow</a>.</p>
<div class="row">
<div class="col-sm-6">
<center>
<h5>
Point and Click Tools <i class='fa fa-hand-pointer'></i>
</h5>
</center>
<p>These allow users to build visualisations interactively, for instance selecting columns from a spreadsheet-like view of your data and clicking “Create BarChart”. Examples of this type of tool include: <strong>Excel</strong>, <strong>SPSS</strong> and <strong>Tableau</strong>.</p>
</div>
<div class="col-sm-6">
<center>
<h5>
Scripting Tools <i class='fa fa-file-code'></i>
</h5>
</center>
<p>These require users to write code (or scripts) to generate visualisations, such tools in general have a steeper initial learning curve than “point and click tools” but allow greater overall flexibility and extensibility. Examples of this type of tool include: <strong>Python</strong>, <strong>R</strong>.</p>
</div>
</div>
<p><br/></p>
</div>
</div>
<p><a name='table-of-tools'></a></p>
<div id="htmlwidget-6a6b98d0808dc13a2e50" style="width:100%;height:auto;" class="datatables html-widget"></div>
<script type="application/json" data-for="htmlwidget-6a6b98d0808dc13a2e50">{"x":{"filter":"none","data":[["<a href='https://plot.ly/products/dash/' target='_blank'><img src='images/table-of-tools-logos/dash-logo.svg' style='max-height:80px'><\/img><\/a>","<a href='http://jupyter.org/' target='_blank'><img src='images/table-of-tools-logos/jupyter-logo.png' style='max-height:80px'><\/img><\/a>","<a href='http://plot.ly' target='_blank'><img src='images/table-of-tools-logos/plotly-logo.png' style='max-height:80px'><\/img><\/a>","<a href='http://cran.r-project.org' target='_blank'><img src='images/table-of-tools-logos/r-logo.png' style='max-height:80px'><\/img><\/a>","<a href='http://shiny.rstudio.com' target='_blank'><img src='images/table-of-tools-logos/shiny-logo.png' style='max-height:80px'><\/img><\/a>","<a href='https://vega.github.io/vega-lite/' target='_blank'><img src='images/table-of-tools-logos/vega-lite-logo.png' style='max-height:80px'><\/img><\/a>"],["Dash allows Python users to build rich interactive web applications and visualisations through a combination of different technologies, including React and Flask. OxShef are currently investigating the reproducability of a Dash-driven dataviz visualisation workflow, which may lead to a dedicated site about this tool in the future.","Jupyter (the spiritual successor to iPython notebooks) is a powerful tool for creating rich documents incorporating code, data and visualisation outputs. Jupyter notebooks allow code written in Python, R and more to be combined together easily. Oxshef are currently developing a site dedicated to using this tool in a reproducible dataviz workflow.","Plotly provides a free tool for creating interactive visualisations from dataset uploaded to the Plotly service. It's a great tool for creating \"one off\" visualisations but does not fit into a fully reproducible workflow as data must be siloed in the plot.ly website.","R is a very popular scripting language that includes a wide range of popular visualisation tools, including ggplot2 and htmlwidgets for interactive visualisation. It is possible to build fully functioning web applications with R by using Shiny. We thoroughly recommend that R users browse <a href='http://oxshef-shiny.netlify.com' target='_blank' style='font-weight:bold'>OxShef: Shiny<\/a> to see what's possible.","Shiny is a technology that allows users of R to create interactive web applications without *strictly* having to learn HTML, CSS, JavaScript or anything about web-hosting. There is a dedicated <a href='http://oxshef-shiny.netlify.com' target='_blank' style='font-weight:bold'>OxShef: Shiny<\/a> website with tutorials and templates for creating your own data visualisations with Shiny.\r\n<br>\r\n<a href='http://oxshef-shiny.netlify.com' target='_blank' style='font-weight:bold'>[Read more...]<\/a>","Vega-Lite provides a high-level grammar of interactive graphics, allowing users to specify \"charts as data\" in well designed JSON format. OxShef are currently investigating the reproducability of a Vega-Lite driven dataviz workflow, which may lead to a dedicated site about this tool in the future."],["<i class='far fa-circle'><\/i>","<i class='fas fa-circle'><\/i>","<i class='far fa-circle'><\/i>","<i class='far fa-circle'><\/i>","<i class='fas fa-circle'><\/i>","<i class='fas fa-circle'><\/i>"],["<i class='fa fa-hand-pointer fa-2x'><\/i>","<i class='fa fa-file-code fa-2x'><\/i>","<i class='fa fa-hand-pointer fa-2x'><\/i>","<i class='fa fa-file-code fa-2x'><\/i>","<i class='fa fa-file-code fa-2x'><\/i>","<i class='fa fa-file-code fa-2x'><\/i>"]],"container":"<table class=\"display\">\n <thead>\n <tr>\n <th>Visualisation Tool<\/th>\n <th>Brief Description<\/th>\n <th>Allows external data to be accessed?<\/th>\n <th>Type of tool<\/th>\n <\/tr>\n <\/thead>\n<\/table>","options":{"scrollX":true,"autoWidth":true,"columnDefs":[{"width":"100px","targets":[0,2]},{"className":"dt-center","targets":[0,2,3]}],"dom":"t","order":[],"orderClasses":false}},"evals":[],"jsHooks":[]}</script>
</div>
</div> <!-- articleBandContent -->
</div> <!-- pageContent -->
<div id="rStudioFooter" class="band full">
<div class="bandContent">
<h4><a href="https://oxshef.io" target="_blank" style="color:#fff;font-weight:bold">OxShef</a></h4>
<div id="logos">
<!--<a href="https://twitter.com/rstudio" class="footerLogo twitter"></a>!-->
<a href="https://github.com/OxShef/oxshef_rmd_template" class="footerLogo gitHub"></a>
<!--<a href="https://www.linkedin.com/company/rstudio-inc" class="footerLogo linkedIn"></a>
<a href="https://www.facebook.com/pages/RStudio-Inc/267733656584415" Class="footerLogo facebook"></a>-->
</div>
</div>
</div>
<!-- bizible -->
<script type="text/javascript" src="//cdn.bizible.com/scripts/bizible.js" async=""></script>
</div>
<script>
// add bootstrap table styles to pandoc tables
function bootstrapStylePandocTables() {
$('tr.header').parent('thead').parent('table').addClass('table table-condensed');
}
$(document).ready(function () {
bootstrapStylePandocTables();
});
</script>
</body>
</html>