Monthly Rainfall Overview

Chart using SVG

To put it simply for a graph context: "We're showing 2.94 inches of rainfall on a graph. To do this, we turn the inches
into pixels, because our graph uses pixels to display the data. Each inch of rain equals 64.31 pixels.
So, we multiply 2.94 inches by 64.31 to get the height of the rain in pixels.

Our graph is like a vertical canvas that's 400 pixels tall. To place the rain correctly,
we start from the bottom and go up. We subtract the rain's pixel height from the total canvas height to find where the top of the rain should be.
This way, we can show exactly how tall the 2.94 inches of rain is on our graph."

chart with D3.js

Rainfall Data in table