algo.html

---
layout: algo
title: Algorithm
description: Etymology Graph
---

<div id="vizu_input" >
	<div id="input_div" >
	    <form name="myForm" action="javascript:handleInput(search_word.value)"> 
	         <input type="text" name="search_word" id="search_word" placeholder="Search">
	         <input type="submit" value="&#x1F50D;" class="button">
	    </form>
	</div>
	<div id="show_cluster_div">
			
			   Selected examples:
			<select name="wordlist"id="wordlist">
				  <option value="bitcoin">bitcoin</option>
				  <option value="rhapsody">rhapsody</option>
				  <option value="dumbledore">dumbledore</option>
			 	 <option value="algorithm">algorithm</option>
			</select>
			<button type="button" onclick="selectedExampleListener()">Search this word!</button>
		
		<input type="checkbox" id="show_cluster_checkbox" name="show_cluster_checkbox" onchange='showClustersListener(this);'>
		<label for="show_cluster_checkbox">Show cluster</label>
		<input type="checkbox" id="no_reset_checkbox" name="no_reset_checkbox" onchange='noResetListener(this);'>
		<label for="no_reset_checkbox">Do not reset on new word</label>
		
		<button type="button" onclick="goToRootNodeButtonListener()">Center on root node</button>
	</div>
</div>

<div id="vizu_svg"></div>


<script type="text/javascript" src="{{ site.baseurl }}/assets/utils.js"></script>
<script type="text/javascript" src="{{ site.baseurl }}/assets/ancestors.js"></script>
<script type="text/javascript" src="{{ site.baseurl }}/assets/descendants.js"></script>
<script type="text/javascript" src="{{ site.baseurl }}/assets/dagre_vizu.js"></script>