liveBook · Manning

Hypotenuse

As explained in Math for Web Design

The hypotenuse is the side opposite the right angle in a right triangle.

The hypotenuse is the side opposite the 90-degree angle in a right triangle. It provides the reference length for sine and cosine: sine compares the opposite side with the hypotenuse, while cosine compares the adjacent side with it. section 9.1.1 section 1.4.8

Use the hypotenuse as the denominator when identifying these right-triangle ratios:

Positioning a radial-menu item

When JavaScript places menu items around a circle, cosine calculates the horizontal component and sine calculates the vertical component. With a center at (100, 100), a radius of 70px, and angle 0, the item position becomes x = 150 and y = 80 after centering a 40px item. section 1.4.8

Figure 9.1 A right triangle and its sides relative to the angle theta (θ)

Use the right-triangle diagram to identify the hypotenuse relative to angle θ and distinguish it from the opposite and adjacent sides. section 9.1.1

How Math for Web Design covers it

How deep it goes
Defines the side and its ratios, then stops short of deriving triangle formulas or exploring hypotenuse calculation.
Examples
Uses a right-triangle diagram, unit-circle coordinates, and a six-item JavaScript radial menu.
What it assumes
Assumes recognition of a right triangle and its 90-degree angle while defining the side relationships from those basics.
What you can do after
Evaluate sine and cosine ratios and understand their role in JavaScript circular positioning.
How it connects
Connects the hypotenuse with right triangles, sine, cosine, tangent, angles, and circular coordinates.

This explainer was generated by Manning's knowledge graph from the text of Math for Web Design. The section links point to the parts of the book it draws on.