@octanejs/visx 0.1.0

package/src/sankey/Sankey.tsrx

@@ -0,0 +1,157 @@
+import type { ReactNode, SVGAttributes } from 'react';
+import cx from 'classnames';
+import { Group } from '@octanejs/visx/group';
+import type { SankeyExtraProperties, SankeyGraph, SankeyLink, SankeyNode } from 'd3-sankey';
+import { sankey as d3sankey, sankeyLinkHorizontal } from 'd3-sankey';
+import type { Link } from 'd3-shape';
+
+const DEFAULT_COLOR = '#000';
+
+type NodeProps =
+	Pick<SVGAttributes<SVGRectElement>, | 'stroke'
+	| 'strokeOpacity'
+	| 'strokeWidth'
+	| 'fill'
+	| 'fillOpacity'>;
+type LinkProps =
+	Pick<SVGAttributes<SVGPathElement>, | 'fill'
+	| 'fillOpacity'
+	| 'stroke'
+	| 'strokeOpacity'
+	| 'strokeWidth'
+	| 'strokeDasharray'
+	| 'strokeDashoffset'>;
+
+type CreatePath<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> =
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	Link<any, SankeyLink<NodeDatum, LinkDatum>, [number, number]>;
+
+type NodeIdAccessor<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> =
+	(node: SankeyNode<NodeDatum, LinkDatum>) => string | number;
+
+type SourceAccessor<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> =
+	Exclude<Parameters<CreatePath<NodeDatum, LinkDatum>['source']>, undefined>[0];
+
+type TargetAccessor<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> =
+	Exclude<Parameters<CreatePath<NodeDatum, LinkDatum>['target']>, undefined>[0];
+
+type NodeAlignment<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> =
+	(node: SankeyNode<NodeDatum, LinkDatum>, n: number) => number;
+
+type SankeyChildrenFunction<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> =
+	(args: {
+		graph: SankeyGraph<NodeDatum, LinkDatum>;
+		createPath: CreatePath<NodeDatum, LinkDatum>;
+	}) => ReactNode;
+
+export type SankeyProps<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> = {
+	/** The root data from which to derive the sankey layout. */
+	root: SankeyGraph<NodeDatum, LinkDatum>;
+	/** The class name(s) applied to the g element container. */
+	className?: string;
+	/** Render override function which is passed the computed sankey data graph */
+	children?: SankeyChildrenFunction<NodeDatum, LinkDatum>;
+	/** Sets the node id accessor. */
+	nodeId?: NodeIdAccessor<NodeDatum, LinkDatum>;
+	/** Sets the node width. */
+	nodeWidth?: number;
+	/** Sets the node padding. */
+	nodePadding?: number;
+	/** Sets the node alignment function. */
+	nodeAlign?: NodeAlignment<NodeDatum, LinkDatum>;
+	/** Sets the extent of the sankey layout. */
+	extent?: [[number, number], [number, number]];
+	/** Sets the size of the layout. A convenience method equivalent to using an extent of [[0, 0], [width, height]] */
+	size?: [number, number];
+	/** Sets the number of relaxation iterations. */
+	iterations?: number;
+	/** Sets the node comparison function. */
+	nodeSort?: (a: SankeyNode<NodeDatum, LinkDatum>, b: SankeyNode<NodeDatum, LinkDatum>) => | number
+	| undefined
+	| null;
+	/** Sets the link comparison function */
+	linkSort?: (a: SankeyLink<NodeDatum, LinkDatum>, b: SankeyLink<NodeDatum, LinkDatum>) => | number
+	| undefined
+	| null;
+	/** Sets the props for the default rendered node rect. Ignored when children is defined. */
+	nodeProps?: NodeProps;
+	/** Sets the props for the default rendered link path. Ignored when children is defined. */
+	linkProps?: LinkProps;
+	/** Sets the source accessor for determining the link path. */
+	sourceAccessor?: SourceAccessor<NodeDatum, LinkDatum>;
+	/** Sets the target accessor for determining the link path. */
+	targetAccessor?: TargetAccessor<NodeDatum, LinkDatum>
+};
+
+/**
+ * Exposes d3-sankey as a React component.
+ */
+export default function Sankey<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties>({
+	root,
+	className,
+	children,
+	nodeId,
+	nodeWidth = 2,
+	nodePadding,
+	nodeAlign,
+	extent,
+	size,
+	iterations,
+	nodeSort,
+	linkSort,
+	nodeProps = {},
+	linkProps = {},
+	sourceAccessor,
+	targetAccessor,
+}: SankeyProps<NodeDatum, LinkDatum>) {
+	const sankey = d3sankey<NodeDatum, LinkDatum>();
+	if (nodeId) sankey.nodeId(nodeId);
+	if (nodeWidth) sankey.nodeWidth(nodeWidth);
+	if (nodePadding) sankey.nodePadding(nodePadding);
+	if (nodeAlign) sankey.nodeAlign(nodeAlign);
+	if (extent) sankey.extent(extent);
+	if (size) sankey.size(size);
+	if (iterations) sankey.iterations(iterations);
+	if (nodeSort) sankey.nodeSort(nodeSort);
+	if (linkSort) sankey.linkSort(linkSort);
+
+	const graph = sankey(root);
+	const createPath = sankeyLinkHorizontal<NodeDatum, LinkDatum>();
+	if (sourceAccessor) createPath.source(sourceAccessor);
+	if (targetAccessor) createPath.target(targetAccessor);
+
+	if (children) {
+		return <>
+			{children({ graph, createPath })}
+		</>;
+	}
+
+	return <Group className={cx('visx-sankey', className)}>
+		<Group className="visx-sankey-links">{graph.links.map(
+			(link, i) =>
+				<path
+					d={createPath(link) ?? ''}
+					key={i}
+					fill="transparent"
+					stroke={DEFAULT_COLOR}
+					strokeWidth={Math.max(1, link.width ?? 0)}
+					strokeOpacity={0.5}
+					{...linkProps}
+				/>,
+		)}</Group>
+		<Group className="visx-sankey-nodes">{graph.nodes.map(
+			({ y0, y1, x0, x1 }, i) => y0 !== undefined && y1 !== undefined && x0 !== undefined &&
+			x1 !== undefined
+				? <rect
+						fill={DEFAULT_COLOR}
+						width={x1 - x0}
+						height={y1 - y0}
+						x={x0}
+						y={y0}
+						key={i}
+						{...nodeProps}
+					/>
+				: null,
+		)}</Group>
+	</Group>;
+}

