PUBLIC DOCS

Trajectory charts as a public visualization system.

Use constructed charts for dashboard speed, low-level packages for custom visualizations, and renderer packages when dense data needs Canvas, WebGL2 planning, or GPU fallback policy. This site documents only public `@atropos/*` imports.

Install

pnpm add @atropos/charts @atropos/theme

Minimal chart

import { LineChart } from "@atropos/charts/basic/cartesian/line-area";

Package split

`algorithms`, `core`, `primitives`, `interaction`, `renderers`, `theme`, and `charts` can be adopted independently.

Migration

visx line chart

@visx/shape LinePath->@atropos/charts/basic/cartesian/line-area

visx scatter plot

@visx/glyph GlyphCircle->@atropos/charts/basic/cartesian/scatter

visx grouped bar

@visx/shape BarGroup->@atropos/charts/basic/bar/vertical

visx heatmap

@visx/heatmap HeatmapRect->@atropos/charts/basic/heatmap

visx brush

@visx/brush Brush->@atropos/core/brush

visx zoom

@visx/zoom Zoom->@atropos/core/zoom

visx annotations

@visx/annotation->@atropos/primitives/annotations

visx hierarchy

@visx/hierarchy Tree->@atropos/charts/expanded/families/hierarchy

visx network

@visx/network Graph->@atropos/charts/expanded/families/flow-network

visx wordcloud

@visx/wordcloud->@atropos/algorithms/wordcloud

Recharts line chart

LineChart + Line->@atropos/charts/basic/cartesian/line-area

Recharts scatter chart

ScatterChart + Scatter->@atropos/charts/basic/cartesian/scatter

Recharts bar chart

BarChart + Bar->@atropos/charts/basic/bar/vertical

Recharts area chart

AreaChart + Area->@atropos/charts/basic/cartesian/line-area

Recharts pie chart

PieChart + Pie->@atropos/charts/basic/radial

Recharts composed chart

ComposedChart->@atropos/charts/expanded/families/cartesian-statistical

Controlled legend state

Legend payload callbacks->@atropos/interaction/state

Tooltip semantics

Tooltip content render props->@atropos/interaction/event

Dense scatter fallback

SVG-only point marks->@atropos/renderers/gpu

Dashboard KPI

Custom Recharts card->@atropos/charts/basic/kpi/metric-card

API Reference

Generated from package `exports` maps. Each row records the public import path, extracted symbols where source metadata is available, SSR guidance, and dependency-weight notes.

@atropos/algorithms

17 public subpaths generated from package exports.

Subpath	Import	Exports	SSR	Weight
.	@atropos/algorithms	*	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./curve	@atropos/algorithms/curve	createAreaPath, createCurveDescriptor, createLinePath, CurveDescriptor, CurveKind, CurvePathOptions	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./delaunay	@atropos/algorithms/delaunay	createDelaunayTriangulation, createVoronoiDiagram, DelaunayTriangle, DelaunayTriangulation, DelaunayVertex, nearestVoronoiCell, VoronoiCell, VoronoiDiagram	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./geometry	@atropos/algorithms/geometry	addPoints, Bounds2D, clampPoint, cross, distance, dot, expandBounds, isFinitePoint	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./hexbin	@atropos/algorithms/hexbin	createHexbin, hexagonPath, hexagonPoints, HexbinBin, HexbinOptions, HexbinResult, hexToPoint, pointToHex	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./geo	@atropos/algorithms/geo	createGeoProjection, fitGeoProjection, FitGeoProjectionOptions, geoBounds, GeoBounds, geoCentroid, GeoCoordinate, GeoProjectedPoint	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./hierarchy	@atropos/algorithms/hierarchy	createHierarchy, flattenHierarchy, HierarchyDatum, HierarchyNode, HierarchyOptions, HierarchyPointNode, HierarchyRectNode, HierarchyTreeLayoutOptions	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./network	@atropos/algorithms/network	createAdjacencyMap, createNetworkLayers, detectNetworkCycles, ForceNetworkLayoutOptions, layoutCircularNetwork, layoutForceNetwork, NetworkGraph, NetworkLayer	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./flow	@atropos/algorithms/flow	createSankeyLayout, FlowLayout, FlowLayoutLink, FlowLayoutNode, FlowLinkInput, FlowNodeInput, SankeyLayoutOptions, sankeyLinkPath	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./wordcloud	@atropos/algorithms/wordcloud	createWordcloudLayout, createWordCloudLayout, createWordCloudSpatialIndex, measureWordBox, measureWordCloudToken, placeWordInCloud, PlaceWordInCloudOptions, WordBox	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./contour	@atropos/algorithms/contour	clipContourToBounds, ContourLine, ContourOptions, ContourThreshold, contourThresholds, createContourLines, createFilledContours, FilledContour	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./topology	@atropos/algorithms/topology	DecodedTopology, decodeTopoJsonTopology, simplifyTopologyCoordinates, topoJsonFeature, topoJsonMesh, Topology, topologyBounds, TopologyFeature	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./geo-io	@atropos/algorithms/geo-io	fitGeoFeatures, GeoIoOptions, GeoJsonFeature, GeoJsonFeatureCollection, GeoJsonGeometry, joinShapefileAttributes, normalizeGeoJson, readDbf	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./pack	@atropos/algorithms/pack	CircleInput, circleIntersects, CirclePackOptions, encloseCircles, layoutCirclePack, PackedCircle, PackedSiblingCircle, PackHierarchyNode	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./numeric	@atropos/algorithms/numeric	finiteExtent, normalizeNumericValues, NumericDatum	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./series	@atropos/algorithms/series	seriesId, SeriesIdentityInput, seriesName, visibleSeries, VisibleSeriesEntry	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./spatial	@atropos/algorithms/spatial	createDensePointIndex, DensePointIndex, nearestIndexedPoint	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.

