freeCodeCamp.org python budget tracker

Curriculum Help
1

I’m A blind programmer and don;t know how the chart is supposed to look like. Can I get a description of the example chart?

2

You mean the spend chart in the Category class in User Story 5?

  • 1st line is “Percentage spent by category” with a newline at the end.
  • 2nd line is “100|” followed by as many spaces as needed to make all of the lines the same width.
  • Next line is " 90|" so that the pipe | is aligned under the pipe from the previous line, and the 90 is aligned under the 00 of the previous line.
  • Following lines are the same, 80, 70, 60, 50, 40, 30, 20, 10, 0, the pipes | aligned.
  • The line after 0 there is a line of dashes “-” aligned so they come after the “|” in the previous lines. 3 lines per category with 1 extra.
  • Next are the category names, written vertically descending. They should be aligned under the dashes of the previous line so that it’s in the middle of three dashes above it.
  • There should be 2 spaces between each category name.
  • The overall width of each line (and the entire chart) is determined by the number of categories plus the “100|” on the second line.

If there are 3 categories:

  • the chart will start with “100|” + 10 spaces
  • The line of dashes after 0 will have 10 dashes (3 for each category plus one more)
  • If the 3 categories are Food, Clothing and Auto, the first line of the category names will be 5 spaces and then “F C A” (each letter will have 2 spaces between) with 2 spaces after the last letter.
  • The overall width of the chart will be 14 characters.

I hope this helps, please let us know if you have any questions?

3

the bars of the chart are made of o symbol, they are aligned on the same column of the category names replacing a space on the lines the chart need to be filled

for example, if for a category you need to draw a 30% on the chart, the ines of 0, 10, 20 and 30 will have a o instead of a space in the corresponding column