Write a program that displays editable bar graphs. The GUI has two vertical panels. The left panel contains textfields with numbers. The right panel contains corresponding horizontal bar graphs that graphically show the value of the numbers on the left. Use a rectangle with the width (in pixels) equal to the numbers from the textfield.

A screenshot is available at http://wisenet.fau.edu/class/cop4331/barcharts-screenshot.png

Use MVC and the Observer pattern. Store the numbers in the model. Attach the graph view as a listener. When the user edits one of the numbers, the number controller should update the model and the model should notify the graph view that a changes has occured. Then, the graph should get the number from the model and repaint itself.

Hints: use method Textfield.getText() to extract the text from a textfield. Add a key listener to each textfield with method Textfield.addKeyListener(KeyListener l)