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

13
Implementing Zooming for Better Usability in Interactive Charts

Upload: zingchart

Post on 22-Nov-2014

448 views

Category:

Technology


0 download

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

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