How zooming can help your dataviz users understand and interact with data

13
Implementing Zooming for Better Usability in Interactive Charts

description

Zooming is a prime way to use a JavaScript charting library for visualizing big data. This slide deck describes different methods for zooming and related features.

Transcript of How zooming can help your dataviz users understand and interact with data

Page 1: How zooming can help your dataviz users understand and interact with data

Implementing Zooming for Better Usability in

Interactive Charts

Page 2: How zooming can help your dataviz users understand and interact with data

When do I need to use zoom?

Page 3: How zooming can help your dataviz users understand and interact with data

To give users more control

Page 4: How zooming can help your dataviz users understand and interact with data

To make data more readable

Page 5: How zooming can help your dataviz users understand and interact with data

Which type of zooming is best?

Page 6: How zooming can help your dataviz users understand and interact with data

Zoom X ● Good for time series data● Ensures data won’t get cut off at top or bottom of chart

Page 7: How zooming can help your dataviz users understand and interact with data

Zoom Y● Good for data set with wide variance● Helps users who need to inspect closely

Page 8: How zooming can help your dataviz users understand and interact with data

Zoom XY● Allows zooming into regions of a chart● Adjusts the scales, almost like a new chart was loaded

Page 9: How zooming can help your dataviz users understand and interact with data

More Ways to Help Your Users

Page 10: How zooming can help your dataviz users understand and interact with data

PreviewAllow users to control zoom with a small, preview version of the chart

Page 11: How zooming can help your dataviz users understand and interact with data

SnappingMake zooming more intuitive by zooming to the nearest node on click

Page 12: How zooming can help your dataviz users understand and interact with data

Date PickerGive users even more control by attaching your zoom event to a date picker

Page 13: How zooming can help your dataviz users understand and interact with data

Read Morehttp://www.zingchart.com/blog/2014/08/18/interactive-zoom-chart-feature/

http://www.zingchart.com/try

Try it Out