If we add the areas of the two smaller semicircles and $\triangle ABC$, and then subtract the area of the largest semicircle, we are left with the area of the shaded region. Our task is therefore to find the value of:
$\text{area(Shaded region)} \ =$
$\text{area(Small semicircles)} \ + \ $$\text{area(} \triangle ABC \text{)} \ - \ $$ \text{area(Large semicircle)}$
We have seen that Pythagoras' theorem can be visualized by turning the sides of a right-angled triangle into three squares. The sum of the two smaller squares' area is then equal to the larger square's area: $a^2+b^2=c^2$.
However, Pythagoras' theorem doesn't only apply to squares. We can actually draw any type of figure from the sides of the right-angled triangle. As long as these figures are similar, the theorem still holds. Imagine that we would turn the sides of the right-angled triangle into semicircles instead of squares. There must exist some number $x$, so that if we multiply a square's area $a^2$ by $x$, the new value $xa^2$ is the area of a semicircle with the same diameter as the square's side.
If we extend this reasoning to all three squares we can draw the following figure:
$$xa^2+xb^2=xc^2$$
We can extend this reasoning to any type of figure. As long as the three figures are similar, the sum of the areas of two smaller ones will always equal the area of the largest figure.
This means that:
$\text{area(Small semicircles)} \ = $$ \text{area(Large semicircle)}$
Substituting this into our original equation gives us:
$\text{area(Shaded region)} \ =$
$\text{area(Small semicircles)} \ + \ $$\text{area(} \triangle ABC \text{)} \ - \ $$ \text{area(Small semicircles)} \ =$
$\text{area(} \triangle ABC \text{)} \ = \ 5$
So the area of the shaded region is $\pmb{5}$.