Displaying bar charts with a fish-eye distortion effect

摘要

A system and a method are disclosed for visually displaying data points using charts on a display screen with limited display area. A fish-eye distortion region allows presentation of detailed information for some data points compared to other data points that are displayed. The chart can be moved relative to the distortion region thereby changing the data points displayed within the fish-eye that present additional information. The relative movement between the chart and the distortion region is triggered by different kinds of inputs from the user including, tilting of the device, swiping with a pointing device and selecting a particular data point.

主权项

1. A method for displaying on a display screen of a mobile device a bar chart representing a plurality of data points, the method comprising:
displaying a first set of images on the display screen, each image representing one of the plurality of data points and having a standard width and a variable height according to a value of the represented data point; displaying a second set of images on the display screen, the second set of images overlapping a distortion region of the display screen, each image representing one of the plurality of data points and having a magnified width and a variable height according to a value of the represented data point, the magnified width being greater than the standard width; and responsive to receiving a user input, displaying at least a first image from the first set overlapping with the distortion region and altering the display of the first image to have the magnified width, and displaying at least a second image from the second set outside the distortion region and altering the display of the second image to have the standard width.