How zooming can help your dataviz users understand and interact with data
-
Upload
zingchart -
Category
Technology
-
view
448 -
download
0
description
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](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/1.jpg)
Implementing Zooming for Better Usability in
Interactive Charts
![Page 2: How zooming can help your dataviz users understand and interact with data](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/2.jpg)
When do I need to use zoom?
![Page 3: How zooming can help your dataviz users understand and interact with data](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/3.jpg)
To give users more control
![Page 4: How zooming can help your dataviz users understand and interact with data](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/4.jpg)
To make data more readable
![Page 5: How zooming can help your dataviz users understand and interact with data](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/5.jpg)
Which type of zooming is best?
![Page 6: How zooming can help your dataviz users understand and interact with data](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/6.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/7.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/8.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/9.jpg)
More Ways to Help Your Users
![Page 10: How zooming can help your dataviz users understand and interact with data](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/10.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/11.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/12.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081413/546f9045af7959b80a8b45b9/html5/thumbnails/13.jpg)
Read Morehttp://www.zingchart.com/blog/2014/08/18/interactive-zoom-chart-feature/
http://www.zingchart.com/try
Try it Out