@aeriz/chart 1.0.1 → 2.0.0

package/src/math.js

@@ -1,178 +0,0 @@
-// math.js — Pure math: scales, ticks, color ops, smoothing, decimation
-// No DOM, no canvas, no side effects.
-
-export const TAU = Math.PI * 2;
-
-export const clamp = (v, lo, hi) => v < lo ? lo : v > hi ? hi : v;
-export const lerp = (a, b, t) => a + (b - a) * t;
-
-export function extent(arr, fn = (x) => x) {
-  let mn = Infinity, mx = -Infinity;
-  for (let i = 0; i < arr.length; i++) {
-    const v = fn(arr[i], i);
-    if (v < mn) mn = v;
-    if (v > mx) mx = v;
-  }
-  return [mn === Infinity ? 0 : mn, mx === -Infinity ? 1 : mx];
-}
-
-// "Nice" tick generator for linear axes. Returns ticks at human-readable
-// values (1, 2, 5 × 10^k) covering the input domain.
-export function niceTicks(min, max, count = 5) {
-  if (min === max) { min -= 0.5; max += 0.5; }
-  const span = max - min;
-  const step0 = span / Math.max(1, count);
-  const mag = Math.pow(10, Math.floor(Math.log10(step0)));
-  const norm = step0 / mag;
-  let step;
-  if (norm < 1.5) step = mag;
-  else if (norm < 3) step = 2 * mag;
-  else if (norm < 7) step = 5 * mag;
-  else step = 10 * mag;
-  const lo = Math.ceil(min / step) * step;
-  const hi = Math.floor(max / step) * step;
-  const ticks = [];
-  for (let v = lo; v <= hi + step / 2; v += step) {
-    ticks.push(Math.round(v / step) * step);
-  }
-  return ticks;
-}
-
-export function niceDomain(min, max, count = 5) {
-  if (min === max) { min -= 0.5; max += 0.5; }
-  const span = max - min;
-  const step0 = span / Math.max(1, count);
-  const mag = Math.pow(10, Math.floor(Math.log10(step0)));
-  const norm = step0 / mag;
-  let step;
-  if (norm < 1.5) step = mag;
-  else if (norm < 3) step = 2 * mag;
-  else if (norm < 7) step = 5 * mag;
-  else step = 10 * mag;
-  return [Math.floor(min / step) * step, Math.ceil(max / step) * step];
-}
-
-// Time axis: pick a nice unit (second, minute, hour, day, week, month) and
-// generate ticks aligned to it. Returns timestamps in ms.
-const T = { sec: 1e3, min: 6e4, hour: 36e5, day: 864e5, week: 6.048e8, month: 2.628e9 };
-export function timeNiceTicks(minMs, maxMs, count = 6) {
-  if (minMs === maxMs) { minMs -= 1000; maxMs += 1000; }
-  const span = maxMs - minMs;
-  const target = span / count;
-  const units = [
-    [T.sec, 1], [T.sec, 5], [T.sec, 15], [T.sec, 30],
-    [T.min, 1], [T.min, 5], [T.min, 15], [T.min, 30],
-    [T.hour, 1], [T.hour, 3], [T.hour, 6], [T.hour, 12],
-    [T.day, 1], [T.day, 2], [T.week, 1],
-    [T.month, 1], [T.month, 3], [T.month, 6], [T.month, 12],
-  ];
-  let step = T.sec;
-  for (const [u, n] of units) if (u * n <= target * 1.5) step = u * n;
-  const lo = Math.ceil(minMs / step) * step;
-  const ticks = [];
-  for (let v = lo; v <= maxMs; v += step) ticks.push(v);
-  return ticks;
-}
-
-export function timeFormat(step) {
-  if (step < T.min) return (t) => new Date(t).toISOString().slice(11, 19);
-  if (step < T.hour) return (t) => new Date(t).toISOString().slice(11, 16);
-  if (step < T.day) return (t) => new Date(t).toISOString().slice(11, 16);
-  if (step < T.month) return (t) => new Date(t).toISOString().slice(5, 10);
-  return (t) => new Date(t).toISOString().slice(0, 7);
-}
-
-// Min-max decimation: when N points exceed pixel count, compress to ~2 per
-// pixel column preserving local min and max. Used for line charts with
-// huge datasets.
-export function minMaxDecimate(data, targetCount, fn = (d) => d.value) {
-  if (data.length <= targetCount) return data;
-  const bucket = data.length / targetCount;
-  const out = [];
-  for (let i = 0; i < targetCount; i++) {
-    const lo = Math.floor(i * bucket);
-    const hi = Math.min(data.length, Math.floor((i + 1) * bucket));
-    let mnI = lo, mxI = lo;
-    let mn = fn(data[lo], lo), mx = mn;
-    for (let j = lo + 1; j < hi; j++) {
-      const v = fn(data[j], j);
-      if (v < mn) { mn = v; mnI = j; }
-      if (v > mx) { mx = v; mxI = j; }
-    }
-    if (mnI < mxI) { out.push(data[mnI]); out.push(data[mxI]); }
-    else { out.push(data[mxI]); out.push(data[mnI]); }
-  }
-  return out;
-}
-
-export function shouldDecimate(n, pxWidth) {
-  return n > pxWidth * 2;
-}
-
-// Smooth path control points (centripetal Catmull-Rom-ish). Returns array
-// of {c1x,c1y,c2x,c2y} to use with bezierCurveTo.
-export function bezierControlPoints(pts, tension = 1 / 6) {
-  const n = pts.length;
-  if (n < 2) return [];
-  const cps = [];
-  for (let i = 0; i < n - 1; i++) {
-    const p0 = pts[i - 1] || pts[i];
-    const p1 = pts[i];
-    const p2 = pts[i + 1];
-    const p3 = pts[i + 2] || p2;
-    cps.push({
-      c1x: p1.x + (p2.x - p0.x) * tension,
-      c1y: p1.y + (p2.y - p0.y) * tension,
-      c2x: p2.x - (p3.x - p1.x) * tension,
-      c2y: p2.y - (p3.y - p1.y) * tension,
-    });
-  }
-  return cps;
-}
-
-// Spring physics step. Used for animated transitions.
-export function springStep(v, tgt, vel, cfg = {}) {
-  const stiffness = cfg.stiffness || 170;
-  const damping = cfg.damping || 26;
-  const dt = 1 / 60;
-  const F = -stiffness * (v - tgt);
-  const D = -damping * vel;
-  const a = F + D;
-  vel = vel + a * dt;
-  v = v + vel * dt;
-  const done = Math.abs(vel) < 0.05 && Math.abs(v - tgt) < 0.05;
-  if (done) { v = tgt; vel = 0; }
-  return { value: v, velocity: vel, done };
-}
-
-// Color helpers: hex/rgb/rgba parsing, alpha mixing, lightening.
-export function colorParse(c) {
-  if (!c) return [0, 0, 0, 1];
-  if (c[0] === '#') {
-    const h = c.slice(1);
-    if (h.length === 3) return [parseInt(h[0]+h[0],16), parseInt(h[1]+h[1],16), parseInt(h[2]+h[2],16), 1];
-    if (h.length === 6) return [parseInt(h.slice(0,2),16), parseInt(h.slice(2,4),16), parseInt(h.slice(4,6),16), 1];
-    if (h.length === 8) return [parseInt(h.slice(0,2),16), parseInt(h.slice(2,4),16), parseInt(h.slice(4,6),16), parseInt(h.slice(6,8),16)/255];
-  }
-  const m = c.match(/rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)(?:[,\s/]+([\d.]+))?\s*\)/);
-  if (m) return [+m[1], +m[2], +m[3], m[4] !== undefined ? +m[4] : 1];
-  return [0, 0, 0, 1];
-}
-
-export function colorAlpha(c, a) {
-  const [r, g, b] = colorParse(c);
-  return `rgba(${r|0},${g|0},${b|0},${a})`;
-}
-
-export function colorMix(a, b, t) {
-  const [r1, g1, b1, a1] = colorParse(a);
-  const [r2, g2, b2, a2] = colorParse(b);
-  return `rgba(${(r1+(r2-r1)*t)|0},${(g1+(g2-g1)*t)|0},${(b1+(b2-b1)*t)|0},${a1+(a2-a1)*t})`;
-}
-
-// Default qualitative palette (8 colors, distinct hues, balanced lightness).
-// Lead color: #64c8ff (rgba(100,200,255,0.85) brand accent).
-export const PALETTE = [
-  '#64c8ff', '#10b981', '#f59e0b', '#ef4444',
-  '#8b5cf6', '#ec4899', '#84cc16', '#6366f1',
-];