@atropos/core

10 public subpaths generated from package exports.

Subpath	Import	Exports	SSR	Weight
.	@atropos/core	*	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./axis	@atropos/core/axis	AxisConfig, AxisDominantBaseline, AxisGridLineModel, AxisLabelModel, AxisLineModel, AxisModel, AxisModelOptions, axisOffset	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./brush	@atropos/core/brush	BrushCallbacks, BrushExtent, BrushState, clampBrushExtent, createBrushState, normalizeBrushExtent	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./composition	@atropos/core/composition	ComposedChartMark, ComposedChartPlanOptions, ComposedChartRenderPlan, ComposedChartSeriesPlan, ComposedChartTooltipOptions, ComposedChartTooltipPayload, ComposedSeriesDescriptor, createCategoricalPlotScales	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./core	@atropos/core/core	areaPath, clamp, datumValues, DEFAULT_MARGIN, finiteNumbers, linearScale, linePath, lttbDownsample	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./data	@atropos/core/data	chartSeriesId, chartSeriesName, createDensePointIndex, DensePointIndex, nearestIndexedPoint, normalizeNumericValues, NumericDatum, visibleChartSeries	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./expanded-layout	@atropos/core/expanded-layout	binPointCloud, createBandLayout, createBoxPlotLayout, createBumpLayout, createDependencyTopology, createDistributionLayout, createErrorBarLayout, createGeoPointLayout	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./geometry	@atropos/core/geometry	addPoints, Bounds2D, clampPoint, createAreaPath, createCurveDescriptor, createDelaunayTriangulation, createHexbin, createLinePath	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./scales	@atropos/core/scales	BandScale, BandScaleOptions, ColorScaleDescriptor, ColorScaleOptions, ContinuousScaleDescriptor, createBandScale, createDivergingColorScale, createDivergingScale	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./zoom	@atropos/core/zoom	clampZoomDomain, clampZoomState, coordinateToDomain, domainFromRange, domainToCoordinate, isZoomStateEmpty, mergeZoomState, normalizeZoomDomain	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.

@atropos/theme

3 public subpaths generated from package exports.

Subpath	Import	Exports	SSR	Weight
.	@atropos/theme	*	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./animation	@atropos/theme/animation	chartAnimationDelay, ChartAnimationOptions, chartAnimationStyle, deterministicStaggerIndex, easeChartProgress, normalizeChartAnimation, ResolvedChartAnimation, useChartAnimation	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./styles.css	@atropos/theme/styles.css	Declaration-only or CSS entry	SSR-safe for module import and deterministic server rendering.	CSS-only side effect import.

@atropos/primitives

7 public subpaths generated from package exports.

Subpath	Import	Exports	SSR	Weight
.	@atropos/primitives	*	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./annotations	@atropos/primitives/annotations	createReferenceBandModel, createReferenceLineModel, createReferenceMarkerModel, MarkerAnchor, MarkerLabel, MarkerLabelProps, ReferenceBand, ReferenceBandModel	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./defs	@atropos/primitives/defs	ClipRect, ClipRectProps, createClipPathId, LinearGradientDef, LinearGradientDefProps, MarkerArrow, MarkerArrowProps, stableSvgId	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./group	@atropos/primitives/group	createScaleTransform, createTranslateTransform, Group, GroupProps, joinTransforms, ScaleInput, TranslateInput	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./responsive	@atropos/primitives/responsive	BoundsSize, normalizeBoundsSize, ResponsiveFrame, ResponsiveFrameProps, useElementBounds	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./shape	@atropos/primitives/shape	arcPath, AreaPath, areaPathFromPoints, AreaPathProps, LinePath, linePathFromPoints, LinePathProps, PointMark	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.
./text	@atropos/primitives/text	estimateTextWidth, splitTextLines, SvgText, SvgTextProps, WrappedText, WrappedTextProps	SSR-safe for module import and deterministic server rendering.	Low-level package entrypoint intended for selective imports.

