Functions — github.com/benjitaylor/liveline

hub / github.com/benjitaylor/liveline / functions

Functions101 in github.com/benjitaylor/liveline

⨍ Functions 101◇ Types & classes 29

↓ 34 callersFunctionlerp

(current: number, target: number, speed: number, dt = 16.67)

src/math/lerp.ts:6

↓ 10 callersFunctionpts

(values: number[])

src/math/__tests__/math.test.ts:43

↓ 9 callersFunctioncomputeRange

( visible: LivelinePoint[], currentValue: number, referenceValue?: number, exaggerate?: boolean,

src/math/range.ts:7

↓ 8 callersFunctioninterpolateAtTime

( points: LivelinePoint[], time: number, )

src/math/interpolate.ts:7

↓ 8 callersFunctionrevealRamp

(start: number, end: number)

src/draw/index.ts:96

↓ 7 callersFunctiondetectMomentum

(points: LivelinePoint[], lookback = 20)

src/math/momentum.ts:8

↓ 7 callersFunctionniceTimeInterval

(windowSecs: number)

src/math/intervals.ts:2

↓ 5 callersFunctiondrawEmpty

( ctx: CanvasRenderingContext2D, w: number, h: number, pad: Required<Padding>, palette: Livelin

src/draw/empty.ts:13

↓ 4 callersFunctiondrawSpline

( ctx: CanvasRenderingContext2D, pts: [number, number][], )

src/math/spline.ts:8

↓ 4 callersFunctionrgba

(r: number, g: number, b: number, a: number)

src/theme.ts:16

↓ 3 callersFunctionclampY

(y: number)

src/draw/line.ts:103

↓ 3 callersFunctioncomputeCandleRange

( candles: CandlePoint[], )

src/useLivelineEngine.ts:415

↓ 3 callersFunctiondrawCandlesticks

( ctx: CanvasRenderingContext2D, layout: ChartLayout, candles: CandlePoint[], candleWidthSecs: num

src/draw/candlestick.ts:83

↓ 3 callersFunctiondrawGrid

( ctx: CanvasRenderingContext2D, layout: ChartLayout, palette: LivelinePalette, formatValue: (v: n

src/draw/grid.ts:48

↓ 3 callersFunctiondrawLine

( ctx: CanvasRenderingContext2D, layout: ChartLayout, palette: LivelinePalette, visible: LivelineP

src/draw/line.ts:75

↓ 3 callersFunctiondrawTimeAxis

( ctx: CanvasRenderingContext2D, layout: ChartLayout, palette: LivelinePalette, windowSecs: number

src/draw/timeAxis.ts:11

↓ 3 callersFunctiongeneratePoint

(prev: number, time: number, volatility: Volatility)

dev/main.tsx:10

↓ 3 callersFunctiongeneratePoint

(prev: number, time: number, volatility: Volatility, baseValue = 100)

dev/demo.tsx:10

↓ 3 callersFunctionloadingBreath

(now_ms: number)

src/draw/loadingShape.ts:31

↓ 3 callersFunctionloadingY

( t: number, centerY: number, amplitude: number, scroll: number, )

src/draw/loadingShape.ts:17

↓ 3 callersFunctionparseColorRgb

(color: string)

src/theme.ts:4

↓ 3 callersFunctionrenderCurve

Draw the fill gradient + stroke line for a set of points.

src/draw/line.ts:35

↓ 3 callersFunctionresolveTheme

(color: string, mode: ThemeMode)

src/theme.ts:24

↓ 2 callersFunctionaggregateCandles

Aggregate tick data into OHLC candles by time bucket.

dev/demo.tsx:23

↓ 2 callersFunctionblendColor

Blend bear→bull by t (0=bear, 1=bull).

src/draw/candlestick.ts:13

↓ 2 callersFunctioncandleAtX

( candles: CandlePoint[], hoverX: number, candleWidth: number, layout: ChartLayout, )

src/useLivelineEngine.ts:435

↓ 2 callersFunctioncomputeAdaptiveSpeed

Lerp display value with adaptive speed — slow for big jumps, fast for small ticks.

src/useLivelineEngine.ts:124

↓ 2 callersFunctiondrawChevrons

(dir: -1 | 1, opacity: number)

src/draw/dot.ts:153

↓ 2 callersFunctiondrawDot

( ctx: CanvasRenderingContext2D, x: number, y: number, palette: LivelinePalette, pulse: boolean

src/draw/dot.ts:17

↓ 2 callersFunctiondrawLoading

( ctx: CanvasRenderingContext2D, w: number, h: number, pad: Required<Padding>, palette: Livelin

src/draw/loading.ts:11

↓ 2 callersFunctiondrawReferenceLine

( ctx: CanvasRenderingContext2D, layout: ChartLayout, palette: LivelinePalette, ref: ReferenceLine

src/draw/referenceLine.ts:3

↓ 2 callersFunctionparseRgb

Parse "#rrggbb" or "rgb(r,g,b)" to [r,g,b].

src/draw/candlestick.ts:21

↓ 2 callersFunctionparseRgba

Parse a CSS color to [r, g, b, a]. Handles hex, rgb(), rgba().

src/draw/line.ts:6

↓ 2 callersFunctionroundedRect

* Rounded rect helper — draws path only (caller fills/strokes).

src/draw/candlestick.ts:59

↓ 2 callersFunctiontickAndAggregate

(pt: LivelinePoint)

dev/demo.tsx:115

↓ 2 callersFunctionupdateBadgeDOM

Update badge DOM element — text, width lerp, SVG path, position, color.

src/useLivelineEngine.ts:313

↓ 2 callersFunctionupdateRange

Smooth Y range with lerp. During window transitions, interpolates between pre-computed ranges.

src/useLivelineEngine.ts:197

↓ 2 callersFunctionupdateWindowTransition

Update window transition state, returning current display window and transition progress.

src/useLivelineEngine.ts:139

↓ 1 callersFunctionapplyDpr

( ctx: CanvasRenderingContext2D, dpr: number, w: number, h: number, )

src/canvas/dpr.ts:8

↓ 1 callersFunctionbadgePillOnly

(pillW: number, pillH: number)

src/draw/badge.ts:32

↓ 1 callersFunctionbadgeSvgPath

( pillW: number, pillH: number, tailLen: number, tailSpread: number, )

src/draw/badge.ts:8

↓ 1 callersFunctionblendColor

Lerp between two CSS colors including alpha. Handles hex, rgb(), rgba().

src/draw/line.ts:21

↓ 1 callersFunctionblendToAccent

Blend a candle color toward an accent color by t.

src/draw/candlestick.ts:33

↓ 1 callersFunctioncandleDims

* Compute pixel dimensions for candle rendering.

src/draw/candlestick.ts:47

↓ 1 callersFunctioncollapseOHLC

(c: CandlePoint)

src/useLivelineEngine.ts:1287

↓ 1 callersFunctioncreateOrderbookState

()

src/draw/orderbook.ts:26

↓ 1 callersFunctioncreateParticleState

()

src/draw/particles.ts:19

↓ 1 callersFunctioncreateShakeState

()

src/draw/index.ts:26

↓ 1 callersFunctiondivisible

Float-safe divisibility check.

src/draw/grid.ts:34

↓ 1 callersFunctiondrawArrows

( ctx: CanvasRenderingContext2D, x: number, y: number, momentum: Momentum, palette: LivelinePal

src/draw/dot.ts:122

↓ 1 callersFunctiondrawCandleCrosshair

( ctx: CanvasRenderingContext2D, layout: ChartLayout, palette: LivelinePalette, hoverX: number,

src/draw/candlestick.ts:218

↓ 1 callersFunctiondrawCandleFrame

( ctx: CanvasRenderingContext2D, layout: ChartLayout, palette: LivelinePalette, opts: CandleDrawOp

src/draw/index.ts:460

↓ 1 callersFunctiondrawClosePrice

( ctx: CanvasRenderingContext2D, layout: ChartLayout, palette: LivelinePalette, liveCandle: Candle

src/draw/candlestick.ts:186

↓ 1 callersFunctiondrawCrosshair

( ctx: CanvasRenderingContext2D, layout: ChartLayout, palette: LivelinePalette, hoverX: number,

src/draw/crosshair.ts:9

↓ 1 callersFunctiondrawFrame

( ctx: CanvasRenderingContext2D, layout: ChartLayout, palette: LivelinePalette, opts: DrawOptions,

src/draw/index.ts:69

↓ 1 callersFunctiondrawLineModeCrosshair

( ctx: CanvasRenderingContext2D, layout: ChartLayout, palette: LivelinePalette, hoverX: number,

src/draw/candlestick.ts:326

↓ 1 callersFunctiondrawMultiCrosshair

( ctx: CanvasRenderingContext2D, layout: ChartLayout, palette: LivelinePalette, hoverX: number,

src/draw/crosshair.ts:101

↓ 1 callersFunctiondrawMultiDot

( ctx: CanvasRenderingContext2D, x: number, y: number, color: string, pulse: boolean = true,

src/draw/dot.ts:73

↓ 1 callersFunctiondrawMultiFrame

( ctx: CanvasRenderingContext2D, layout: ChartLayout, opts: MultiSeriesDrawOptions, )

src/draw/index.ts:273

↓ 1 callersFunctiondrawOrderbook

( ctx: CanvasRenderingContext2D, layout: ChartLayout, palette: LivelinePalette, orderbook: Orderbo

src/draw/orderbook.ts:59

↓ 1 callersFunctiondrawParticles

( ctx: CanvasRenderingContext2D, state: ParticleState, dt: number, )

src/draw/particles.ts:101

↓ 1 callersFunctiondrawSimpleDot

( ctx: CanvasRenderingContext2D, x: number, y: number, color: string, radius: number = 3, )

src/draw/dot.ts:108

↓ 1 callersFunctionedgeAlpha

(x: number)

src/draw/timeAxis.ts:27

↓ 1 callersFunctionedgeAlpha

(y: number)

src/draw/grid.ts:74

↓ 1 callersFunctionformatSize

(size: number)

src/draw/orderbook.ts:199

↓ 1 callersFunctiongetDpr

()

src/canvas/dpr.ts:2

↓ 1 callersFunctionlerpColor

(a: [number,number,number], b: [number,number,number], t: number)

src/draw/dot.ts:9

↓ 1 callersFunctionmixColor

( from: [number, number, number], to: [number, number, number], t: number, )

src/draw/orderbook.ts:40

↓ 1 callersFunctionpickInterval

* Pick a nice interval using TradingView's cycling divisor approach. * Hysteresis: once chosen, sticks until spacing falls outside [0.5×, 4×] of min

src/draw/grid.ts:8

↓ 1 callersFunctionresolveSeriesPalettes

( series: LivelineSeries[], mode: ThemeMode, )

src/theme.ts:94

↓ 1 callersFunctionspawnOnSwing

( state: ParticleState, momentum: Momentum, dotX: number, dotY: number, swingMagnitude: number,

src/draw/particles.ts:36

↓ 1 callersFunctionupdateCandleRange

Smooth Y range for candle mode — adaptive speed, no target tracking.

src/useLivelineEngine.ts:455

↓ 1 callersFunctionupdateCandleWindowTransition

Candle window transition — uses candle data instead of line points.

src/useLivelineEngine.ts:501

↓ 1 callersFunctionupdateHoverState

Compute hover position, interpolated value, and scrub amount.

src/useLivelineEngine.ts:246

↓ 1 callersFunctionuseLivelineEngine

( canvasRef: React.RefObject<HTMLCanvasElement | null>, containerRef: React.RefObject<HTMLDivElement | n

src/useLivelineEngine.ts:560

FunctionBtn

({ children, active, onClick }: { children: React.ReactNode active: boolean onClick: () => void })

dev/main.tsx:599

FunctionBtn

({ children, active, onClick }: { children: React.ReactNode active: boolean onClick: () => void })

({ text, children }: { text: string; children: React.ReactNode })

dev/main.tsx:564

FunctionLabel

({ text, children }: { text: string; children: React.ReactNode })

dev/demo.tsx:470

FunctionLiveline

({ data, value, series: seriesProp, theme = 'dark', color = '#3b82f6', window: windowSecs =

src/Liveline.tsx:16

FunctionLivelineTransition

({ active, children, duration = 300, className, style, }: LivelineTransitionProps)

src/LivelineTransition.tsx:26

FunctionMultiSeriesDemo

({ theme }: { theme: 'dark' | 'light' })

dev/main.tsx:366

FunctionSection

({ label, children }: { label: string; children: React.ReactNode })

dev/main.tsx:553

FunctionSection

({ label, children }: { label: string; children: React.ReactNode })

({ on, onToggle, children }: { on: boolean; onToggle: (v: boolean) => void; children: React.ReactNode })

dev/main.tsx:577

FunctionToggle

({ on, onToggle, children }: { on: boolean; onToggle: (v: boolean) => void; children: React.ReactNode })

dev/demo.tsx:483

FunctioncollapseC

(c: CandlePoint)

src/draw/index.ts:558

FunctiondefaultFormatTime

(t: number)

src/Liveline.tsx:8

FunctiondefaultFormatValue

(e: MediaQueryListEvent)

src/useLivelineEngine.ts:761

FunctiononLeave

()

src/useLivelineEngine.ts:718

FunctiononMove

(e: MouseEvent)

src/useLivelineEngine.ts:713

FunctiononTouchEnd

()

src/useLivelineEngine.ts:736

FunctiononTouchMove

(e: TouchEvent)

src/useLivelineEngine.ts:729

FunctiononTouchStart

(e: TouchEvent)

src/useLivelineEngine.ts:723

next →1–100 of 101, ranked by callers