package/src/sankey/Sankey.tsrx.d.ts

@@ -0,0 +1,54 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ReactNode, SVGAttributes } from 'react';
+import type { SankeyExtraProperties, SankeyGraph, SankeyLink, SankeyNode } from 'd3-sankey';
+import type { Link } from 'd3-shape';
+type NodeProps = Pick<SVGAttributes<SVGRectElement>, 'stroke' | 'strokeOpacity' | 'strokeWidth' | 'fill' | 'fillOpacity'>;
+type LinkProps = Pick<SVGAttributes<SVGPathElement>, 'fill' | 'fillOpacity' | 'stroke' | 'strokeOpacity' | 'strokeWidth' | 'strokeDasharray' | 'strokeDashoffset'>;
+type CreatePath<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> = Link<any, SankeyLink<NodeDatum, LinkDatum>, [number, number]>;
+type NodeIdAccessor<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> = (node: SankeyNode<NodeDatum, LinkDatum>) => string | number;
+type SourceAccessor<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> = Exclude<Parameters<CreatePath<NodeDatum, LinkDatum>['source']>, undefined>[0];
+type TargetAccessor<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> = Exclude<Parameters<CreatePath<NodeDatum, LinkDatum>['target']>, undefined>[0];
+type NodeAlignment<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> = (node: SankeyNode<NodeDatum, LinkDatum>, n: number) => number;
+type SankeyChildrenFunction<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> = (args: {
+    graph: SankeyGraph<NodeDatum, LinkDatum>;
+    createPath: CreatePath<NodeDatum, LinkDatum>;
+}) => ReactNode;
+export type SankeyProps<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties> = {
+    /** The root data from which to derive the sankey layout. */
+    root: SankeyGraph<NodeDatum, LinkDatum>;
+    /** The class name(s) applied to the g element container. */
+    className?: string;
+    /** Render override function which is passed the computed sankey data graph */
+    children?: SankeyChildrenFunction<NodeDatum, LinkDatum>;
+    /** Sets the node id accessor. */
+    nodeId?: NodeIdAccessor<NodeDatum, LinkDatum>;
+    /** Sets the node width. */
+    nodeWidth?: number;
+    /** Sets the node padding. */
+    nodePadding?: number;
+    /** Sets the node alignment function. */
+    nodeAlign?: NodeAlignment<NodeDatum, LinkDatum>;
+    /** Sets the extent of the sankey layout. */
+    extent?: [[number, number], [number, number]];
+    /** Sets the size of the layout. A convenience method equivalent to using an extent of [[0, 0], [width, height]] */
+    size?: [number, number];
+    /** Sets the number of relaxation iterations. */
+    iterations?: number;
+    /** Sets the node comparison function. */
+    nodeSort?: (a: SankeyNode<NodeDatum, LinkDatum>, b: SankeyNode<NodeDatum, LinkDatum>) => number | undefined | null;
+    /** Sets the link comparison function */
+    linkSort?: (a: SankeyLink<NodeDatum, LinkDatum>, b: SankeyLink<NodeDatum, LinkDatum>) => number | undefined | null;
+    /** Sets the props for the default rendered node rect. Ignored when children is defined. */
+    nodeProps?: NodeProps;
+    /** Sets the props for the default rendered link path. Ignored when children is defined. */
+    linkProps?: LinkProps;
+    /** Sets the source accessor for determining the link path. */
+    sourceAccessor?: SourceAccessor<NodeDatum, LinkDatum>;
+    /** Sets the target accessor for determining the link path. */
+    targetAccessor?: TargetAccessor<NodeDatum, LinkDatum>;
+};
+/**
+ * Exposes d3-sankey as a React component.
+ */
+export default function Sankey<NodeDatum extends SankeyExtraProperties, LinkDatum extends SankeyExtraProperties>({ root, className, children, nodeId, nodeWidth, nodePadding, nodeAlign, extent, size, iterations, nodeSort, linkSort, nodeProps, linkProps, sourceAccessor, targetAccessor, }: SankeyProps<NodeDatum, LinkDatum>): import("react").JSX.Element;
+export {};

