Percentage approximator

  1. When you ask people to add weightages to 4 different things so that it adds up to 1 or 100 they find it difficult. So the idea is to create an interactive tool that makes it easy.
  2. Create a horizontal strip with 4 section.(Should be n, will be using 4 as example). Each one of them will take 25% of the width.
  3. The separator will be draggable.
  4. Separator can be moved to right to left.
  5. If the separator is moved to the right, the amount moved to the right will be deducted from each of the sections to the right of it, proportional to their size.
  6. If the left separator is moved to the left, the amount moved to the left will be deducted from each of the sections to the left of it, proportional to their size.
  7. If the left most separator is moved to the right new section gets created.
  8. If the right most separator is moved to the left new section gets created.
  9. The width of the whole section remains the same in all the scenarios.
  10. Use a good palette from https://www.paletter.app/
  11. MVP Sheet - https://docs.google.com/spreadsheets/d/1DdHrsXSwZowy1bnz73xiBd6MoYHh6FoXcY-Uwf-bRDY/edit#gid=0
  12. Visual Details - https://twitter.com/gokulnk/status/1547931845848735746

Referenced in:

All notes