Sine function
The sine function is a periodic trigonometric function that maps a real number or angle to a value between −1 and 1.
Math for Web Design
sin() is a CSS mathematical function that returns the sine of an angle.
- How it is used
- Positions vertical coordinates on circles and drives repeating wave effects in frontend layouts and animations.
- How deep it goes
- Defines sine through right triangles and unit-circle coordinates, then applies it to CSS and JavaScript circular positioning.
- Examples
- Demonstrates radial menus with Math.sin() and CSS sin(), alongside wave-pattern uses.
- What you can do after
- Apply it via CSS sin() or Math.sin() to calculate vertical circle positions and repeating wave offsets.
Julia as a Second Language
sin is Julia's built-in function for computing the sine of an angle or numeric value.
- How it is used
- Uses sine for interactive mathematical evaluation, navigation-related angle calculations, and demonstrating programmable numerical approximation.
- How deep it goes
- Explains the triangle definition and Taylor-series approximation, then implements and compares a finite-loop version without proving the mathematics.
- Examples
- Demonstrates lighthouse navigation, REPL evaluation, a custom Taylor-series function, and comparisons with built-in `sin`.
- What you can do after
- Apply it via Julia's `sin` function, or build an approximate implementation with loops and Taylor-series terms.
Read how Julia as a Second Language explains sine function →
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.
- How it is used
- Positions radial SVG axis endpoints from their angles and circle radius.
- How deep it goes
- Explains the right-triangle ratio and applies it in Svelte code, without developing broader trigonometric theory.
- Examples
- Uses February’s axis and twelve month axes as concrete radial-chart examples.
- What you can do after
- Build it from scratch by calculating and rendering radial SVG endpoints from angles and a radius.
Read how D3.js in Action, Third Edition explains 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.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.