How deeply does D3.js in Action, Third Edition cover sine function?

Explains the right-triangle ratio and applies it in Svelte code, without developing broader trigonometric theory.

Sine function

As explained in D3.js in Action, Third Edition

Sine is a trigonometric function that gives the ratio of the opposite side to the hypotenuse in a right triangle.

The sine of an angle in a right triangle is the opposite-side length divided by the hypotenuse. In a circular visualization, multiply the radius by sin(θ) to find an axis endpoint’s horizontal position. section 14.5.1

Use sine when positioning radial elements:

Represent each month with an angle from 0 to nearly 2π using a point scale. section 14.5.1
Set an SVG line’s horizontal endpoint to radius × sin(angle). section 14.5.1
Pair sine with cosine for the vertical endpoint, reversing its sign for SVG’s downward y-axis. section 14.5.1

Month axes in a radial chart

For each month, draw an SVG line from (0, 0) to (radius × Math.sin(monthScale(month)), −radius × Math.cos(monthScale(month))). January begins at twelve o’clock.

How D3.js in Action, Third Edition covers it

liveBook manning.com

Read D3.js in Action, Third Edition on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

Math for Web Designsin() is a CSS mathematical function that returns the sine of an angle.
liveBook manning.com

Julia as a Second Languagesin is Julia's built-in function for computing the sine of an angle or numeric value.

Compare how 3 books explain sine function →

Related concepts

rotationused by · A rotation is a geometric transformation that turns points or objects about a fixed center, origin, or axis through an angle while preserving distances and angles.
mathematical functionkind of · A mathematical function is a mapping that assigns exactly one output to each permitted input in its domain.
positional embeddingused by · A positional embedding is a learned or fixed representation that encodes an element’s position or order in a sequence and is incorporated into its content representation.
trigonometrykind of · Trigonometry is the branch of mathematics studying relationships among angles, lengths, geometric ratios, coordinates, and periodic functions.
Taylor seriesused by · A Taylor series is a power series whose coefficients are determined by a function’s derivatives evaluated at a specified expansion point.
factorialuses · The factorial of a nonnegative integer n, written n!, is the product of all positive integers from 1 through n, with 0! equal to 1.

This explainer was generated by Manning's knowledge graph from the text of D3.js in Action, Third Edition. The section links point to the parts of the book it draws on.