package/src/sankey/index.ts

@@ -0,0 +1,20 @@
+// @octanejs/visx/sankey
+export { default as Sankey } from './Sankey.tsrx';
+export {
+	sankey,
+	sankeyLinkHorizontal,
+	sankeyLeft,
+	sankeyRight,
+	sankeyCenter,
+	sankeyJustify,
+} from 'd3-sankey';
+export type {
+	SankeyProps,
+	SankeyExtraProperties,
+	SankeyGraph,
+	SankeyLink,
+	SankeyNode,
+	SankeyNodeMinimal,
+	SankeyLinkMinimal,
+	SankeyLayout,
+} from './types';

package/src/sankey/types.ts

@@ -0,0 +1,10 @@
+export type { SankeyProps } from './Sankey.tsrx';
+export type {
+	SankeyExtraProperties,
+	SankeyGraph,
+	SankeyLink,
+	SankeyNode,
+	SankeyNodeMinimal,
+	SankeyLinkMinimal,
+	SankeyLayout,
+} from 'd3-sankey';

package/src/scale/createScale.ts

@@ -0,0 +1,176 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable no-redeclare */
+import type { ScaleConfig, PickScaleConfigWithoutType, PickScaleConfig } from './types/ScaleConfig';
+import type { DefaultThresholdInput, PickD3Scale, D3Scale } from './types/Scale';
+import type { StringLike, DefaultOutput } from './types/Base';
+import createLinearScale from './scales/linear';
+import createLogScale from './scales/log';
+import createPowScale from './scales/power';
+import createSqrtScale from './scales/squareRoot';
+import createSymlogScale from './scales/symlog';
+import createTimeScale from './scales/time';
+import createUtcScale from './scales/utc';
+import createQuantileScale from './scales/quantile';
+import createQuantizeScale from './scales/quantize';
+import createThresholdScale from './scales/threshold';
+import createOrdinalScale from './scales/ordinal';
+import createPointScale from './scales/point';
+import createBandScale from './scales/band';
+import createRadialScale from './scales/radial';
+
+// Overload function for more strict typing, e.g.,
+// If the config is a linear config then a ScaleLinear will be returned
+// instead of a union type of all scales.
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(
+	config?: PickScaleConfig<'linear', Output> | PickScaleConfigWithoutType<'linear', Output>,
+): PickD3Scale<'linear', Output>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(config: PickScaleConfig<'log', Output>): PickD3Scale<'log', Output>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(config: PickScaleConfig<'pow', Output>): PickD3Scale<'pow', Output>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(config: PickScaleConfig<'sqrt', Output>): PickD3Scale<'sqrt', Output>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(config: PickScaleConfig<'symlog', Output>): PickD3Scale<'symlog', Output>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(config: PickScaleConfig<'time', Output>): PickD3Scale<'time', Output>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(config: PickScaleConfig<'utc', Output>): PickD3Scale<'utc', Output>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(config: PickScaleConfig<'quantile', Output>): PickD3Scale<'quantile', Output>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(config: PickScaleConfig<'quantize', Output>): PickD3Scale<'quantize', Output>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(
+	config: PickScaleConfig<'threshold', Output, StringLike, ThresholdInput>,
+): PickD3Scale<'threshold', Output, StringLike, ThresholdInput>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(
+	config: PickScaleConfig<'ordinal', Output, DiscreteInput>,
+): PickD3Scale<'ordinal', Output, DiscreteInput>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(
+	config: PickScaleConfig<'point', Output, DiscreteInput>,
+): PickD3Scale<'point', Output, DiscreteInput>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(
+	config: PickScaleConfig<'band', Output, DiscreteInput>,
+): PickD3Scale<'band', Output, DiscreteInput>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(config: PickScaleConfig<'radial', Output>): PickD3Scale<'radial', Output>;
+
+function createScale<
+	Output = DefaultOutput,
+	DiscreteInput extends StringLike = StringLike,
+	ThresholdInput extends DefaultThresholdInput = DefaultThresholdInput,
+>(
+	config: ScaleConfig<Output, DiscreteInput, ThresholdInput>,
+): D3Scale<Output, DiscreteInput, ThresholdInput>;
+
+// Actual implementation
+
+function createScale<
+	Output,
+	DiscreteInput extends StringLike,
+	ThresholdInput extends DefaultThresholdInput,
+>(
+	config?:
+		| ScaleConfig<Output, DiscreteInput, ThresholdInput>
+		| PickScaleConfigWithoutType<'linear', Output>,
+) {
+	if (typeof config !== 'undefined' && 'type' in config) {
+		switch (config.type) {
+			case 'linear':
+				return createLinearScale(config);
+			case 'log':
+				return createLogScale(config);
+			case 'pow':
+				return createPowScale(config);
+			case 'sqrt':
+				return createSqrtScale(config);
+			case 'symlog':
+				return createSymlogScale(config);
+			case 'time':
+				return createTimeScale(config);
+			case 'utc':
+				return createUtcScale(config);
+			case 'quantile':
+				return createQuantileScale(config);
+			case 'quantize':
+				return createQuantizeScale(config);
+			case 'threshold':
+				return createThresholdScale(config);
+			case 'ordinal':
+				return createOrdinalScale(config);
+			case 'point':
+				return createPointScale(config);
+			case 'band':
+				return createBandScale(config);
+			case 'radial':
+				return createRadialScale(config);
+			default:
+		}
+	}
+
+	// If type is not specified, fallback to linear scale
+	return createLinearScale(config);
+}
+
+export default createScale;