@atropos/interaction

5 public subpaths generated from package exports.

Subpath	Import	Exports	SSR	Weight
.	@atropos/interaction	*	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Low-level package entrypoint intended for selective imports.
./drag	@atropos/interaction/drag	createDragController, DragController, DragControllerOptions, DragControllerState, DragPhase, DragPoint	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Low-level package entrypoint intended for selective imports.
./event	@atropos/interaction/event	ChartEventBounds, ChartKeyboardMoveOptions, ChartPoint2D, ChartPointerEventOptions, ChartPointerSource, clampPointToBounds, keyboardDeltaFromEvent, localChartPoint	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Low-level package entrypoint intended for selective imports.
./expanded-interaction	@atropos/interaction/expanded-interaction	createExpandedKeyboardSummary, createExpandedLegendItems, createExpandedPointerIndex, createExpandedTooltipPayload, createExpandedTooltipPayloads, createRendererTooltipPayloads, ExpandedHitResult, ExpandedInteractiveDatum	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Low-level package entrypoint intended for selective imports.
./state	@atropos/interaction/state	ChartInteractionModel, ControllableStateOptions, toggleSeriesHidden, useChartInteractionState, useControllableState	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Low-level package entrypoint intended for selective imports.

@atropos/renderers

5 public subpaths generated from package exports.

Subpath	Import	Exports	SSR	Weight
.	@atropos/renderers	*	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Low-level package entrypoint intended for selective imports.
./expanded-render-plan	@atropos/renderers/expanded-render-plan	createExpandedGpuRenderPlan	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Low-level package entrypoint intended for selective imports.
./gpu	@atropos/renderers/gpu	acquireFloat32Buffer, calculateGpuReadbackDiagnostics, createGpuBufferPool, createGpuDrawPlan, createGpuGradient, createGpuPackedMarkBuffer, createGpuPickingIndex, createGpuRenderer	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Low-level package entrypoint intended for selective imports.
./render-plan	@atropos/renderers/render-plan	assertValidRenderPlan, compileRenderPlanToCanvasCommands, compileRenderPlanToDrawCommands, compileRenderPlanToGpuDrawPlan, countRenderPlanMarks, countRenderPlanMarksByKind, flattenRenderPlanMarks, isSerializableRenderPlanValue	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Low-level package entrypoint intended for selective imports.
./renderers	@atropos/renderers/renderers	ChartRendererFeature, ChartRendererSelection, createLumaGpuAdapter, detectRendererEnvironment, LumaGpuAdapter, rendererCapabilities, RendererCapability, RendererEnvironment	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Low-level package entrypoint intended for selective imports.

@atropos/charts

21 public subpaths generated from package exports.

