Skip to content

Improve performance and usability of analysis tabs and insights#658

Merged
cristian-tamblay merged 7 commits into
developfrom
perf/many-columns
May 29, 2026
Merged

Improve performance and usability of analysis tabs and insights#658
cristian-tamblay merged 7 commits into
developfrom
perf/many-columns

Conversation

@Irozuku
Copy link
Copy Markdown
Collaborator

@Irozuku Irozuku commented May 29, 2026

Summary

This pull request improves the usability and performance of the dataset visualization interface for large datasets. It introduces incremental rendering for column cards in the Numeric, Text, and Categorical tabs using a "Show more" mechanism, reducing the initial rendering cost and improving responsiveness.

image

The update also includes optimizations for the correlations heatmap by conditionally disabling cell text overlays for large matrices to improve rendering performance and readability.

image

Type of Change

Check all that apply like this [x]:

  • Backend change
  • Frontend change
  • CI / Workflow change
  • Build / Packaging change
  • Bug fix
  • Documentation

Changes (by file)

  • NumericTab.tsx: Added batched rendering for numeric column cards, "Show more" functionality, and scroll-to-column handling with automatic batch expansion.
  • TextTab.tsx: Added batched rendering and scroll-to-column support for text column cards.
  • CategoricalTab.tsx: Added batched rendering and incremental loading for categorical column cards.
  • ColumnInsights.tsx: Added integration with the scroll-to-column navigation flow when selecting columns from insights.
  • DatasetsContext.tsx: Added scrollToColumn and setScrollToColumn state to share navigation targets across components.
  • CorrelationHeatmap.tsx: Disabled cell text overlays for matrices with more than 30 columns to improve rendering performance and readability.

Testing (optional)

  • Verify that Numeric, Text, and Categorical tabs initially render only a subset of columns.
  • Verify that clicking "Show more" progressively loads additional column cards.
  • Verify that selecting a column from insights scrolls to and highlights the corresponding card, even if it was not initially rendered.
  • Verify that the correlations heatmap still renders correctly for both small and large datasets.

Notes (optional)

These changes are focused on improving scalability and navigation when working with datasets containing a large number of columns, reducing UI rendering overhead while preserving accessibility to all visualizations.

Irozuku added 7 commits May 19, 2026 11:55
Show first 10 columns on mount to avoid initializing 70+ chart instances
at once. A "Show more" button appends the next 10. Applies to NumericTab,
CategoricalTab, and TextTab.
Insight clicks now store the target column in context. NumericTab and
TextTab expand their visible batch to include the column if it hasn't
been loaded yet, then scroll to and highlight the card.
@Irozuku Irozuku added the front Frontend work label May 29, 2026
@cristian-tamblay cristian-tamblay merged commit 6ffa853 into develop May 29, 2026
19 checks passed
@cristian-tamblay cristian-tamblay deleted the perf/many-columns branch May 29, 2026 20:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

front Frontend work

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants