A method of generating a graphic display including a floor layout or a room scene with a floor layout on a monitor of a computer system, the computer system including a hover event, a drag event with a start point activation and a finish point activation for the graphic display, the method comprising the steps of: displaying in the graphic display on the monitor a subject design layout comprising: a canvas layer having tile graphics arranged according to a predetermined grid, each tile graphic representing a section of the floor layout and categorized by predetermined tile patterns; an overlay layer having overlay containers arranged in a grid correlating to the grid of tile graphics on the canvas layer, each overlay container being associated with the tile graphic located in a corresponding location of the canvas layer, each overlay container having overlay functions and an overlay graphic, the overlay functions in each overlay container comprising: an exchange function associated with an exchange zone of the overlay container, the overlay graphic comprising an exchange graphic located in the exchange zone of the overlay container, and the overlay graphic in each overlay container being transparent until the hover occurs over the associated overlay container, wherein the tile graphic associated with a first overlay container in the exchange zone of which the finish point activation of the drag event occurs is exchanged with the tile graphic associated with a second overlay container in the exchange zone of which the start point activation of the drag event occurred. displaying in the graphic display on the monitor a subject design layout comprising: a canvas layer having tile graphics arranged according to a predetermined grid, each tile graphic representing a section of the floor layout and categorized by predetermined tile patterns; an overlay layer having overlay containers arranged in a grid correlating to the grid of tile graphics on the canvas layer, each overlay container being associated with the tile graphic located in a corresponding location of the canvas layer, each overlay container having overlay functions and an overlay graphic, the overlay functions in each overlay container comprising: an exchange function associated with an exchange zone of the overlay container, the overlay graphic comprising an exchange graphic located in the exchange zone of the overlay container, and the overlay graphic in each overlay container being transparent until the hover occurs over the associated overlay container, a canvas layer having tile graphics arranged according to a predetermined grid, each tile graphic representing a section of the floor layout and categorized by predetermined tile patterns; an overlay layer having overlay containers arranged in a grid correlating to the grid of tile graphics on the canvas layer, each overlay container being associated with the tile graphic located in a corresponding location of the canvas layer, each overlay container having overlay functions and an overlay graphic, the overlay functions in each overlay container comprising: an exchange function associated with an exchange zone of the overlay container, the overlay graphic comprising an exchange graphic located in the exchange zone of the overlay container, and the overlay graphic in each overlay container being transparent until the hover occurs over the associated overlay container, an exchange function associated with an exchange zone of the overlay container, the overlay graphic comprising an exchange graphic located in the exchange zone of the overlay container, and the overlay graphic in each overlay container being transparent until the hover occurs over the associated overlay container, wherein the tile graphic associated with a first overlay container in the exchange zone of which the finish point activation of the drag event occurs is exchanged with the tile graphic associated with a second overlay container in the exchange zone of which the start point activation of the drag event occurred.