×

Dynamically resizing bubbles for display in different-sized two-dimensional viewing areas of different computer display devices

  • US 10,529,014 B2
  • Filed: 07/12/2012
  • Issued: 01/07/2020
  • Est. Priority Date: 07/12/2012
  • Status: Active Grant
First Claim
Patent Images

1. A computer-implemented method for dynamically resizing bubbles for display in different-sized two-dimensional viewing areas of different computer display devices, the computer-implemented method comprising:

  • receiving a request to access larger and smaller bubbles on a two-dimensional viewing area of a larger computer display device, the larger and smaller bubbles representing budgets categories for a total budget represented by a largest bubble;

    calculating a visual size for each of the larger and smaller bubbles relative to one another and based on the viewing area of the larger computer display device, each of the smaller and larger bubbles being sized proportionate to a percentage of the total budget represented by a size of the largest bubble such that the sum of the surface areas of each of the smaller and larger bubbles is equal to the surface area of the largest bubble;

    automatically displaying the larger and smaller bubbles with the calculated sizes on the viewing area of the larger computer display device with an original surface area of the larger bubble being larger than an original surface area of the smaller bubble;

    receiving a request to access the larger and smaller bubbles on a two-dimensional viewing area of a smaller computer display device, the viewing area of the smaller computer display device being smaller than the viewing area of the larger computer display device;

    calculating a different visual size for each of the larger and smaller bubbles relative to one another and based on the viewing area of the smaller computer display device such that each of the larger and smaller bubbles remain sized proportionate to the percentage of a total budget represented by the size of the largest bubble such that the sum of the surface areas of each of the smaller and larger bubbles is equal to the surface area of the largest bubble;

    automatically shrinking the surface areas of the larger and smaller bubbles to the calculated sizes to fit the viewing area of the smaller computer display device in order to display the larger and smaller bubbles on the viewing area with the shrunken surface area of the larger bubble remaining larger than the shrunken surface area of the smaller bubble;

    receiving a request to again access the larger and smaller bubbles on the viewing area of the larger computer display device;

    automatically restoring the larger and smaller bubbles to their originally calculated sizes to fit the viewing area of the larger computer display device in order to again display the larger and smaller bubbles on the viewing area of the larger computer display device;

    receiving updated placement preferences from a user of the larger computer display device;

    in response to receiving the updated placement preferences, fluidly moving the larger and smaller bubbles around the viewing area of the larger computer display device according to the updated placement preferences;

    receiving a selection of one of the larger and smaller bubbles from a user;

    calculating sizes of one or more breakdown bubbles associated with the selected bubble proportionate to a percentage of a budget represented by the selected bubble, each of the one or more breakdown bubbles representing one of a time period and an individual expense item associated with the selected bubble;

    determining placement of each of the one or more breakdown bubbles relative to one another around the selected bubble according to the placement preferences; and

    graphically emphasizing, on one of the smaller and larger computer display devices, a bubble that visually represents an amount of a budget that has been used in response to the used amount satisfying a threshold budget level, one or more graphical elements of the bubble being graphically altered such that the bubble stands out visually from other bubbles presented on the display device.

View all claims
  • 2 Assignments
Timeline View
Assignment View
    ×
    ×