2020-03-04 22:24:49 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Plotting Data: COCO drawings</title>
|
2020-03-10 11:53:00 +01:00
|
|
|
<!-- Plotting Data publication -->
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/a/css/main.css">
|
2020-03-10 12:08:21 +01:00
|
|
|
|
2020-03-04 22:24:49 +01:00
|
|
|
<link rel="stylesheet" type="text/css" href="coco.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body class='hideImages'>
|
2020-03-10 11:53:00 +01:00
|
|
|
|
|
|
|
|
<nav id='publication'>
|
|
|
|
|
<a href="/a/introduction.html">
|
|
|
|
|
Introduction
|
|
|
|
|
</a>
|
|
|
|
|
<a href="/a/coco/" class='current'>
|
|
|
|
|
COCO
|
|
|
|
|
</a>
|
|
|
|
|
<a href="/a/enron/">
|
|
|
|
|
Enron
|
|
|
|
|
</a>
|
|
|
|
|
<a href="/a/20bn/">
|
|
|
|
|
Something-Something
|
|
|
|
|
</a>
|
|
|
|
|
<a href="/a/interviews.html">
|
|
|
|
|
Interviews
|
|
|
|
|
</a>
|
2020-03-10 12:08:21 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id='sub'>
|
|
|
|
|
<a href="/a/introduction.html#dataset-of-4-year-olds-coco-dataset">Dataset of 4 year olds</a>
|
|
|
|
|
</div>
|
2020-03-10 11:53:00 +01:00
|
|
|
</nav>
|
|
|
|
|
|
2020-03-04 22:24:49 +01:00
|
|
|
<div class='buttons buttons-inline'>
|
|
|
|
|
<label id='convert'><input type='checkbox' id='loadImages'> images</label>
|
|
|
|
|
<label id='labelcheck'><input type='checkbox' id='loadLabels'> labels</label>
|
2020-03-10 11:53:00 +01:00
|
|
|
<label id='godraw'><a href='/a/coco'>Draw your own!</a></label>
|
2020-03-04 22:24:49 +01:00
|
|
|
</div>
|
|
|
|
|
<div id='saved'>
|
|
|
|
|
{images}
|
|
|
|
|
</div>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
let loadImagesEl = document.getElementById('loadImages');
|
|
|
|
|
let loadLabelsEl = document.getElementById('loadLabels');
|
|
|
|
|
|
|
|
|
|
let setImageClass = function() {
|
|
|
|
|
if(loadImagesEl.checked) {
|
|
|
|
|
document.body.classList.remove('hideImages');
|
|
|
|
|
} else {
|
|
|
|
|
document.body.classList.add('hideImages');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
let setLabelClass = function() {
|
|
|
|
|
if(loadLabelsEl.checked) {
|
|
|
|
|
document.body.classList.remove('hideLabels');
|
|
|
|
|
} else {
|
|
|
|
|
document.body.classList.add('hideLabels');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
loadImagesEl.addEventListener('change', (e) => setImageClass());
|
|
|
|
|
loadLabelsEl.addEventListener('change', (e) => setLabelClass());
|
|
|
|
|
setImageClass();
|
|
|
|
|
setLabelClass();
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
