Random Fractals stash of Observable Data Tools π οΈ and Notebooks π in ES Modules .js, .nb.json, .ojs, .omd, .html and .qmd document formats for Data Previews in a browser and in VSCode IDE with Observable JS extension, Quarto extension, and new Quarto publishing tools.
Our Tables Notebook Collection π provides a list of generic data notebooks utilizing built-in and custom Observable input controls and widgets to load, preview, search, and query data from various data sources in a browser or in VSCode IDE.
| Notebook | Description |
|---|---|
| Data Table Viewer | Simple data notebook to view public data files in .csv, .arrow, .json array, and .geojson data formats. Allows to load a data file accessible via https:// with dataUrl query parameter and share data table viewer notebook with the loaded data with others. Provides a list of sample vega-datasets to preview. Includes simple Observable Inputs.table data view cell and Summary Table cell for a quick overview of dataset columns, total rows, data snapshot graph, missing, mean, median and standard deviation info for the numeric data fields. |
| Tabular Data Viewer δΈ | Use this Tabular Data Viewer δΈ Notebook π to view sample datasets or preview any public Apache Arrow, CSV, GeoJSON or JSON array data with Summary Table and Tabulator. Just paste your data url to fetch it. Also, try our Data Table πΈ notebook π cell β output renderer extension with VSCode Notebooks π. |
| Data Package π¦ | View Frictionless Data Package tabular data resources with datapackage JS library. This notebook includes sample datasets from https://github.com/datasets for some quick tabular data previews. |
| Datapackage π¦ Tables π Diagram | Create Data Package π¦ Graphviz and Mermaid ER diagrams of Tabular Data Resources from public datapackage.json and datapackage.yml data descriptor files. |
| Datapackage π¦ Query Editor | Query Frictionless Data Package tabular data resources with datapackage-js, Observable Data Wrangler and Arquero JS without writing any data query code. |
| SQLite ER Diagram | Create SQLite ER Diagram with Graphviz html-like node labels. This notebook uses chinook.db sample SQLite database from Observable FileAttachment as an example. |
| Datasette πΌ ER Diagram | Load and view Datasette examples data, database schema, tables, and Graphviz ER diagram using Observable Datasette Client API, and query it with new Observable SQL cell tool. |
| QuestDB | Use QuestDB Observable DatabaseClient implementation to connect to the QuestDB demo database instance and run QuestDB SQL queries. This QuestDB intro notebook displays database tables and columns, table data and summary, Graphviz and Mermaid ER diagrams, and lets you query data via no code Data Wrangler UI or Sql editor cell tools. |
| DuckDB Data Tables | DuckDB Data Tables notebook covers sample .json, .csv, and .parquet data loading from Observable FileAttachments. It lists created DuckDB tables, lets you pick a table and view table schema and data summary with Observable Summary Table data tool. You can also view and search table data results via standard Observable Inputs.search and Inputs.table controls, using Data Wrangler with Arguero, or query selected table data with new Observable SQL cell. This DuckDB Data Tables intro notebook also creates Tables diagrams from the loaded data files with Graphviz html tables and Mermaid ER Diagram, and briefly covers DuckDB Information Schema views, Pragmas, and created DuckDB instance Configuration Options. |
| Datapackage π¦ DuckDB | DataPackage DuckDB notebook lets you load tabular data described in Data Package format by changing datapackage.json Url. It creates tabular data resources list, data package tables diagram, lists selected table data, imports tabular data into new DuckDB instance, shows db tables diagram, and lets you filter and query imported data with Observable Data table cell and SQL cell tools. You can learn more about Data Package format in our Datapackage Observable notebooks collection. |
| DuckDB Data Import | This notebook lets you import data into new DuckDB instance from public data Url. Supported data files include: .csv, .json array, .geojson, .arrow and .parquet. In case of GeoJSON we flatten it similar to how github flat data viewer handles geo data loading and display. The usual set of Observable data table, SQL cell, and Table Summary data tools are provided in this notebook to preview loaded data and created DuckDB tables. Try Sample Data Files in that notebook and loading your own data and sharing it with notebook dataUrl query param. |
| SQLite to DuckDB | The last notebook in our DuckDB Notebooks π collection loads sample SQLite chinook.db from Observable FileAttachments, lists loaded SQLite DB tables, creates SQLite Tables Diagram, DuckDB CREATE TABLE statements, creates new DuckDB instance and tables and shows created DuckDB Tables Diagram. The last remaining task to finish this notebook is to add bulk data insert pending PRAGMA foreign_keys = on/off (#4201) and ALTER TABLE ADD CONSTRAINT .. FOREIGN KEY (#4203) features implementation in duckdb. |
| Database Viewer | Database Viewer Notebook π contains notes on designing new generic Database Client tools that will be implemented in the future, and will use our Tabular Data Viewer and generic SQL query editor to view and query any database with DatabaseClient Specification implementation on Observable. |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent