skills.rest
spqw
spqwCOMMUNITY
Explore all skills by this author →
GitHub

observable-framework-input-table

Renders sortable, filterable tabular data with row selection and customizable columns in Observable Framework projects.

Updated Feb 28, 2026
Search Tags:#framework#observable#tabular data#data display#table input#interactive data
One-click install
npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-input-table
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: observable-framework-input-table
Source: https://github.com/spqw/skill-observable-framework/tree/main/skills/observable-framework-input-table
Command: npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-input-table

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the presentation and selection of structured data within Observable Framework projects, making it easier to interact with datasets.

Core Features & Use Cases

  • Tabular Data Display: Renders datasets in a sortable, scrollable table format.
  • Row Selection: Allows users to select individual rows or ranges of rows.
  • Customizable Columns and Formatting: Control which columns are displayed, their order, headers, and how data within cells is formatted.
  • Use Case: Displaying a list of products with options to sort by price and select specific items for further analysis or display in a chart.

Quick Start

Use the observable-framework-input-table skill to display the 'penguins' dataset.

Frequently Asked Questions about observable-framework-input-table

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

FAQPage Schema
How do I display tabular data in Observable Framework?▼

To display tabular data in Observable Framework, use this skill to render datasets into a scrollable table. It supports interactive sorting, filtering, and row selection for efficient data visualization.

Can I select specific rows from a dataset in Observable Framework?▼

Yes, you can select specific rows from a dataset in Observable Framework. This skill enables users to select individual rows or ranges of rows for further analysis or display in linked visualizations.

How do I customize table columns and headers in Observable Framework?▼

You can customize table columns and headers in Observable Framework by configuring the table input. This skill allows you to control displayed columns, their order, headers, and cell data formatting.

Does Observable Framework support interactive sorting and filtering for tables?▼

Observable Framework supports interactive sorting and filtering for tables through this skill. It renders structured datasets into a format where users can dynamically sort and scroll through data.

What is the best way to show a product list with prices in Observable Framework?▼

The best way to show a product list with prices in Observable Framework is using this table input skill. You can display items, sort by price, and select specific rows for further analysis or chart display.

Related Skills

Explore More Software Engineering Skills→
ConsiliencyConsiliency
8

toon-format

Encode JSON structures into compact TOON format for LLM prompts.

Official
Intermediate
ovachieverovachiever
52

vaex

Process and analyze out-of-core datasets exceeding RAM with Vaex DataFrames.

Community
Advanced
spqwspqw

observable-framework-input-form

Combine multiple Observable Inputs components into a single compound input form.

Community
Basic
hongmaple0820hongmaple0820
9

building-tables

Build scalable HTML tables and data grids with sorting, filtering, and pagination.

Community
Advanced