Datazap Update! Interactive raw data grid, and more!

[jpsimon]

I've been hard at work getting some really useful new features ready for Datazap. I just pushed them live so go and try them out right now! (Clear your browser cache if anything seems off). I hope you all enjoy this! Consider donating if you like what I'm doing, it's much appreciated.

You'll now see a grid view of the raw data (right under the main graph) in a spreadsheet-like format. For those of you who like to see it in that format don't have to download the .csv and bother with excel any more.

To make it as useful and easy to consume as possible I added in some really cool features. This isn't just a static grid of data:

- As you mouse-over the graph, the data grid automatically follows your position in time and scrolls to the proper location.

- If you mouse over a line on the graph that has a column in the grid which is out of view, it will jump to that position so you don't have to manually scroll horizontally to find it. (you can if you want though)

- When you set markers in the graph, that specific row in the grid will highlight (this of course is persistent when sharing the URL)

- When scrolling through the grid itself, the row and column highlights as you mouse over the cell for easy reading. I also added in little indicators to show what columns are active/visible in the graph. Also they are color coded to match the legend in the graph area.

- There's also a layout toggle button so you can shrink the graph and have a bigger view of the spreadsheet area. Click it again to swap back

Here's a quick video demonstrating these new features:
[ame="https://www.youtube.com/watch?v=OJKgW3F5kvs"]Datazap Update! Interactive Raw Data Grid - YouTube[/ame]

A couple screenshots incase you can't watch that at work:

normal layout:


bigger spreadsheet area:


a couple markers in the graph, and their corresponding highlighted rows in the grid:

[phrosty]

A request for this very useful utility: can you touch-enable zoom so I can fully use it on a phone?

[jpsimon]

You can pinch to zoom on the graph, that's always worked. It doesn't zoom "live" as you're pinching, but if you do it it will zoom. This works on iOS devices at least, i've never tried on Android. I have no finer control other than turning on touch-support or turning it off - but it's always been on

[phrosty]

Originally Posted by jpsimon

You can pinch to zoom on the graph, that's always worked. It doesn't zoom "live" as you're pinching, but if you do it it will zoom. This works on iOS devices at least, i've never tried on Android. I have no finer control other than turning on touch-support or turning it off - but it's always been on

Gotcha. I don't think I noticed this before because pinch to zoom is causing the browser to zoom the page as well. I'm not sure if there's a way to make browser not zoom when using the graph, but for the site as a whole adding "user-scalable=no" to the viewport meta would fix it.

I'm actually on Windows Phone, not sure how the page looks in Android. This may well be a WP-specific bug if it's working perfect on iOS.