package/src/scale/index.ts

@@ -0,0 +1,31 @@
+// @octanejs/visx/scale
+export { default as scaleBand } from './scales/band';
+export { default as scalePoint } from './scales/point';
+export { default as scaleLinear } from './scales/linear';
+export { default as scaleRadial } from './scales/radial';
+export { default as scaleTime } from './scales/time';
+export { default as scaleUtc } from './scales/utc';
+export { default as scaleLog } from './scales/log';
+export { default as scalePower } from './scales/power';
+export { default as scaleOrdinal } from './scales/ordinal';
+export { default as scaleQuantize } from './scales/quantize';
+export { default as scaleQuantile } from './scales/quantile';
+export { default as scaleSymlog } from './scales/symlog';
+export { default as scaleThreshold } from './scales/threshold';
+export { default as scaleSqrt } from './scales/squareRoot';
+
+export { default as createScale } from './createScale';
+export { default as updateScale } from './updateScale';
+export { default as inferScaleType } from './utils/inferScaleType';
+
+export { default as coerceNumber } from './utils/coerceNumber';
+export { default as getTicks } from './utils/getTicks';
+export { default as toString } from './utils/toString';
+export { default as scaleCanBeZeroed } from './utils/scaleCanBeZeroed';
+
+// export types
+export type * from './types/Base';
+export type * from './types/Nice';
+export type * from './types/Scale';
+export type * from './types/ScaleConfig';
+export type * from './types/ScaleInterpolate';

