andy/planetary.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update site

Browse Source
This commit is contained in:
Brandon Tilley 2013-12-23 22:39:01 -08:00
parent 459e563a05
commit 6f689d21df
3 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
examples/quake/index.html
View File

@ -83,7 +83,7 @@
<div id='controls'> <div id='controls'>
<div> <div>
<input id='slider' type='range' min='0' max='100' value='0'> <input id='slider' type='range' min='0' max='1000' value='0'>
</div> </div>
<div> <div>
<span id='date'></span>&nbsp; <span id='date'></span>&nbsp;
@ -95,7 +95,7 @@
<script type='text/javascript' src="/js/lib/topojson.v1.min.js"></script> <script type='text/javascript' src="/js/lib/topojson.v1.min.js"></script>
<script type="text/javascript" src="/js/lib/planetaryjs.min.js"></script> <script type="text/javascript" src="/js/lib/planetaryjs.min.js"></script>
<script type='text/javascript' src='/js/lib/moment.min.js'></script>
<script type='text/javascript' src='/examples/quake/quake.js'></script> <script type='text/javascript' src='/examples/quake/quake.js'></script>
<script type='text/javascript' src='/js/prism.js'></script>
</body> </body>
</html> </html>

8
examples/quake/quake.js
View File

@ -77,6 +77,10 @@
var currentTime = start; var currentTime = start;
var lastTick = new Date().getTime(); var lastTick = new Date().getTime();
var updateDate = function() {
d3.select('#date').text(moment(currentTime).utc().format("MMM DD YYYY HH:mm UTC"));
};
// A scale that maps a percentage of playback to a time // A scale that maps a percentage of playback to a time
// from the data; for example, `50` would map to the halfway // from the data; for example, `50` would map to the halfway
// mark between the first and last items in our data array. // mark between the first and last items in our data array.
@ -98,7 +102,7 @@
d3.select('#slider') d3.select('#slider')
.on('change', function(d) { .on('change', function(d) {
currentTime = percentToDate(d3.event.target.value); currentTime = percentToDate(d3.event.target.value);
d3.select('#date').text(new Date(currentTime)); updateDate();
}) })
.call(d3.behavior.drag() .call(d3.behavior.drag()
.on('dragstart', function() { .on('dragstart', function() {
@ -146,7 +150,7 @@
currentTime += dataDelta; currentTime += dataDelta;
if (currentTime > end) currentTime = start; if (currentTime > end) currentTime = start;
d3.select('#date').text(new Date(currentTime)); updateDate();
d3.select('#slider').property('value', percentToDate.invert(currentTime)); d3.select('#slider').property('value', percentToDate.invert(currentTime));
lastTick = now; lastTick = now;
}); });

6
js/lib/moment.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long