DuckDB Browser Tutorial: Query Parquet, CSV & JSON Files with SQL in Your Browser
A complete guide to the DevToolSets DuckDB Browser — load data files, write SQL queries, explore tables, and export results, all running locally in your browser via WebAssembly.
What You'll Learn
- How DuckDB runs entirely in your browser via WebAssembly
- Loading Parquet, CSV, and JSON files for querying
- Starting with an empty in-memory database
- Writing and executing SQL queries
- Browsing tables and viewing column schemas
- Exporting query results as CSV
- Using query history to re-run past statements
How It Works
Step 1: Loading Data Files
Open the DuckDB Browser
Navigate to the DuckDB Browser tool. You'll see a drop zone on the left and a query editor on the right.
Drop or select a file
Drag and drop a file onto the drop zone, or click to browse. Supported formats:
.parquet— Apache Parquet columnar files.csv— comma-separated values.json/.jsonl/.ndjson— JSON and newline-delimited JSON
Data is loaded automatically
The file is registered with DuckDB and its contents are imported into a table called imported. DuckDB auto-detects the schema, column types, and delimiters.
Step 2: Running SQL Queries
Write your SQL
The query editor on the right comes pre-filled with:
Replace it with any DuckDB-compatible SQL.
Execute
Click the Run button. Since DuckDB runs locally, queries execute instantly against your in-memory data.
Read the results
Results appear in the Results tab at the bottom in a table format, with execution time displayed above. Errors show the full DuckDB error message.
Step 3: Browsing Tables
View the Tables tab
The bottom panel shows a Tables tab listing all tables in the main schema. Each entry shows the table name, type, and columns with their data types.
Click a table to inspect it
Clicking a table name runs a SELECT query against it and shows the data in the Results tab. This is the quickest way to peek at any table's contents.
Step 4: Exporting Data
Once you have data in your DuckDB instance, you can export all tables as CSV files. Click the download button in the file panel — each table is exported as a separate CSV file that downloads to your browser's default location.
Step 5: Using Query History
Step 6: Customizing the Layout
The interface uses a resizable split layout. Drag the dividers to adjust:
- Horizontal divider — adjust space between the file panel and query editor
- Vertical divider — adjust space between the top panels and the bottom results area
Common Use Cases
Tips & Best Practices
Ready to try it out?
Open DuckDB Browser →