comparison index.html @ 5:457823710044

Start to add beeswarm timeline of photos
author IBBoard <dev@ibboard.co.uk>
date Mon, 29 May 2017 16:08:09 +0100
parents 42c058ce5b7c
children a42497c3964c
comparison
equal deleted inserted replaced
4:ce99564f2eb5 5:457823710044
5 <title>Exif Graphr for Flickr</title> 5 <title>Exif Graphr for Flickr</title>
6 <script type="text/javascript" src="./d3.js"></script> 6 <script type="text/javascript" src="./d3.js"></script>
7 <!-- Uncomment the following line for "production" use --> 7 <!-- Uncomment the following line for "production" use -->
8 <!--<script type="text/javascript" src="./d3.min.js"></script>--> 8 <!--<script type="text/javascript" src="./d3.min.js"></script>-->
9 <script type="text/javascript" src="./d3.tip.js"></script> 9 <script type="text/javascript" src="./d3.tip.js"></script>
10 <script type="text/javascript" src="./d3.beeswarm.js"></script>
10 <style type="text/css"> 11 <style type="text/css">
11 .axis path, 12 .axis path,
12 .axis line { 13 .axis line {
13 fill: none; 14 fill: none;
14 stroke: black; 15 stroke: black;
58 <form action=""> 59 <form action="">
59 <input type="text" id="username" value="ibboard" onkeypress="if (event.keyCode==13) { visualise(); return false; }" /> <input type="button" value="Visualise" onclick="visualise()" /> 60 <input type="text" id="username" value="ibboard" onkeypress="if (event.keyCode==13) { visualise(); return false; }" /> <input type="button" value="Visualise" onclick="visualise()" />
60 </form> 61 </form>
61 <div id="graph"></div> 62 <div id="graph"></div>
62 <div id="legend"></div> 63 <div id="legend"></div>
64 <div id="timeline"></div>
63 <table> 65 <table>
64 <thead> 66 <thead>
65 <tr> 67 <tr>
66 <th width="100">Photo</th> 68 <th width="100">Photo</th>
67 <th>Camera</th> 69 <th>Camera</th>