package/src/scale/operators/align.ts

@@ -0,0 +1,16 @@
+import type { DefaultThresholdInput, D3Scale } from '../types/Scale';
+import type { StringLike } from '../types/Base';
+import type { ScaleConfigWithoutType } from '../types/ScaleConfig';
+
+export default function applyAlign<
+	Output,
+	DiscreteInput extends StringLike,
+	ThresholdInput extends DefaultThresholdInput,
+>(
+	scale: D3Scale<Output, DiscreteInput, ThresholdInput>,
+	config: ScaleConfigWithoutType<Output, DiscreteInput, ThresholdInput>,
+) {
+	if ('align' in scale && 'align' in config && typeof config.align !== 'undefined') {
+		scale.align(config.align);
+	}
+}

package/src/scale/operators/base.ts

@@ -0,0 +1,16 @@
+import type { DefaultThresholdInput, D3Scale } from '../types/Scale';
+import type { StringLike } from '../types/Base';
+import type { ScaleConfigWithoutType } from '../types/ScaleConfig';
+
+export default function applyBase<
+	Output,
+	DiscreteInput extends StringLike,
+	ThresholdInput extends DefaultThresholdInput,
+>(
+	scale: D3Scale<Output, DiscreteInput, ThresholdInput>,
+	config: ScaleConfigWithoutType<Output, DiscreteInput, ThresholdInput>,
+) {
+	if ('base' in scale && 'base' in config && typeof config.base !== 'undefined') {
+		scale.base(config.base);
+	}
+}

package/src/scale/operators/clamp.ts

@@ -0,0 +1,16 @@
+import type { DefaultThresholdInput, D3Scale } from '../types/Scale';
+import type { StringLike } from '../types/Base';
+import type { ScaleConfigWithoutType } from '../types/ScaleConfig';
+
+export default function applyClamp<
+	Output,
+	DiscreteInput extends StringLike,
+	ThresholdInput extends DefaultThresholdInput,
+>(
+	scale: D3Scale<Output, DiscreteInput, ThresholdInput>,
+	config: ScaleConfigWithoutType<Output, DiscreteInput, ThresholdInput>,
+) {
+	if ('clamp' in scale && 'clamp' in config && typeof config.clamp !== 'undefined') {
+		scale.clamp(config.clamp);
+	}
+}

package/src/scale/operators/constant.ts

@@ -0,0 +1,16 @@
+import type { DefaultThresholdInput, D3Scale } from '../types/Scale';
+import type { StringLike } from '../types/Base';
+import type { ScaleConfigWithoutType } from '../types/ScaleConfig';
+
+export default function applyConstant<
+	Output,
+	DiscreteInput extends StringLike,
+	ThresholdInput extends DefaultThresholdInput,
+>(
+	scale: D3Scale<Output, DiscreteInput, ThresholdInput>,
+	config: ScaleConfigWithoutType<Output, DiscreteInput, ThresholdInput>,
+) {
+	if ('constant' in scale && 'constant' in config && typeof config.constant !== 'undefined') {
+		scale.constant(config.constant);
+	}
+}

package/src/scale/operators/domain.ts

@@ -0,0 +1,25 @@
+import type { DefaultThresholdInput, D3Scale } from '../types/Scale';
+import type { StringLike } from '../types/Base';
+import type { ScaleConfigWithoutType } from '../types/ScaleConfig';
+
+export default function applyDomain<
+	Output,
+	DiscreteInput extends StringLike,
+	ThresholdInput extends DefaultThresholdInput,
+>(
+	scale: D3Scale<Output, DiscreteInput, ThresholdInput>,
+	config: ScaleConfigWithoutType<Output, DiscreteInput, ThresholdInput>,
+) {
+	if (config.domain) {
+		if ('nice' in scale || 'quantiles' in scale) {
+			// continuous input scales
+			scale.domain(config.domain as number[] | Date[]);
+		} else if ('padding' in scale) {
+			// point and band scales
+			scale.domain(config.domain as DiscreteInput[]);
+		} else {
+			// ordinal and threshold scale
+			scale.domain(config.domain as ThresholdInput[]);
+		}
+	}
+}

package/src/scale/operators/exponent.ts

