@rokkit/chart 1.3.8 → 1.3.10

package/dist/lib/brewing/marks/arcs.js

@@ -1,5 +1,6 @@
 import { pie, arc } from 'd3-shape'
 import { toPatternId } from '../../brewing/patterns.js'
+import { literalColor, markEntry } from '../colors.js'
 
 /**
  * Builds arc geometry for pie/donut charts.
@@ -14,6 +15,8 @@ import { toPatternId } from '../../brewing/patterns.js'
  */
 export function buildArcs(data, channels, colors, width, height, opts = {}, patterns) {
 	const { color: lf, y: yf } = channels
+	// A literal color paints every slice directly; a field indexes the palette scale.
+	const lit = literalColor(lf)
 	const radius = Math.min(width, height) / 2
 	// innerRadius: a value <= 1 is a fraction of the radius (responsive donut);
 	// a value > 1 is absolute pixels. Clamp below the outer radius so a bad value
@@ -29,11 +32,13 @@ export function buildArcs(data, channels, colors, width, height, opts = {}, patt
 	// Label radius: midpoint between inner and outer (or 70% out for solid pie)
 	const labelRadius = innerRadius > 0 ? (innerRadius + radius) / 2 : radius * 0.65
 	const labelArc = arc().innerRadius(labelRadius).outerRadius(labelRadius)
-	return slices.map((slice) => {
-		const key = slice.data[lf]
-		const colorEntry = colors?.get(key) ?? { fill: '#888', stroke: '#fff' }
+	return slices.map((slice, i) => {
+		// With a literal color there's no category field, so key each slice by index to keep
+		// them distinct (patterns, which are field-keyed, don't apply to a single literal fill).
+		const key = lit ? i : slice.data[lf]
+		const colorEntry = markEntry(lit, key, colors, { fill: '#888', stroke: '#fff' })
 		const patternId =
-			key !== null && key !== undefined && patterns?.has(key) ? toPatternId(String(key)) : null
+			!lit && key !== null && key !== undefined && patterns?.has(key) ? toPatternId(String(key)) : null
 		const pct = Math.round(((slice.endAngle - slice.startAngle) / total) * 100)
 		const [cx, cy] = labelArc.centroid(slice)
 		return {

package/dist/lib/brewing/marks/boxes.js

@@ -1,4 +1,5 @@
 import { toPatternId } from '../patterns.js'
+import { literalColor, markEntry } from '../colors.js'
 
 /**
  * Builds box geometry for box plot charts.
@@ -23,9 +24,12 @@ import { toPatternId } from '../patterns.js'
  */
 export function buildBoxes(data, channels, xScale, yScale, colors, opts = {}) {
 	const { x: xf, fill: ff, pattern: pf } = channels
+	// A literal fill colours every box directly; a field sub-groups within each x-band.
+	const lit = literalColor(ff)
+	const field = lit ? undefined : ff
 	const { side = 'center', width, patterns } = opts
 	const bw = typeof xScale.bandwidth === 'function' ? xScale.bandwidth() : 20
-	const grouped = ff && ff !== xf
+	const grouped = field && field !== xf
 	// Offset the box centre to the middle of the chosen half-lane.
 	const laneOffset = (unit) => (side === 'left' ? -unit / 4 : side === 'right' ? unit / 4 : 0)
 	// Texture fill: patternId per box from the pattern channel value (null = solid fill).
@@ -46,7 +50,7 @@ export function buildBoxes(data, channels, xScale, yScale, colors, opts = {}) {
 			const subIndex = fillValues.indexOf(fillVal)
 			const bandStart = xScale(d[xf]) ?? 0
 			const cx = bandStart + subIndex * subBandWidth + subBandWidth / 2 + laneOffset(subBandWidth)
-			const colorEntry = colors?.get(fillVal) ?? { fill: '#aaa', stroke: '#666' }
+			const colorEntry = markEntry(lit, fillVal, colors, { fill: '#aaa', stroke: '#666' })
 
 			return {
 				data: d,
@@ -71,8 +75,8 @@ export function buildBoxes(data, channels, xScale, yScale, colors, opts = {}) {
 	const whiskerWidth = width !== undefined ? boxWidth * 0.5 : bw * 0.3
 
 	return data.map((d) => {
-		const fillKey = ff ? d[ff] : d[xf]
-		const colorEntry = colors?.get(fillKey) ?? { fill: '#aaa', stroke: '#666' }
+		const fillKey = field ? d[field] : d[xf]
+		const colorEntry = markEntry(lit, fillKey, colors, { fill: '#aaa', stroke: '#666' })
 		const cx =
 			(xScale(d[xf]) ?? 0) +
 			(typeof xScale.bandwidth === 'function' ? bw / 2 : 0) +

package/dist/lib/brewing/marks/lines.js

@@ -1,4 +1,5 @@
 import { line, curveCatmullRom, curveStep } from 'd3-shape'
+import { literalColor } from '../colors.js'
 
 /**
  * @param {Object[]} data
@@ -10,7 +11,12 @@ import { line, curveCatmullRom, curveStep } from 'd3-shape'
  * @returns {{ d: string | null, fill: string, stroke: string, points: {x:number, y:number, data: Record<string, unknown>, i: number}[], key?: unknown }[]}
  */
 export function buildLines(data, channels, xScale, yScale, colors, curve, place = (x, y) => ({ x, y })) {
-	const { x: xf, y: yf, color: cf } = channels
+	const { x: xf, y: yf } = channels
+	// A literal color (var()/oklch()/hex/currentColor) is NOT a data field — it's the exact
+	// stroke the caller wants for THIS geom. Don't group the series on it, and don't fall
+	// back to the shared color scale (which is one value across all geoms); use it directly.
+	const lit = literalColor(channels.color)
+	const cf = lit ? undefined : channels.color
 	const xPos = (d) =>
 		typeof xScale.bandwidth === 'function' ? xScale(d[xf]) + xScale.bandwidth() / 2 : xScale(d[xf])
 	// Screen points, sorted by the x-channel position, each mapped through place() so the
@@ -25,6 +31,10 @@ export function buildLines(data, channels, xScale, yScale, colors, curve, place
 	}
 	const makeGen = () => {
 		const gen = line()
+			// A null y-value is a GAP (a missing period), not a zero: break the path there
+			// (d3 `.defined`) instead of letting yScale(null) collapse it onto the 0 baseline.
+			// A genuine 0 stays defined and plots.
+			.defined((p) => Number.isFinite(p.y) && (yf === undefined || yf === null || (p.data?.[yf] !== undefined && p.data?.[yf] !== null)))
 			.x((p) => p.x)
 			.y((p) => p.y)
 		if (curve === 'smooth') gen.curve(curveCatmullRom)
@@ -34,7 +44,8 @@ export function buildLines(data, channels, xScale, yScale, colors, curve, place
 
 	if (!cf) {
 		const pts = screenPoints(data)
-		const stroke = colors?.values().next().value?.stroke ?? '#888'
+		// A literal color IS the stroke; a single-series field uses the shared shade.
+		const stroke = lit ?? colors?.values().next().value?.stroke ?? '#888'
 		return [{ d: makeGen()(pts), fill: 'none', stroke, points: pts }]
 	}
 	const groups = groupBy(data, cf)

package/dist/lib/brewing/marks/points.js

@@ -8,6 +8,7 @@ import {
 	symbolStar
 } from 'd3-shape'
 import { defaultPreset } from '../../preset.js'
+import { literalColor, markEntry } from '../colors.js'
 
 const SYMBOL_TYPES = [
 	symbolCircle,
@@ -84,9 +85,13 @@ export function buildPoints(
 	jitter = null
 ) {
 	const { x: xf, y: yf, color: cf, size: sf, symbol: symf } = channels
+	// A literal color (var()/oklch()/#hex/currentColor) is the exact fill for every point,
+	// not a field to group on — apply it directly instead of looking it up in the scale.
+	const lit = literalColor(cf)
+	const field = lit ? undefined : cf
 	return data.map((d, i) => {
-		const colorKey = cf ? d[cf] : null
-		const colorEntry = colors?.get(colorKey) ?? { fill: '#888', stroke: '#444' }
+		const colorKey = field ? d[field] : null
+		const colorEntry = markEntry(lit, colorKey, colors, { fill: '#888', stroke: '#444' })
 		const r = sf && sizeScale ? sizeScale(d[sf]) : defaultRadius
 		const shapeName = symf && symbolMap ? (symbolMap.get(d[symf]) ?? 'circle') : null
 		const symbolPath = shapeName ? buildSymbolPath(shapeName, r) : null

package/dist/lib/brewing/marks/swarm.js

@@ -1,4 +1,5 @@
 import { ascending } from 'd3-array'
+import { literalColor, markEntry } from '../colors.js'
 
 /**
  * Deterministic pseudo-random in [0, 1) from a non-negative integer seed.
@@ -28,6 +29,9 @@ function hashUnit(n) {
  */
 export function buildSwarm(data, channels, xScale, yScale, colors, opts = {}) {
 	const { x: xf, y: yf, fill: ff } = channels
+	// A literal fill colours every point directly; otherwise group on the fill field.
+	const lit = literalColor(ff)
+	const field = lit ? undefined : ff
 	const { method = 'jitter', r = 2, side = 'center' } = opts
 	const bw = typeof xScale.bandwidth === 'function' ? xScale.bandwidth() : 40
 	// One-sided layouts get the full half-band on their side; centred straddles ±halfBand.
@@ -51,8 +55,8 @@ export function buildSwarm(data, channels, xScale, yScale, colors, opts = {}) {
 				: rows.map((_, i) => jitterOffset(hashUnit(i), halfBand, side))
 
 		rows.forEach((d, i) => {
-			const fillKey = ff ? d[ff] : xVal
-			const colorEntry = colors?.get(fillKey) ?? { fill: '#aaa', stroke: '#666' }
+			const fillKey = field ? d[field] : xVal
+			const colorEntry = markEntry(lit, fillKey, colors, { fill: '#aaa', stroke: '#666' })
 			result.push({
 				data: d,
 				cx: center + offsets[i],

package/dist/lib/brewing/marks/violins.js

@@ -1,5 +1,6 @@
 import { line, curveCatmullRom } from 'd3-shape'
 import { toPatternId } from '../patterns.js'
+import { literalColor, markEntry } from '../colors.js'
 
 // Relative widths at each stat anchor (fraction of max half-width)
 const DENSITY_AT = { iqr_min: 0.08, q1: 0.55, median: 1.0, q3: 0.55, iqr_max: 0.08 }
@@ -49,8 +50,11 @@ export function buildViolins(
 	patterns
 ) {
 	const { x: xf, fill: ff, pattern: pf } = channels
+	// A literal fill colours every violin directly; a field sub-groups within each x-band.
+	const lit = literalColor(ff)
+	const field = lit ? undefined : ff
 	const bw = typeof xScale.bandwidth === 'function' ? xScale.bandwidth() : 40
-	const grouped = ff && ff !== xf
+	const grouped = field && field !== xf
 	// Texture fill: patternId per violin from the pattern channel value (null = solid fill).
 	const patternIdFor = (d) => {
 		const key = pf ? d[pf] : null
@@ -73,7 +77,7 @@ export function buildViolins(
 			const subIndex = fillValues.indexOf(fillVal)
 			const bandStart = xScale(d[xf]) ?? 0
 			const cx = bandStart + subIndex * subBandWidth + subBandWidth / 2
-			const colorEntry = colors?.get(fillVal) ?? { fill: '#aaa', stroke: '#666' }
+			const colorEntry = markEntry(lit, fillVal, colors, { fill: '#aaa', stroke: '#666' })
 
 			return {
 				data: d,
@@ -90,8 +94,8 @@ export function buildViolins(
 	const halfMax = bw * 0.45
 
 	return data.map((d) => {
-		const fillKey = ff ? d[ff] : d[xf]
-		const colorEntry = colors?.get(fillKey) ?? { fill: '#aaa', stroke: '#666' }
+		const fillKey = field ? d[field] : d[xf]
+		const colorEntry = markEntry(lit, fillKey, colors, { fill: '#aaa', stroke: '#666' })
 		const cx = (xScale(d[xf]) ?? 0) + (typeof xScale.bandwidth === 'function' ? bw / 2 : 0)
 
 		return {

package/dist/lib/preset.d.ts

@@ -21,9 +21,19 @@ export namespace defaultPreset {
     }
     namespace opacity {
         let area: number;
+        let bar: number;
+        let line: number;
+        let point: number;
+        let arc: number;
         let box: number;
         let violin: number;
-        let point: number;
+        let jitter: number;
+        let heatmap: number;
+        let candlestick: number;
+        let hexbin: number;
+        let ribbon: number;
+        let waterfall: number;
+        let rule: number;
     }
     let patterns: string[];
     let symbols: string[];

package/dist/lib/preset.js

@@ -7,11 +7,23 @@ export const defaultPreset = {
     light: { fill: '300', stroke: '700' },
     dark:  { fill: '500', stroke: '200' }
   },
+  // Per-geom default mark opacity. `alpha` (a fixed 0–1 prop on each geom / Plot.Root)
+  // overrides these; solid marks default to 1 so `alpha` is the single opacity knob.
   opacity: {
-    area:   0.6,
-    box:    0.5,
-    violin: 0.5,
-    point:  0.8
+    area:        0.6,
+    bar:         1,
+    line:        1,
+    point:       0.8,
+    arc:         1,
+    box:         0.5,
+    violin:      0.5,
+    jitter:      0.8,
+    heatmap:     1,
+    candlestick: 1,
+    hexbin:      1,
+    ribbon:      0.5,
+    waterfall:   1,
+    rule:        1
   },
   patterns: ['diagonal', 'dots', 'triangles', 'hatch', 'lattice', 'swell',
              'checkerboard', 'waves', 'petals', 'brick', 'diamonds', 'tile',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/chart",
-  "version": "1.3.8",
+  "version": "1.3.10",
   "type": "module",
   "description": "Data-driven chart components",
   "repository": {

package/dist/Plot/Arc.svelte

@@ -1,30 +0,0 @@
-<script lang="ts">
-	import { getContext } from 'svelte'
-	import type { ChartBrewer } from '../lib/brewing/brewer.svelte.js'
-
-	const brewer = getContext<ChartBrewer>('chart-brewer')
-</script>
-
-{#if brewer && brewer.arcs && brewer.arcs.length > 0}
-	<g
-		class="chart-arcs"
-		data-plot-type="arc"
-		transform="translate({brewer.width / 2}, {brewer.height / 2})"
-	>
-		{#each brewer.arcs as arc (arc.key)}
-			<path
-				d={arc.d}
-				fill={arc.fill}
-				stroke={arc.stroke}
-				stroke-width="1"
-				data-plot-element="arc"
-			/>
-		{/each}
-	</g>
-{/if}
-
-<style>
-	.chart-arcs {
-		pointer-events: none;
-	}
-</style>

package/dist/Plot/Arc.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Arc: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Arc = InstanceType<typeof Arc>;
-export default Arc;

package/dist/lib/brewer.d.ts

@@ -1,9 +0,0 @@
-/**
- * Get fill patterns for a set of values
- *
- * @param {Array} values - Array of values
- * @param {Object} swatch - Object with keys for color, gray, and pattern
- * @param {Boolean} gray - Boolean to determine if gray or color
- * @returns {Object} - Object with keys for pattern and color
- */
-export function getFillPatterns(values: any[], swatch: Object, gray?: boolean): Object;

package/dist/lib/brewer.js

@@ -1,25 +0,0 @@
-/**
- * Get fill patterns for a set of values
- *
- * @param {Array} values - Array of values
- * @param {Object} swatch - Object with keys for color, gray, and pattern
- * @param {Boolean} gray - Boolean to determine if gray or color
- * @returns {Object} - Object with keys for pattern and color
- */
-export function getFillPatterns(values, swatch, gray = false) {
-	const colors = gray ? swatch.keys.gray : swatch.keys.color
-	const max_colors = colors.length
-	const max_patterns = swatch.keys.pattern.length
-
-	const mix = values
-		.map((value, index) => ({
-			[value]: {
-				pattern: swatch.keys.pattern[index % max_patterns],
-				color: colors[index % max_colors]
-			}
-		}))
-		.reduce((acc, current) => ({ ...acc, ...current }), {})
-	return mix
-}
-
-// export function getStrokePatterns() {}

package/dist/lib/brewing/BoxBrewer.svelte.d.ts

@@ -1,8 +0,0 @@
-/**
- * Brewer for box plots.
- * fill = box interior color, color = whisker/outline stroke.
- */
-export class BoxBrewer extends QuartileBrewer {
-    boxes: any[];
-}
-import { QuartileBrewer } from './QuartileBrewer.svelte.js';

package/dist/lib/brewing/BoxBrewer.svelte.js

@@ -1,14 +0,0 @@
-import { QuartileBrewer } from './QuartileBrewer.svelte.js'
-import { buildBoxes } from './marks/boxes.js'
-
-/**
- * Brewer for box plots.
- * fill = box interior color, color = whisker/outline stroke.
- */
-export class BoxBrewer extends QuartileBrewer {
-	boxes = $derived(
-		this.xScale && this.yScale
-			? buildBoxes(this.processedData, this.channels, this.xScale, this.yScale, this.colorMap)
-			: []
-	)
-}

package/dist/lib/brewing/CartesianBrewer.svelte.d.ts

@@ -1,8 +0,0 @@
-/**
- * Brewer for cartesian charts (Bar, Line, Area).
- * Groups by x (and fill/color if set) and applies the given stat.
- */
-export class CartesianBrewer extends ChartBrewer {
-    transform(data: any, channels: any, stat: any): any;
-}
-import { ChartBrewer } from './brewer.svelte.js';

package/dist/lib/brewing/CartesianBrewer.svelte.js

@@ -1,21 +0,0 @@
-import { SvelteSet } from 'svelte/reactivity'
-import { ChartBrewer } from './brewer.svelte.js'
-import { applyAggregate } from './stats.js'
-
-/**
- * Brewer for cartesian charts (Bar, Line, Area).
- * Groups by x (and fill/color if set) and applies the given stat.
- */
-export class CartesianBrewer extends ChartBrewer {
-	transform(data, channels, stat) {
-		if (stat === 'identity' || !channels.x || !channels.y) return data
-		// Group by all mapped aesthetic dimensions so they survive aggregation.
-		// e.g. x=region, fill=region, pattern=quarter → by=['region','quarter']
-		const by = [
-			...new SvelteSet(
-				[channels.x, channels.fill, channels.color, channels.pattern].filter(Boolean)
-			)
-		]
-		return applyAggregate(data, { by, value: channels.y, stat })
-	}
-}

package/dist/lib/brewing/PieBrewer.svelte.d.ts

@@ -1,8 +0,0 @@
-/**
- * Brewer for pie charts. Always aggregates by the label field.
- * 'identity' is not meaningful for pie charts — falls back to 'sum'.
- */
-export class PieBrewer extends ChartBrewer {
-    transform(data: any, channels: any, stat: any): any;
-}
-import { ChartBrewer } from './brewer.svelte.js';

package/dist/lib/brewing/PieBrewer.svelte.js

@@ -1,14 +0,0 @@
-import { ChartBrewer } from './brewer.svelte.js'
-import { applyAggregate } from './stats.js'
-
-/**
- * Brewer for pie charts. Always aggregates by the label field.
- * 'identity' is not meaningful for pie charts — falls back to 'sum'.
- */
-export class PieBrewer extends ChartBrewer {
-	transform(data, channels, stat) {
-		if (!channels.label || !channels.y) return data
-		const effectiveStat = stat === 'identity' ? 'sum' : (stat ?? 'sum')
-		return applyAggregate(data, { by: [channels.label], value: channels.y, stat: effectiveStat })
-	}
-}

package/dist/lib/brewing/QuartileBrewer.svelte.d.ts

@@ -1,9 +0,0 @@
-/**
- * Shared base for box and violin plots.
- * Groups by x + fill (primary) or x + color (fallback) and computes quartile statistics.
- * Subclasses add their mark-specific $derived (boxes, violins, etc.).
- */
-export class QuartileBrewer extends ChartBrewer {
-    transform(data: any, channels: any): any;
-}
-import { ChartBrewer } from './brewer.svelte.js';

package/dist/lib/brewing/QuartileBrewer.svelte.js

@@ -1,51 +0,0 @@
-import { quantile, ascending } from 'd3-array'
-import { dataset } from '@rokkit/data'
-import { ChartBrewer } from './brewer.svelte.js'
-import { buildXScale, buildYScale } from './scales.js'
-
-function sortedQuantile(values, p) {
-	return quantile([...values].sort(ascending), p)
-}
-
-/**
- * Shared base for box and violin plots.
- * Groups by x + fill (primary) or x + color (fallback) and computes quartile statistics.
- * Subclasses add their mark-specific $derived (boxes, violins, etc.).
- */
-export class QuartileBrewer extends ChartBrewer {
-	transform(data, channels) {
-		if (!channels.x || !channels.y) return data
-		const by = [channels.x, channels.fill ?? channels.color].filter(Boolean)
-		return dataset(data)
-			.groupBy(...by)
-			.summarize((row) => row[channels.y], {
-				q1: (v) => sortedQuantile(v, 0.25),
-				median: (v) => sortedQuantile(v, 0.5),
-				q3: (v) => sortedQuantile(v, 0.75),
-				iqr_min: (v) => {
-					const q1 = sortedQuantile(v, 0.25)
-					const q3 = sortedQuantile(v, 0.75)
-					return q1 - 1.5 * (q3 - q1)
-				},
-				iqr_max: (v) => {
-					const q1 = sortedQuantile(v, 0.25)
-					const q3 = sortedQuantile(v, 0.75)
-					return q3 + 1.5 * (q3 - q1)
-				}
-			})
-			.rollup()
-			.select()
-	}
-
-	xScale = $derived(
-		this.channels.x && this.processedData.length > 0
-			? buildXScale(this.processedData, this.channels.x, this.innerWidth)
-			: null
-	)
-
-	yScale = $derived(
-		this.channels.y && this.processedData.length > 0
-			? buildYScale(this.processedData, 'iqr_max', this.innerHeight)
-			: null
-	)
-}

package/dist/lib/brewing/ViolinBrewer.svelte.d.ts

@@ -1,8 +0,0 @@
-/**
- * Brewer for violin plots.
- * fill = violin body color, color = outline stroke.
- */
-export class ViolinBrewer extends QuartileBrewer {
-    violins: any;
-}
-import { QuartileBrewer } from './QuartileBrewer.svelte.js';

package/dist/lib/brewing/ViolinBrewer.svelte.js

@@ -1,14 +0,0 @@
-import { QuartileBrewer } from './QuartileBrewer.svelte.js'
-import { buildViolins } from './marks/violins.js'
-
-/**
- * Brewer for violin plots.
- * fill = violin body color, color = outline stroke.
- */
-export class ViolinBrewer extends QuartileBrewer {
-	violins = $derived(
-		this.xScale && this.yScale
-			? buildViolins(this.processedData, this.channels, this.xScale, this.yScale, this.colorMap)
-			: []
-	)
-}

package/dist/lib/brewing/axes.svelte.d.ts

@@ -1,66 +0,0 @@
-/**
- * Creates x-axis tick data for rendering
- *
- * @param {Object} scales - Chart scales
- * @param {Function} scales.x - X-axis scale
- * @param {Object} dimensions - Chart dimensions
- * @param {Object} options - Axis options
- * @param {number} [options.tickCount] - Number of ticks to show
- * @param {Function} [options.tickFormat] - Tick formatting function
- * @param {string} [options.label] - Axis label
- * @returns {AxisData} Axis rendering data
- */
-export function createXAxis(scales: {
-    x: Function;
-}, dimensions: Object, options: {
-    tickCount?: number | undefined;
-    tickFormat?: Function | undefined;
-    label?: string | undefined;
-}): AxisData;
-/**
- * Creates y-axis tick data for rendering
- *
- * @param {Object} scales - Chart scales
- * @param {Function} scales.y - Y-axis scale
- * @param {Object} dimensions - Chart dimensions
- * @param {Object} options - Axis options
- * @param {number} [options.tickCount] - Number of ticks to show
- * @param {Function} [options.tickFormat] - Tick formatting function
- * @param {string} [options.label] - Axis label
- * @returns {AxisData} Axis rendering data
- */
-export function createYAxis(scales: {
-    y: Function;
-}, dimensions: Object, options: {
-    tickCount?: number | undefined;
-    tickFormat?: Function | undefined;
-    label?: string | undefined;
-}): AxisData;
-/**
- * Creates grid line data for rendering
- *
- * @param {Object} scales - Chart scales
- * @param {Object} dimensions - Chart dimensions
- * @param {Object} options - Grid options
- * @param {string} [options.direction='both'] - Grid direction ('x', 'y', or 'both')
- * @param {number} [options.xTickCount] - Number of x-axis ticks
- * @param {number} [options.yTickCount] - Number of y-axis ticks
- * @returns {Object} Grid rendering data
- */
-export function createGrid(scales: Object, dimensions: Object, options: {
-    direction?: string | undefined;
-    xTickCount?: number | undefined;
-    yTickCount?: number | undefined;
-}): Object;
-/**
- * Creates DOM attributes for a tick element
- *
- * @param {TickData} tick - Tick data
- * @param {string} axis - Axis type ('x' or 'y')
- * @returns {Object} Attributes for the tick
- */
-export function createTickAttributes(tick: TickData, axis: string): Object;
-export type TickData = import("./types").TickData;
-export type AxisData = import("./types").AxisData;
-export type ChartScales = import("./types").ChartScales;
-export type ChartDimensions = import("./types").ChartDimensions;