graph.html

---
layout: graph
title: Colorful Traces
---
<!--<canvas width="1200" height="800"></canvas>-->
<div id=cy style="height: 100vh; width: 100vw;"></div>

<div id="insights-sidebar" class="sidebar sidebar-left">
    <div class="dismiss">
        <i class="fas fa-arrow-left"></i>
    </div>
    <div class="sidebar-header">
        <h5>Insights</h3>
    </div>
</div>

<div id="options-sidebar" class="sidebar sidebar-right">
    <div class="dismiss">
        <i class="fas fa-arrow-right"></i>
    </div>
    <div class="sidebar-header">
        <h5>Options</h3>
    </div>
    <div id='sidebar-content'>
    	<div class="form-check">
			<input id="paths-check" class="form-check-input" type="checkbox" value="" checked>
			<label class="form-check-label" for="paths-check">
				Show paths
			</label>
		</div>
		<div class="form-check">
			<input id="rest-nodes-check" class="form-check-input" type="checkbox" value="" checked>
			<label class="form-check-label" for="rest-nodes-check">
				Show restaurant nodes
			</label>
		</div>
		<div class="form-check">
			<input id="inter-nodes-check" class="form-check-input" type="checkbox" value="" checked>
			<label class="form-check-label" for="form-check-label">
				Show intermediate nodes
			</label>
		</div>
		<div class="form-check">
			<input id="dest-nodes-check" class="form-check-input" type="checkbox" value="" checked>
			<label class="form-check-label" for="dest-nodes-check">
				Show destination nodes
			</label>
		</div>
    </div>

</div>