Finer Time Range Selection

[rjm11010]

Summary

Right now the time selection is on the order of days; which is good for analysing a big picture.
However, when we want to do a finer analysis, it's better if we can go down the minute.

I recommend using the senseTimeMilliSec field to select time. Just make sure you can display the date and time in an easy to understand way. Adjust the step of the time selector to down to a minutes or less.

[joh13010]

I believe this is how it is currently configured. Initially, I used the local_time field to get the time for the marker but I think either you or I changed the time to senseStartTimeMillis. Note that the slider itself only displays the date, but allows the user to still adjust the time within each day. I should be able to adjust the display on the slider to include the time but it may be a little cumbersome since there is some limitation to the width of the slider area. Let me know what you want me to do.

EDIT: Actually I don't think it actually does update by the date but the slider does allow you to move within each date. Looking into it now.

EDIT2: Okay I fixed it. Just removed the new Date(timestamp) constructor in the updateMarkers() function so just the JS timestamp is compared in the if statement instead of the date associated with the JS timestamp.

[rjm11010]

@joh13010 pointed out that the slider technically does this since he time ranges are being determined using senseStartTimeMillis, it's just that the width of the slide is too small to allow it. Besides making the labels express "up to the minute" accuracy, we face the problem of fixing this width thing.

There are a couple of things we can try to fix the problem.

For example making the control panel dynamic.
Examples:
Slideout.js
OpenPanel
Slidepanel

We can also consider moving the slider to the bottom of the map/entire web page.

It's up to you thought. We can talk about options here.

Ultimately, I think we are going to upload a smaller file to analyze data within a day. Like a day.cv
If you run linux or a mac you can easily make a day.csv like this.

Navigate to the location of the month.csv file then run this:

head -n 1 month.csv >> day.csv
grep "05 10 2015" month.csv >> day.cv

Even with a smaller file, the width of the control panel maybe too small, but that's to be determined after trying out this day.csv thing.

It looks like decreasing the size of the file, might be enough, but that totally depends on the size of the display too.

[joh13010]

Great point. I don't even know why I actually ended up splitting the screen vertically. Maybe because I was just getting used to bootstrap or something. Regardless, I think it would be best to fix the control panel at the bottom or top of the web page. This would definitely alleviate our space issues with the slider. I could even format the slider windows to display a time of the day in addition to the date without having to worry much about the horizontal space the info window takes up.