How to use "Market", "Buy", "Sell" pages in Bisq-App?

What is the connection between the graph on the ‘Market- offer book” page , and the red and green tables below it?

(I am a beginner to any stock market)

It represents the volume of offers made at every price. Red ones are people willing to buy, and green ones are people willing to sell.

https://www.investopedia.com/terms/o/order-book.asp