We can attest that #Quarto #VisualEditor is much more aesthetically pleasing to view and edit markdown docs interleaved with code blocks, and provides a unique document view experience.

Brief demo of our #DuckDB #ObservableJS ๐Ÿ““ converted to .qmd doc using it. โฌ‡

Quarto Visual Editing docs:

๐Ÿ“ฐ https://quarto.org/docs/visual-editor/vscode/

Our Observable #DataTools ๐Ÿ› ๏ธ and #JSNotebooks ๐Ÿ“š repository:

๐Ÿ“ฅ https://github.com/RandomFractals/observable-data-tools

DuckDB #DataTables Quarto doc:

๐Ÿ“ https://github.com/RandomFractals/observable-data-tools/blob/main/notebooks/quarto/duckdb-data-tables.qmd

#QuartoPub #DuckDBTools ๐Ÿง™โ€โ™‚๏ธ ...

Visual Editing in VS Code โ€“ Quarto

Quarto

Observable #JSNotebooks ๐Ÿ“š are a great alternative to Quarto markdown, "polyglot" notebooks from #netInteractive team, and standard Python or R Jupyter notebooks.

๐Ÿ“ฅ โค‘ https://marketplace.visualstudio.com/items?itemName=GordonSmith.observable-js

These JS notebooks are ideal for data scientists who prefer native #VSCode notebook interface and reactive Observable cells.

Quick demo of running and exploring our #DuckDB #JSNotebook ๐Ÿ““ in VS Code IDE from our Observable #DataTools ๐Ÿ› ๏ธ collection:

๐Ÿ“š โค‘ https://github.com/RandomFractals/observable-data-tools

#SQL / #DataNotebooks ๐Ÿง™โ€โ™‚๏ธ

Observable JS - Visual Studio Marketplace

Extension for Visual Studio Code - Interpreter for ObservableHQ Notebooks - Includes VS Code Notebooks with Observable, Observable "Markdown" files with embedded Observable (.omd) and Observable "JavaScript" files.

Our #DataPackage ๐Ÿ“ฆ intro #jsNotebooks ๐Ÿ“š on Observable for #tabularData loading/meta/info & display:

https://observablehq.com/collection/@randomfractals/datapackage

More info and some ported and runnable Observable notebooks in #VSCode and #QuartoPub with #QuartoPreview in our github repo:

https://github.com/RandomFractals/observable-data-tools

#dataNotebooks / #dataTools ๐Ÿ› ๏ธ ...

Datapackage

Collection of Frictionless Data notebooks

Observable
#DuckDB seems to get a lot of coverage here. Our Observable #jsNotebooks ๐Ÿ“š with some basics & #diagrams from a quick recon. of that #OLAP db we did this summer in a browser ๐Ÿ˜…: https://observablehq.com/@randomfractals/duckdb-data-tables?collection=@randomfractals/duckdb
#dataTools ๐Ÿ”ฌ #dataNotebooks ...
DuckDB Data Tables

DuckDB Client tables info notebook. DuckDB Init tip: use Observable File Attachments to add other `.csv`, `.json`, or `.parquet` data files to preview. See DuckDB Client notebook for more info. Database Tables Table Columns Select table: Table Summary Summary of ** ** table data using Summary Table Observable cell: Table Data Data Wrangler Query and transform DuckDB ** ** data with Arquero in Observable Data Wrangler cell with auto-generated JS data transformations code: Table Data SQL Query DuckDB data tab

Observable
How to run Observable #jsNotebooks in #vscode from our #Chicago #transporation notebooks collection. Note how there are no ipywidgets anywhere in that .ojsnb ...
๐Ÿง https://github.com/RandomFractals/Chicago-transportation-notebooks/issues/1
๐Ÿ““ https://github.com/RandomFractals/Chicago-transportation-notebooks/blob/main/notebooks/observable/chicago-traffic-tracker.ojsnb
#geoData ๐Ÿ—บ๏ธ #dataTools ๐Ÿ”ฌ #dataNotebooks ๐Ÿ“š ...
Create .ojsnb notebooks to run them with new OJS kernel in VSCode IDE ยท Issue #1 ยท RandomFractals/Chicago-transportation-notebooks

Using updated Observable JS extension created by @GordonSmith: https://marketplace.visualstudio.com/items?itemName=GordonSmith.observable-js

GitHub
I see some Observable fans here and others wanting to learn how to construct #JSNotebooks. You can explore our old #ChicagoCrimes ๐Ÿ“š: https://observablehq.com/@randomfractals/leaflet-pixi-overlay?collection=@randomfractals/chicago-homicides