@@ -0,0 +1,16 @@
+import type { DefaultThresholdInput, D3Scale } from '../types/Scale';
+import type { StringLike } from '../types/Base';
+import type { ScaleConfigWithoutType } from '../types/ScaleConfig';
+
+export default function applyExponent<
+	Output,
+	DiscreteInput extends StringLike,
+	ThresholdInput extends DefaultThresholdInput,
+>(
+	scale: D3Scale<Output, DiscreteInput, ThresholdInput>,
+	config: ScaleConfigWithoutType<Output, DiscreteInput, ThresholdInput>,
+) {
+	if ('exponent' in scale && 'exponent' in config && typeof config.exponent !== 'undefined') {
+		scale.exponent(config.exponent);
+	}
+}

package/src/scale/operators/interpolate.ts

@@ -0,0 +1,23 @@
+import type { InterpolatorFactory } from 'd3-scale';
+import type { StringLike } from '../types/Base';
+import type { D3Scale, DefaultThresholdInput } from '../types/Scale';
+import createColorInterpolator from '../utils/createColorInterpolator';
+import type { ScaleConfigWithoutType } from '../types/ScaleConfig';
+
+export default function applyInterpolate<
+	Output,
+	DiscreteInput extends StringLike,
+	ThresholdInput extends DefaultThresholdInput,
+>(
+	scale: D3Scale<Output, DiscreteInput, ThresholdInput>,
+	config: ScaleConfigWithoutType<Output, DiscreteInput, ThresholdInput>,
+) {
+	if (
+		'interpolate' in config &&
+		'interpolate' in scale &&
+		typeof config.interpolate !== 'undefined'
+	) {
+		const interpolator = createColorInterpolator(config.interpolate);
+		scale.interpolate(interpolator as unknown as InterpolatorFactory<Output, Output>);
+	}
+}

package/src/scale/operators/nice.ts

@@ -0,0 +1,81 @@
+import type { CountableTimeInterval } from 'd3-time';
+import {
+	timeSecond,
+	timeMinute,
+	timeHour,
+	timeDay,
+	timeYear,
+	timeMonth,
+	timeWeek,
+	utcSecond,
+	utcMinute,
+	utcHour,
+	utcDay,
+	utcWeek,
+	utcMonth,
+	utcYear,
+} from 'd3-time';
+import type { ScaleTime } from 'd3-scale';
+import type { StringLike } from '../types/Base';
+import type { DefaultThresholdInput, D3Scale } from '../types/Scale';
+import type { ScaleConfigWithoutType } from '../types/ScaleConfig';
+import type { NiceTime } from '../types/Nice';
+import isUtcScale from '../utils/isUtcScale';
+
+const localTimeIntervals: {
+	[key in NiceTime]: CountableTimeInterval;
+} = {
+	day: timeDay,
+	hour: timeHour,
+	minute: timeMinute,
+	month: timeMonth,
+	second: timeSecond,
+	week: timeWeek,
+	year: timeYear,
+};
+
+const utcIntervals: {
+	[key in NiceTime]: CountableTimeInterval;
+} = {
+	day: utcDay,
+	hour: utcHour,
+	minute: utcMinute,
+	month: utcMonth,
+	second: utcSecond,
+	week: utcWeek,
+	year: utcYear,
+};
+
+export default function applyNice<
+	Output,
+	DiscreteInput extends StringLike,
+	ThresholdInput extends DefaultThresholdInput,
+>(
+	scale: D3Scale<Output, DiscreteInput, ThresholdInput>,
+	config: ScaleConfigWithoutType<Output, DiscreteInput, ThresholdInput>,
+) {
+	if ('nice' in config && typeof config.nice !== 'undefined' && 'nice' in scale) {
+		const { nice } = config;
+		if (typeof nice === 'boolean') {
+			if (nice) {
+				scale.nice();
+			}
+		} else if (typeof nice === 'number') {
+			scale.nice(nice);
+		} else {
+			const timeScale = scale as ScaleTime<Output, Output>;
+			const isUtc = isUtcScale(timeScale);
+			if (typeof nice === 'string') {
+				timeScale.nice(isUtc ? utcIntervals[nice] : localTimeIntervals[nice]);
+			} else {
+				const { interval, step } = nice;
+				const parsedInterval = (
+					isUtc ? utcIntervals[interval] : localTimeIntervals[interval]
+				).every(step);
+				if (parsedInterval != null) {
+					timeScale.nice(parsedInterval as CountableTimeInterval);
+				}
+			}
+		}
+	}
+}