<a href="#" onclick="trackSessionHandle('TSNE','tsne'); return false;">
<div style="text-align: left; margin: 5px;"> Plot T-SNE data uploaded by user or retrieved from DL4j. </div> </div> <div class="block"> <!-- W2V block --> <b>WordVectors
<a href="./word2vec">
<div style="text-align: left; margin: 5px;"> wordsNearest UI for WordVectors (GloVe/Word2Vec compatible) </div> </div> <div class="block"> <b>Activations
<a href="#" onclick="trackSessionHandle('ACTIVATIONS','activations'); return false;">
<div style="text-align: left; margin: 5px;"> Activations retrieved from Convolution Neural network. </div> </div> <div class="block"> <!-- Histogram block. It's session-dependant block --> <b>Histograms & Score
<a href="#" onclick="trackSessionHandle('HISTOGRAM','weights'); return false;">
<div style="text-align: left; margin: 5px;"> Neural network scores retrieved from DL4j during training. </div> </div> <div class="block"> <!-- Flow block. It's session-dependant block --> <b>Model flow
<a href="#" onclick="trackSessionHandle('FLOW','flow'); return false;">
<div style="text-align: left; margin: 5px;"> MultiLayerNetwork/ComputationalGraph model state rendered. </div> </div> <div class="block"> <!-- Arbiter block. It's session-dependant block --> <b>Arbiter
<a href="#" onclick="trackSessionHandle('ARBITER','arbiter'); return false;">
<div style="text-align: left; margin: 5px;"> State & management for Arbiter optimization processes. </div> </div> </div> <div id="sessionSelector" style="position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 95; display: none;"> <div style="position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; background-color: rgba(255, 255, 255,255); border: 1px solid #CECECE; height: 400px; width: 300px; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc;"> <table class="table table-hover" style="margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px;"> <thead style="display: block; margin-bottom: 3px; width: 100%;"> <tr style="width: 100%"> <th style="width: 100%">Available sessions </tr> </thead> <tbody id="sessionList" style="display: block; width: 95%; height: 300px; overflow-y: auto; overflow-x: hidden;"> </tbody> </table> <div style="display: inline-block; position: fixed; bottom: 3px; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); "> <input type="button" class="btn btn-default" style="" value=" Cancel " onclick="$('#sessionSelector').css('display','none');"/> </div> </div> </div> </body> </html>
Other Java examples (source code examples)
Here is a short list of links related to this Java default.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 (default.ftl)
The default.ftl Java example source code<!DOCTYPE html>
<html>
<head>
<title>DeepLearning4j UI
<meta charset="utf-8" />
<!-- 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">
<style>
body {
font-family: 'Roboto', sans-serif;
color: #333;
font-weight: 300;
font-size: 16px;
}
.hd {
background-color: #000000;
font-size: 18px;
color: #FFFFFF;
}
.block {
width: 250px;
height: 350px;
display: inline-block;
margin-right: 64px;
}
.hd-small {
background-color: #000000;
font-size: 14px;
color: #FFFFFF;
}
</style>
<!-- Booststrap Notify plugin-->
<script src="./assets/bootstrap-notify.min.js">
<script src="./assets/default.js">
</head>
<body>
<table style="width: 100%; padding: 5px;" class="hd">
<tbody>
<tr>
<td style="width: 48px;"> |
