ObservationDots

Raw observations of a box or violin as small dots (jitter already applied).

Import

import { ObservationDots } from "@jcsoftdev/ui/charts";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/charts/core.

Usage

export const Default: Story = {};

Source of the Storybook story.

Props

Prop	Type	Default	Description
points *	readonly { value: number; offset: number; }[]
map *	(value: number) => number		Value to pixel along the value axis.
center *	number		Pixel of the group axis on the cross axis.
horizontal *	boolean
color *	string
coloring	"value" | "series"	"series"	“value” grades the fill from a pale tint of color to color across range.
range	readonly [number, number]
radius	number	2.6
dimmed	boolean

* marks a required prop.

Storybook stories

• Default
• Graded By Value
• Dimmed

Source

packages/ui/src/charts/core/distribution/observations.tsx