You are given the coordinates of two axis-aligned rectangles in a 2D plane. Your task is to calculate the total area covered by both rectangles.

• The first rectangle is specified by the coordinates of its bottom-left corner (ax1, ay1) and top-right corner (ay1, ay2).

• Similarly, the second rectangle is defined by its bottom-left corner (bx1, by1) and top-right corner (bx2, by2).

Note: The rectangles may overlap.

Constraints:

• $-10^4 \leq$ ax1 $\leq$ ax2 $\leq 10^4$

• $-10^4 \leq$ ay1 $\leq$ ay2 $\leq 10^4$

• $-10^4 \leq$ bx1 $\leq$ bx2 $\leq 10^4$

• $-10^4 \leq$ by1 $\leq$ by2 $\leq 10^4$

Let’s take a moment to make sure you’ve correctly understood the problem. The quiz below helps you check if you’re solving the correct problem:

We have a game for you to play. Rearrange the logical building blocks to develop a clearer understanding on how to solve this problem.

Implement your solution in the following coding playground.