Subpath	Import	Exports	SSR	Weight
.	@atropos/charts	AdjacencyMatrixChart, AlbersUsaMap, AreaChart, AreaChartProps, BarChart, BarChartProps, BeeswarmChart, BoxPlotChart	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./render-plan	@atropos/charts/render-plan	chartRendererToRenderPlanHint, ChartRenderPlanAnnotationInput, ChartRenderPlanAxisInput, ChartRenderPlanAxisOrientation, ChartRenderPlanAxisTick, ChartRenderPlanCapabilityOptions, ChartRenderPlanGridInput, ChartRenderPlanInput	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./basic/bar/stacked-horizontal	@atropos/charts/basic/bar/stacked-horizontal	createHorizontalBarChartRenderPlan, createStackedBarChartRenderPlan, HorizontalBarChart, HorizontalBarChartProps, HorizontalBarChartRenderPlanOptions, StackedBarChart, StackedBarChartProps, StackedBarChartRenderPlanOptions	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./basic/bar/vertical	@atropos/charts/basic/bar/vertical	BarChart, BarChartProps, BarChartRenderPlanOptions, createBarChartRenderPlan	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./basic/cartesian/line-area	@atropos/charts/basic/cartesian/line-area	AreaChart, AreaChartProps, AreaChartRenderPlanOptions, createAreaChartRenderPlan, createLineChartRenderPlan, LineChart, LineChartProps, LineChartRenderPlanOptions	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./basic/cartesian/scatter	@atropos/charts/basic/cartesian/scatter	createScatterChartRenderPlan, ScatterChart, ScatterChartProps, ScatterChartRenderPlanOptions	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./basic/heatmap	@atropos/charts/basic/heatmap	createHeatmapRenderPlan, Heatmap, HeatmapProps, HeatmapRenderPlanOptions	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./basic/kpi/metric-card	@atropos/charts/basic/kpi/metric-card	MetricCard, MetricCardProps	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./basic/radial	@atropos/charts/basic/radial	createDonutChartRenderPlan, createRadarChartRenderPlan, createStatRingRenderPlan, DonutChart, DonutChartProps, DonutChartRenderPlanOptions, RadarChart, RadarChartProps	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./expanded/families/cartesian-statistical	@atropos/charts/expanded/families/cartesian-statistical	GroupedBarChart, HistogramChart, HorizontalStackedBarChart, StackedAreaChart, ThresholdChart, WaterfallChart	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./expanded/families/comparison-rank	@atropos/charts/expanded/families/comparison-rank	BumpChart, bumpLines, createBumpRenderPlan, createDotPlotRenderPlan, createLollipopRenderPlan, createSlopegraphRenderPlan, DotPlotChart, dotPlotMarks	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./expanded/families/distribution	@atropos/charts/expanded/families/distribution	BeeswarmChart, BoxPlotChart, boxPlots, createBoxPlotsRenderPlan, createDistributionShapesRenderPlan, createPointDistributionRenderPlan, DensityChart, distributionShapes	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./expanded/families/financial	@atropos/charts/expanded/families/financial	candles, CandlestickChart, CandlestickVolumeChart, createDepthRenderPlan, createFinancialOhlcRenderPlan, depthAreas, DepthChart, depthLegendItems	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./expanded/families/flow-network	@atropos/charts/expanded/families/flow-network	AdjacencyMatrixChart, ChordChart, createAdjacencyMatrixRenderPlan, createChordRenderPlan, createDependencyGraphRenderPlan, createForceGraphRenderPlan, createNetworkRenderPlan, createSankeyRenderPlan	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./expanded/families/hierarchy	@atropos/charts/expanded/families/hierarchy	BubblePackChart, createBubblePackRenderPlan, createFlameGraphRenderPlan, createIcicleRenderPlan, createPackRenderPlan, createSunburstRenderPlan, createTreemapRenderPlan, createTreeRenderPlan	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./expanded/families/interval-uncertainty	@atropos/charts/expanded/families/interval-uncertainty	bandArea, ConfidenceBandChart, createConfidenceBandRenderPlan, createErrorBarsRenderPlan, createForecastFanRenderPlan, ErrorBarChart, errorBars, ForecastFanChart	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./expanded/families/radial-kpi	@atropos/charts/expanded/families/radial-kpi	BulletChart, createBulletRenderPlan, createFunnelRenderPlan, createGaugeRenderPlan, createMarimekkoRenderPlan, createPieSlicesRenderPlan, createPolarAreasRenderPlan, createRadialBarsRenderPlan	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./expanded/families/scalar-field	@atropos/charts/expanded/families/scalar-field	ContourChart, contours, createContourRenderPlan, createRasterHeatmapRenderPlan, interpolate, marchingSquareSegments, raster, RasterHeatmap	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./expanded/families/spatial	@atropos/charts/expanded/families/spatial	AlbersUsaMap, BubbleMap, ChoroplethChart, createAlbersUsaMapRenderPlan, createBubbleMapRenderPlan, createChoroplethRenderPlan, createCustomProjectionMapRenderPlan, createGeoMapRenderPlan	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./expanded/families/specialty	@atropos/charts/expanded/families/specialty	composed, ComposedChart, createComposedChartRenderPlan, createCurveGalleryRenderPlan, createGlyphPlotRenderPlan, createSplitLineRenderPlan, createWordCloudRenderPlan, curveGallery	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.
./expanded/families/timeline	@atropos/charts/expanded/families/timeline	createEventTimelineRenderPlan, createGanttRenderPlan, createSwimlaneTimelineRenderPlan, createTimelineRenderPlan, EventTimelineChart, gantt, GanttChart, SwimlaneTimelineChart	SSR-safe for module import; browser-only renderer work must initialize after hydration.	Constructed chart entrypoint; pulls React chart composition for the selected family.

Examples

import { ScatterChart } from "@atropos/charts/basic/cartesian/scatter";

