MJSplot - Dates and Times


Drawing graphs in your web browser. Interactively. For scientists. Now with actual absolute times and dates.

Use the mouse to click and draw rectangles to zoom in. Single click to zoom out and view everything. Right click to zoom out just a bit. Touchscreen users can use a mobile-friendly version and use two fingers to draw out a rectangle, release one finger to do the zoom.

Note how the time axis always has human usable steps that are appropriate for the zoom level. Days (1,2,7), Hours (1,2,3,6,12), minutes (1,2,5,10,15,20,30), seconds (1,2,5,10,20,30), and milliseconds (1,2,5,10,20,50,100,200,500).

Months work, use the button to zoom way out. You can see that some months have more days in than others, this is handled just fine. Years work too, but is a little imperfect with damn leap years (I've got plans for that).

When zoomed in the appropriate reference time is shown with the axis label. Which is nothing when there are already years shown. But if you are zoomed in to the second it will provide context so you are never lost.

Time to number conversions are also included in the function menu. You can convert time to any unit from a reference. Units are: days, hours, minutes, or seconds. And the reference time can be the start of the data, end of the data, now (the time you clicked the button), or ago (always the current time when the transforms are run).

The measure tool can now measure difference and gradients with time correctly. By clicking on the measure button button at the top to change to measure mode. Click and drag to see the difference and gradient with correct units for time in /s /m /h and /day.