Implement chart authoring feedback from issue #9 by tannerlinsley · Pull Request #15 · TanStack/charts

tannerlinsley · 2026-07-31T07:09:25Z

Summary

add focus-filtered ordinary marks, band helpers, and complete focus state across SVG, Canvas, custom surfaces, and export
replace flat axis presentation options with nested axis configuration; add independent grids, zero-size tick stubs, length-aware candidates, rotation, thinning, priorities, and hard-kept labels
add independent tooltip coordinate anchors with full focus, pointer, plot, surface, and scale callback context
add stackY and group authoring, including inferred series behavior for bar, area, and line marks and explicit order/offset controls
migrate the catalog, examples, fixtures, adapters, docs, package exports, and design/API-friction records to the breaking API
include the required minor changeset for the fixed package release group

Breaking changes

Axis presentation now lives under x.axis and y.axis. Existing guide, ticks, format, label, tickRotate, and labelOffset fields must migrate to the nested axis model. Grid remains at the scale layer and is independent from axis visibility.

Validation

pnpm validate: all 17 Nx targets
pnpm test: 115 core files / 595 tests plus all framework targets
pnpm typecheck
pnpm docs:check: 81 pages, 81 catalog embeds, 17 executable examples
pnpm package:check: packed exports/runtime and seven framework adapters
pnpm bundle:check
pnpm format:check
pnpm build
pnpm conformance: 100/100 visual cases, 16/16 interaction cases, zero strict-source diagnostics, zero open failures

Closes #9

coderabbitai · 2026-07-31T07:18:45Z

Important

Review skipped

Too many files!

This PR contains 187 files, which is 87 over the limit of 100.

To get a review, narrow the scope:
• coderabbit review --committed # exclude uncommitted changes
• coderabbit review --dir # limit to a subdirectory
• coderabbit review --base # compare against a closer base

Upgrade to a paid plan to raise the limit.

This review couldn't start because sufficient usage credits or metered capacity aren't available. Add credits or update usage-based reviews in the billing tab, then retry.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 4bbc62df-bb5e-40de-a5f8-735dd1606b08

📥 Commits

Reviewing files that changed from the base of the PR and between 8437114 and b82ff4e.

📒 Files selected for processing (187)

