observable-framework-lib-csv

Parse and generate CSV and TSV files with d3-dsv in Observable Framework.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the process of loading and manipulating CSV, TSV, and other delimited files within Observable Framework projects, ensuring data is correctly typed and structured.

Core Features & Use Cases

  • Load CSV/TSV: Easily load delimited files using FileAttachment.csv() and FileAttachment.tsv().
  • Type Coercion: Automatically infer and convert data types (numbers, dates, booleans) using d3.autoType or custom functions.
  • Custom Delimiters: Handle files with delimiters other than commas or tabs using FileAttachment.dsv().
  • Array Output: Option to receive data as an array of arrays instead of an array of objects when files lack headers.
  • Use Case: Load a dataset of geographical information from a CSV file, automatically parse dates and numerical values, and then display it in a table for analysis.

Quick Start

Load the 'gistemp.csv' file and automatically infer data types.

Frequently Asked Questions about observable-framework-lib-csv

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

FAQPage Schema
How do I load and parse CSV data in Observable Framework?

To load and parse CSV data in Observable Framework, use FileAttachment.csv() to import the file, which leverages d3-dsv to automatically structure the tabular data into an array of objects for your projects.

How does type coercion work when loading TSV files in Observable Framework?

Type coercion for TSV files in Observable Framework uses d3.autoType to automatically infer and convert data types, transforming strings into numbers, dates, and booleans during the data loading process.

Can I parse delimited files with custom delimiters in Observable Framework?

Yes, you can parse files with custom delimiters in Observable Framework by using the FileAttachment.dsv() method, allowing flexible data integration beyond standard CSV and TSV formats.

How do I load a CSV file without headers in Observable Framework?

To load a CSV file without headers in Observable Framework, configure the parsing function to output an array of arrays instead of the default array of objects, correctly handling headerless tabular data.

Does Observable Framework support automatic date and number parsing for CSV data?

Observable Framework supports automatic date and number parsing for CSV data by applying d3.autoType, which infers data types during loading to ensure your dataset is correctly typed for analysis.