Other Java examples (source code examples)
Here is a short list of links related to this Java tsne.ftl source code file:
The search page
Other Java source code examples at this package level
Click here to learn more about this project
Java example source code file (tsne.ftl)
The tsne.ftl Java example source code<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>T-SNE renders
<!-- jQuery -->
<!--
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
<script src="/assets/d3.min.js">
<script src="/assets/render.js">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="/assets/bootstrap-3.3.4-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="/assets/bootstrap-3.3.4-dist/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="/assets/css/simple-sidebar.css">
<link rel="stylesheet" href="/assets/css/style.css">
<script src="https://code.jquery.com/jquery-2.1.3.min.js">
<script src="/assets/jquery-fileupload.js">
<script src="/assets/bootstrap-3.3.4-dist/js/bootstrap.min.js">
-->
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-2.2.0.min.js">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" />
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous" />
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous">
<!-- d3 -->
<script src="//d3js.org/d3.v3.min.js" charset="utf-8">
<script src="/assets/jquery-fileupload.js">
<!-- Booststrap Notify plugin-->
<script src="/assets/bootstrap-notify.min.js">
<script src="/assets/common.js">
<!-- dl4j plot setup -->
<script src="/assets/renderTsne.js">
<style>
.hd {
background-color: #000000;
font-size: 18px;
color: #FFFFFF;
}
.block {
width: 250px;
height: 350px;
display: inline-block;
border: 1px solid #DEDEDE;
margin-right: 64px;
}
.hd-small {
background-color: #000000;
font-size: 14px;
color: #FFFFFF;
}
body {
font-family: 'Roboto', sans-serif;
color: #333;
font-weight: 300;
font-size: 16px;
}
#wrap {
width: 800px;
margin-left: auto;
margin-right: auto;
}
#embed {
margin-top: 10px;
}
h1 {
text-align: center;
font-weight: normal;
}
.tt {
margin-top: 10px;
background-color: #EEE;
border-bottom: 1px solid #333;
padding: 5px;
}
.txth {
color: #F55;
}
.cit {
font-family: courier;
padding-left: 20px;
font-size: 14px;
}
.axis {
}
.axis path,
.axis line {
fill: none;
stroke: rgba(0,0,0,0.1);
shape-rendering: crispEdges;
}
.axis text {
font-family: sans-serif;
font-size: 11px;
fill: #666;
}
.label {
font-size:14px;
fill:rgba(0,0,0,0.5);
shape-rendering:auto;
}
</style>
<script>
$(document).ready(function() {
$('#filenamebutton').click(function() {
document.getElementById('form').reset();
$('#form').hide();
var filename = $('#filename').val();
$('#filename').val('');
updateFileName(filename);
drawTsne();
});
$('#form').fileUpload({success : function(data, textStatus, jqXHR){
var fullPath = document.getElementById('form').value;
var filename = data['name'];
if (fullPath) {
var startIndex = (fullPath.indexOf('\\') >= 0 ? fullPath.lastIndexOf('\\') : fullPath.lastIndexOf('/'));
var filename = fullPath.substring(startIndex);
if (filename.indexOf('\\') === 0 || filename.indexOf('/') === 0) {
filename = filename.substring(1);
}
}
document.getElementById('form').reset();
//$('#form').hide();
updateFileName(filename);
drawTsne();
},error : function(err) {
console.log(err);
}});
function updateFileName(name) {
/*
$.ajax({
url: './api/update',
type: 'POST',
dataType: 'json',
data: JSON.stringify({"url" : name}),
cache: false,
success: function(data, textStatus, jqXHR) {
},
error: function(jqXHR, textStatus, errorThrown) {
// Handle errors here
console.log('ERRORS: ' + textStatus);
},
complete: function() {
}
});
*/
}
drawTsne();
}) ;
</script>
</head>
<body>
<table style="width: 100%; padding: 5px;" class="hd">
<tbody>
<tr>
<td style="width: 48px;"> |