export function SalesOutliers({ data }) {
  return <ScatterChart data={data} xKey="margin" yKey="growth" />;
}

import { createLinearScale } from "@atropos/core/scales";
import { linePathFromPoints } from "@atropos/primitives/shape";

const x = createLinearScale({ domain: [0, 100], range: [0, 640] });
const path = linePathFromPoints(points.map((p) => ({ x: x(p.x), y: p.y })));

Gallery

Constructed dashboard charts

Path: @atropos/charts/basic/cartesian/line-area
Family: basic cartesian
Renderers: SVG with render-plan metadata
Data size: Small to medium dashboard series
SSR: Server-renderable React output
Accessibility: Title, description, summary text, and deterministic mark order.

Uses public render-plan smoke coverage before claiming scale.

import { LineChart } from "@atropos/charts/basic/cartesian/line-area";

export function DashboardTrend({ data }) {
  return <LineChart title="Revenue trend" series={data} />;
}

Expanded financial family

Path: @atropos/charts/expanded/families/financial
Family: financial
Renderers: SVG draw-plan, Canvas/GPU metadata where available
Data size: OHLC capped in render-plan smoke coverage
SSR: SSR import-safe, browser renderer selected after hydration
Accessibility: Shared shell summaries plus chart-specific legend behavior.

Backed by expanded financial render-plan smoke artifacts.

import { CandlestickChart } from "@atropos/charts/expanded/families/financial";

export function TradingRange({ candles }) {
  return <CandlestickChart title="Trading range" data={candles} />;
}

Flow and network diagrams

Path: @atropos/charts/expanded/families/flow-network
Family: flow-network
Renderers: SVG first with dense renderer planning hooks
Data size: Medium graph layouts
SSR: Deterministic layout artifacts can be prepared outside the browser.
Accessibility: Node and edge summaries, controlled highlight state.

Claims limited to current layout and smoke evidence.

import { SankeyChart } from "@atropos/charts/expanded/families/flow-network";

export function ServiceFlow({ nodes, links }) {
  return <SankeyChart title="Service flow" nodes={nodes} links={links} />;
}

GPU dense data renderer

Path: @atropos/renderers/gpu
Family: dense renderer
Renderers: WebGL2 planning, WebGPU experimental policy
Data size: Large point clouds and scalar fields
SSR: Module import is safe; GPU context acquisition is browser-only.
Accessibility: Dense visual fallback summaries remain DOM-readable.

Requires raw benchmark/environment links before public claims.

import { getRendererDecision } from "@atropos/renderers/gpu";

export function chooseDenseRenderer(capabilities) {
  return getRendererDecision({ preferred: "gpu", capabilities, strict: false });
}

Performance

Public package hygiene checklist

packages/charts/docs/benchmarks/bundle-import-smoke.json

Documents package-boundary verification and fresh-app expectations.

Browser interaction smoke

packages/charts/docs/benchmarks/browser-interaction-smoke.json

Captures browser interaction smoke status and environment metadata.

Browser GPU runtime baseline

packages/charts/docs/benchmarks/browser-gpu-runtime-baseline.json

Separates draw-plan readiness, WebGL2 execution, and WebGPU experiments.

Visx parity smoke

packages/charts/docs/benchmarks/visx-parity-smoke.json

Baseline parity smoke artifact for public comparison claims.

Public performance claims remain bounded to raw artifacts and environment metadata. Browser/GPU claims must identify whether they prove draw-plan generation, WebGL2 execution, or WebGPU experimental behavior.

Accessibility

Readable summaries

Chart title, description, and dense-chart summaries are part of the public docs contract.

Interaction semantics

Tooltip, crosshair, legend, keyboard, reduced-motion, and screen-reader behavior are documented separately from visual renderer choices.

SSR Frameworks

React SSR and Next.js

Public chart modules are import-safe in SSR. Browser-only renderer initialization must happen after hydration.

CSS imports

Theme CSS is explicit: import package styles once at the app boundary, then use chart modules from public `@atropos/*` paths.

GPU Dense Data

Renderer selection

SVG remains the default authoring surface; Canvas and GPU modes are opt-in by data density.

Strict GPU mode

Strict mode should fail loudly when GPU initialization is required but unavailable.

Fallback overlays

Fallbacks must keep accessibility summaries and diagnostics available in the DOM.

Package Hygiene

Public imports only

Docs examples must import from package exports, never from `src`, `dist`, or removed legacy package paths.

Maintenance rules

Adding a public export requires API reference coverage; adding a gallery example requires compile verification; adding a benchmark claim requires raw artifact linkage.