observable-framework-input-search

Filter tabular data with a search input component for Observable Framework.

Updated Feb 28, 2026
One-click install
npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-input-search
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: observable-framework-input-search
Source: https://github.com/spqw/skill-observable-framework/tree/main/skills/observable-framework-input-search
Command: npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-input-search

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the process of filtering and searching through tabular data within Observable Framework projects, making data exploration more intuitive.

Core Features & Use Cases

  • Freetext Search: Allows users to enter search queries to filter data dynamically.
  • Tabular Data Filtering: Specifically designed to work with datasets presented in tables.
  • Use Case: In a dashboard displaying a large list of products, a user can type "electronics" into the search bar to instantly see only products matching that term.

Quick Start

Use the observable-framework-input-search skill to search the penguins data with the placeholder "Search penguins…".

Frequently Asked Questions about observable-framework-input-search

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a search input to filter tabular data in Observable Framework?

It works by providing a search input component that dynamically filters tabular data based on user-entered text queries. This integration enables interactive exploration directly within data tables.

Can I use freetext search queries to dynamically filter data tables in Observable Framework?

Yes, you can use freetext search queries to dynamically filter data tables in Observable Framework. Users can type terms like "electronics" into a search bar to instantly refine large datasets.

Does the Observable Framework search input support customization and various search syntaxes?

Yes, the Observable Framework search input supports various search syntaxes and options for customization. This allows you to tailor the dynamic data refinement behavior to specific tabular datasets.

What is the best way to dynamically refine tabular data in an Observable Framework dashboard?

The best way to dynamically refine tabular data in an Observable Framework dashboard is using a dedicated search input component. It enables instant data refinement based on user-entered text queries.

How does text-based search filtering work for datasets in Observable Framework?

Text-based search filtering for datasets in Observable Framework works by matching user-entered text queries against tabular data. It provides a dynamic search bar that instantly refines table views.