.changeset/issue-9-chart-authoring.md
API-FRICTION.md
ISSUE-9-DESIGN-NOTES.md
README.md
benchmarks/bundle-size/universal-baseline.json
benchmarks/comparison/bundle-baseline.json
benchmarks/comparison/libraries/tanstack/area.ts
benchmarks/comparison/libraries/tanstack/bar.ts
benchmarks/comparison/libraries/tanstack/base.ts
benchmarks/comparison/libraries/tanstack/line.ts
benchmarks/comparison/libraries/tanstack/scatter.ts
benchmarks/conformance/cases/01-line-gaps/tanstack.ts
benchmarks/conformance/cases/02-multi-line-end-labels/tanstack.ts
benchmarks/conformance/cases/03-temperature-range-band/tanstack.ts
benchmarks/conformance/cases/04-stacked-time-area/tanstack.ts
benchmarks/conformance/cases/13-interval-timeline/tanstack.ts
benchmarks/conformance/cases/14-error-bars/tanstack.ts
benchmarks/conformance/cases/15-boxplot/tanstack.ts
benchmarks/conformance/cases/16-lollipop/tanstack.ts
benchmarks/conformance/cases/17-dumbbell/tanstack.ts
benchmarks/conformance/cases/18-cumulative-histogram/tanstack.ts
benchmarks/conformance/cases/19-moving-average-line/tanstack.ts
benchmarks/conformance/cases/20-normalized-stacked-area/tanstack.ts
benchmarks/conformance/cases/21-streamgraph/tanstack.ts
benchmarks/conformance/cases/22-bollinger-band/tanstack.ts
benchmarks/conformance/cases/24-quantitative-binned-heatmap/tanstack.ts
benchmarks/conformance/cases/25-calendar-heatmap/tanstack.ts
benchmarks/conformance/cases/26-diverging-likert/tanstack.ts
benchmarks/conformance/cases/27-parallel-coordinates/tanstack.ts
benchmarks/conformance/cases/28-candlestick/tanstack.ts
benchmarks/conformance/cases/29-waterfall/tanstack.ts
benchmarks/conformance/cases/30-slopegraph/tanstack.ts
benchmarks/conformance/cases/31-linear-regression/tanstack.ts
benchmarks/conformance/cases/32-change-arrows/tanstack.ts
benchmarks/conformance/cases/33-difference-chart/tanstack.ts
benchmarks/conformance/cases/34-pointer-tooltip/tanstack.ts
benchmarks/conformance/cases/35-grouped-tooltip/tanstack.ts
benchmarks/conformance/cases/37-delaunay-network/tanstack.ts
benchmarks/conformance/cases/42-vector-field/tanstack.ts
benchmarks/conformance/cases/43-hexbin-density/tanstack.ts
benchmarks/conformance/cases/50-empirical-cdf/tanstack.ts
benchmarks/conformance/cases/51-faceted-distributions/tanstack.ts
benchmarks/conformance/cases/53-log-scale-scatter/tanstack.ts
benchmarks/conformance/cases/54-bump-ranking/tanstack.ts
benchmarks/conformance/cases/55-indexed-multi-line/tanstack.ts
benchmarks/conformance/cases/56-connected-scatter/tanstack.ts
benchmarks/conformance/cases/57-scatter-marginal-histograms/tanstack.ts
benchmarks/conformance/cases/58-select-extrema/tanstack.ts
benchmarks/conformance/cases/59-grouped-reducer-bars/tanstack.ts
benchmarks/conformance/cases/60-lag-autocorrelation/tanstack.ts
benchmarks/conformance/cases/61-quantile-ribbon/tanstack.ts
benchmarks/conformance/cases/62-ridgeline-density/tanstack.ts
benchmarks/conformance/cases/63-violin-distributions/tanstack.ts
benchmarks/conformance/cases/64-marimekko-mosaic/tanstack.ts
benchmarks/conformance/cases/65-voronoi-nearest-tooltip/tanstack.ts
benchmarks/conformance/cases/70-composed-chart/tanstack.ts
benchmarks/conformance/cases/71-recharts-population-pyramid/tanstack.ts
benchmarks/conformance/cases/72-recharts-mixed-bars/tanstack.ts
benchmarks/conformance/cases/73-many-point-scatter/tanstack.ts
benchmarks/conformance/cases/80-echarts-axis-pointer/tanstack.ts
benchmarks/conformance/cases/81-recharts-interactive-legend/tanstack.ts
benchmarks/conformance/cases/82-chart-table-selection/tanstack.ts
benchmarks/conformance/cases/83-focus-context-window/tanstack.ts
benchmarks/conformance/cases/84-pinned-nested-chart-tooltip/tanstack.ts
benchmarks/conformance/cases/85-scrollable-resource-lanes/tanstack.ts
benchmarks/conformance/cases/86-streaming-window-preservation/tanstack.ts
benchmarks/conformance/cases/87-echarts-synchronized-cursors/tanstack.ts
benchmarks/conformance/cases/88-echarts-free-cursor/tanstack.ts
benchmarks/conformance/cases/89-brush-range-selection/tanstack.ts
benchmarks/conformance/cases/90-zoomable-time-window/tanstack.ts
benchmarks/conformance/cases/91-timeline-playback-scrubber/tanstack.ts
benchmarks/conformance/cases/92-editable-event-range/tanstack.ts
benchmarks/conformance/cases/bar-grouped/tanstack.ts
benchmarks/conformance/cases/bar-horizontal-ranking/tanstack.ts
benchmarks/conformance/cases/bar-stacked/case.json
benchmarks/conformance/cases/bar-stacked/tanstack.ts
benchmarks/conformance/cases/bar-vertical-sorted/tanstack.ts
benchmarks/conformance/cases/facets-anscombe/tanstack.ts
benchmarks/conformance/cases/heatmap-labeled/tanstack.ts
benchmarks/conformance/cases/histogram/tanstack.ts
benchmarks/conformance/cases/scatter-bubble/tanstack.ts
benchmarks/rendering.ts
docs/comparison.md
docs/concepts/chart-definitions.md
docs/concepts/data-and-channels.md
docs/concepts/grammar-of-graphics.md
docs/concepts/layout-axes-and-coordinates.md
docs/concepts/marks-and-layering.md
docs/concepts/scales-and-d3.md
docs/examples/interactive-charts.md
docs/examples/stacked-and-composition.md
docs/framework/octane/adapter.md
docs/framework/octane/quick-start.md
docs/framework/react/adapter.md
docs/framework/react/quick-start.md
docs/guides/accessibility.md
docs/guides/dynamic-data-and-animation.md
docs/guides/exporting.md
docs/guides/migrating.md
docs/guides/responsive-charts.md
docs/guides/tooltips-and-focus.md
docs/overview.md
docs/quick-start.md
docs/reference/chart-definitions.md
docs/reference/chart-spec.md
docs/reference/focus-and-interaction.md
docs/reference/index.md
docs/reference/marks/bar-and-rect.md
docs/reference/marks/line-and-area.md
docs/reference/rendering-and-export.md
docs/reference/scales-guides-and-color.md
docs/reference/types.md
examples/charts-octane/src/charts.ts
examples/charts-react/src/charts.ts
examples/sandbox/src/plots.ts
packages/charts-core/README.md
packages/charts-core/docs/comparison.md
packages/charts-core/docs/concepts/chart-definitions.md
packages/charts-core/docs/concepts/data-and-channels.md
packages/charts-core/docs/concepts/grammar-of-graphics.md
packages/charts-core/docs/concepts/layout-axes-and-coordinates.md
packages/charts-core/docs/concepts/marks-and-layering.md
packages/charts-core/docs/concepts/scales-and-d3.md
packages/charts-core/docs/examples/interactive-charts.md
packages/charts-core/docs/examples/stacked-and-composition.md
packages/charts-core/docs/framework/octane/adapter.md
packages/charts-core/docs/framework/octane/quick-start.md
packages/charts-core/docs/framework/react/adapter.md
packages/charts-core/docs/framework/react/quick-start.md
packages/charts-core/docs/guides/accessibility.md
packages/charts-core/docs/guides/dynamic-data-and-animation.md
packages/charts-core/docs/guides/exporting.md
packages/charts-core/docs/guides/migrating.md
packages/charts-core/docs/guides/responsive-charts.md
packages/charts-core/docs/guides/tooltips-and-focus.md
packages/charts-core/docs/overview.md
packages/charts-core/docs/quick-start.md
packages/charts-core/docs/reference/chart-definitions.md
packages/charts-core/docs/reference/chart-spec.md
packages/charts-core/docs/reference/focus-and-interaction.md
packages/charts-core/docs/reference/index.md
packages/charts-core/docs/reference/marks/bar-and-rect.md
packages/charts-core/docs/reference/marks/line-and-area.md
packages/charts-core/docs/reference/rendering-and-export.md
packages/charts-core/docs/reference/scales-guides-and-color.md
packages/charts-core/docs/reference/types.md
packages/charts-core/package.json
packages/charts-core/src/area.ts
packages/charts-core/src/band.ts
packages/charts-core/src/bar.ts
packages/charts-core/src/canvas.test.ts
packages/charts-core/src/canvas.ts
packages/charts-core/src/configured-scale.ts
packages/charts-core/src/export.test.ts
packages/charts-core/src/export.ts
packages/charts-core/src/facet.test.ts
packages/charts-core/src/facet.ts
packages/charts-core/src/focus-layer.ts
packages/charts-core/src/focus-mark.test.ts
packages/charts-core/src/focus-mark.ts
packages/charts-core/src/group.ts
packages/charts-core/src/index.ts
packages/charts-core/src/line.ts
packages/charts-core/src/marks.test.ts
packages/charts-core/src/point-color.test.ts
packages/charts-core/src/polar.test.ts
packages/charts-core/src/reconcile.ts
packages/charts-core/src/renderer.test.ts
packages/charts-core/src/renderer.ts
packages/charts-core/src/runtime.test.ts
packages/charts-core/src/scene-layout.test.ts
packages/charts-core/src/scene.test.ts
packages/charts-core/src/scene.ts
packages/charts-core/src/stack-internal.ts
packages/charts-core/src/stack.ts
packages/charts-core/src/svg-renderer.ts
packages/charts-core/src/svg-surface.ts
packages/charts-core/src/type-contract.test.ts
packages/charts-core/src/types.ts
packages/charts-fixtures/src/index.ts
packages/charts-fixtures/src/stats-parity.ts
packages/octane-charts/src/CanvasChart.client.test.tsrx
packages/octane-charts/src/Chart.client.test.tsrx
packages/react-charts/src/CanvasChart.test.tsx
packages/react-charts/src/Chart.test.tsx
scripts/check-packed-consumers.mjs
scripts/measure-bundles.mjs

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

Implement issue 9 chart authoring APIs

bd75c2b

tannerlinsley added 4 commits July 31, 2026 01:19

Merge main into issue 9 chart authoring

093f81c

Add issue 9 release changeset

d9404fa

Update comparison bundle baseline

d411287

Sync comparison bundle evidence

b82ff4e

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Implement chart authoring feedback from issue #9 - #15

Implement chart authoring feedback from issue #9#15
tannerlinsley wants to merge 5 commits into
mainfrom
taren/issue-9-chart-authoring

tannerlinsley commented Jul 31, 2026 •

edited

Loading

Uh oh!

coderabbitai Bot commented Jul 31, 2026 •

edited

Loading

Review skipped

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

tannerlinsley commented Jul 31, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Breaking changes

Validation

Uh oh!

coderabbitai Bot commented Jul 31, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

tannerlinsley commented Jul 31, 2026 •

edited

Loading

coderabbitai Bot commented Jul 31, 2026 •

edited

Loading