A good design of adding lots of numbers?



  • I am breaking down a large number such as 1022056271142522954 into adding the individual digits, and want to show the process of adding the digits. What I have now is this, which overflows onto multiple lines.

    enter image description here

    What would be a good way to show this which works across devices (mobile, tablet, and desktop)? I was thinking of maybe adding 4 numbers at a time perhaps, and align the equals sign on each level. Or, I could have 2 numbers added per line, but that would be n - 1 number of lines, which in this case is about 18 lines long. I have numbers which are going to be up to 256 digits long in some cases, though most are less than 10 digits. What is a good way to go about showing this process of addition in these cases?

    Maybe I could just show it if it's up to a certain number of digits (say 5), and then just link to an example for longer digits, saying "We don't do the calculation because it's too long, but this is how you would do it".



  • Are animations an option? If you want to show the process, then you could just display the number and add the digits below like this:

    Keyframe 1

    1022056271142522954
     1
    

    Keyframe 2

    1022056271142522954
      3
    

    Keyframe 3

    1022056271142522954
       5
    

    ...

    Keyframe Last

    1022056271142522954
                     60
    

    Colorize the two added digits which result in the sum below. Colorize the digit in another color, too. A fixed size font would make things easier for display of the number.




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2