Tikz で波を表す次の図をどのように描くのでしょうか?

Question

私は Tikz を使い始めたばかりで、オンラインでこれを見つけることができませんでした。波を表すこのかなり複雑な図をどのように描くのでしょうか?

私が知っているのは、点を作成して直線で接続する方法だけです。上の波のように曲線を作成する方法も、図に示されているすべての場所にラベルを配置する方法も、y1 と y2 のようにラベルを回転させる方法も、領域を青で塗りつぶす方法も、上部のアーチを緑色にする方法もわかりません。どこから始めればよいのかまったくわかりませんし、Tikz でこのような図を作成できるかどうかもわかりません。すべてのヘルパーに感謝し、この件についてあらゆる支援をいただければ幸いです。

編集：これが私がこれまでに得た情報と、私が行き詰まっているところです

\begin{tikzpicture}[scale=2.25]
\coordinate (A) at (0cm,2cm);
\coordinate (B) at (0cm,0cm);
\coordinate (C) at (2cm,0cm);
\coordinate (D) at (2cm,2cm);
\draw (A) -- (B) -- (C) -- (D);

\end{tikzpicture}

Answer 1

ベジェ曲線で曲線を描いたり、ノードを使うときにラベルを追加したりできます。私自身も昨日 Tikz を学び始めたばかりですが、以下のものを作成しましたので、皆さんもすぐに理解できると思います。

\documentclass{article}

\usepackage{tikz}
\definecolor{water}{rgb}{0,1,1}

\begin{document}

\begin{tikzpicture}
\draw[fill=water] (0,1) .. controls (1,1.5) and (2,1.5) .. (3,1) -- (3,0) -- (0,0) -- (0,1) 
node at (1.5,0.8)[]{g(x)} 
node at (1.5,1.6)[]{f(x)};
\draw (0,0) -- (0,2);
\draw (3,0) -- (3,2);
\end{tikzpicture}

\end{document}

生成されるもの:

編集: 曲線の色だけを変更するには、別の \draw コマンドで曲線を定義します。

\begin{tikzpicture}
\draw[fill=water, color=water] (0,1) .. controls (1,1.5) and (2,1.5) .. (3,1) -- (3,0) -- (0,0) -- (0,1) 
node at (1.5,0.8)[black] {g(x)} 
node at (1.5,1.6)[black]{f(x)};
\draw[color=green] (0,1) .. controls (1,1.5) and (2,1.5) .. (3,1);
\draw[black] (3,0) -- (0,0) -- (0,2);
\draw (3,0) -- (3,2);
\end{tikzpicture}