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

Overview

observable-data-tools

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.

Observable Data Tools & Notebooks

Observable Data Notebooks

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.
You might also like...

An obsidian plugin that allows code blocks executed interactively in sandbox like jupyter notebooks. Supported language rust、kotlin、python、Javascript、TypeScript etc.

An obsidian plugin that allows  code blocks executed interactively in sandbox like jupyter notebooks. Supported language rust、kotlin、python、Javascript、TypeScript etc.

Obsidian Code Emitter This plugin allows code blocks executed interactively like jupyter notebooks. Currently, support languages: Rust Kotlin JavaScri

Dec 28, 2022

JCS (JSON Canonicalization Scheme), JSON digests, and JSON Merkle hashes

JSON Hash This package contains the following JSON utilties for Deno: digest.ts provides cryptographic hash digests of JSON trees. It guarantee that d

Sep 2, 2022

Package fetcher is a bot messenger which gather npm packages by uploading either a json file (package.json) or a picture representing package.json. To continue...

package-fetcher Ce projet contient un boilerplate pour un bot messenger et l'executable Windows ngrok qui va permettre de créer un tunnel https pour c

Mar 29, 2022

JSON Visio is data visualization tool for your json data which seamlessly illustrates your data on graphs without having to restructure anything, paste directly or import file.

JSON Visio is data visualization tool for your json data which seamlessly illustrates your data on graphs without having to restructure anything, paste directly or import file.

JSON Visio is data visualization tool for your json data which seamlessly illustrates your data on graphs without having to restructure anything, paste directly or import file.

Jan 4, 2023

Pretty-print-json - 🦋 Pretty-print JSON data into HTML to indent and colorize (written in TypeScript)

Pretty-print-json - 🦋 Pretty-print JSON data into HTML to indent and colorize (written in TypeScript)

pretty-print-json Pretty-print JSON data into HTML to indent and colorize (written in TypeScript) 1) Try It Out Interactive online tool to format JSON

Dec 30, 2022

A refined tool for exploring open-source projects on GitHub with a file tree, rich Markdown and image previews, multi-pane multi-tab layouts and first-class support for Ink syntax highlighting.

A refined tool for exploring open-source projects on GitHub with a file tree, rich Markdown and image previews, multi-pane multi-tab layouts and first-class support for Ink syntax highlighting.

Ink codebase browser, "Kin" 🔍 The Ink codebase browser is a tool to explore open-source code on GitHub, especially my side projects written in the In

Oct 30, 2022

Lets you add a character to Hacker News links to add social media and OpenGraph previews for sharing on things like Slack or Twitter.

Lets you add a character to Hacker News links to add social media and OpenGraph previews for sharing on things like Slack or Twitter.

news.ycombinator1.com Lets you add a character to Hacker News links to add social media and OpenGraph previews for sharing on things like Slack or Dis

Sep 18, 2022

Cross-browser plugin to remove addictive features on YouTube like thumbnails, comments, previews and more...

Cross-browser plugin to remove addictive features on YouTube like thumbnails, comments, previews and more...

ZenTube Installation Features Remove some (more) elements from Youtube to make it less addictive. Mix and match between the following options: Hide or

Dec 17, 2022

The source code for the Discord Previews website.

discordpreviews.com The source code for the Discord Previews website. Setup Development Setup Install dependencies via npm install Use Docker Compose

Oct 26, 2022
Comments
  • Add Data Table Viewer .ojsnb notebook

    Add Data Table Viewer .ojsnb notebook

    Using updated Observable JS extension with new custom .ojsnb Notebook support in VSCode notebook view:

    https://marketplace.visualstudio.com/items?itemName=GordonSmith.observable-js

    notebook 
    opened by RandomFractals 1
Owner
Taras Novak
I map 🗺️ & graph 📈 data 🈸
Taras Novak
MySQL meets Jupyter notebooks. Grasp provides a new way to learn and write SQL, by providing a coding-notebook style with runnable blocks, markdown documentation, and shareable notebooks. ✨

A New Way to Write & Learn SQL Report Bug · Request Feature Table of Contents About The Project Built With Getting Started Prerequisites Installation

Lakshya 7 Sep 1, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Combining R & Observable with Quarto

Quarto Examples Quarto is an open-source scientific and technical publishing system built on Pandoc. It allows to create dynamic content with Python,

Nicolas LAMBERT 5 Oct 17, 2022
✏️ A small jQuery extension to turn a static HTML table into an editable one. For quickly populating a small table with JSON data, letting the user modify it with validation, and then getting JSON data back out.

jquery-editable-table A small jQuery extension to turn an HTML table editable for fast data entry and validation Demo ?? https://jsfiddle.net/torrobin

Tor 7 Jul 31, 2022
A simple code that creates a string of random characters displayed in an html object, all saving in a json file.

I'm 17 Years Old Developer / Lead Developer. ?? I'm wroking on AdrenalinaRP, GrandRDM. ?? I’m currently learning JavaScript. ?? I’m looking to collabo

OFFVIXEN 2 Nov 17, 2022
An easy-to-use library to make your life easier when working with random numbers or random choices in javascript.

vrandom An easy-to-use library to make your life easier when working with random numbers or random choices in javascript. Table of contents Installati

Valerio Cipolla 1 Aug 16, 2022
An Inkdrop plugin to synchronise notebooks and notes with Todoist projects and tasks.

inkdrop-todoist-sync Todoist Sync is an Inkdrop plugin that allows synchronising of Inkdrop notebooks and notes with Todoist projects, sections and ta

Manuel Steiner 5 Aug 23, 2022
Create testable, reproduceable documentation with Jupyter notebooks

Create Testable, Reproduceable Docs and Blogs With Notebooks Never copy and paste code into documentation again! ?? See a live example of a post made

Outerbounds 29 Dec 8, 2022