Quarto and Observable Framework

This repository illustrates the fusion of Quarto and Observable Framework, enabling users to efficiently create and deploy websites. Quarto handles primary content generation, while Observable Framework seamlessly integrates dynamic dashboard pages, offering a comprehensive toolkit for data-oriented site development.

Motivation

Combining Quarto and the Observable Framework offers a potent fusion of capabilities for creating dynamic, data-driven web content. Quarto excels in scientific and technical publishing, while Observable Framework specializes in interactive data applications and dashboards. By merging these tools, you gain the ability to seamlessly integrate static content creation with dynamic data visualization, enabling the creation of compelling and reproducible web experiences that tell powerful stories with data.

Getting Started

This repository is focused on using VS Code to integrate Quarto and Observable Framework. The following steps will guide you through the setup process. Feel free to clone and customize to your needs or follow the steps below to create a new project / add to an existing one.

Prerequisites

• Node.js >= 18
• Quarto
• Python
  • PyYAML library

    pip install PyYAML

• Git / GitHub (optional - for deploying the site / version control)
• Previous experience with Quarto and Observable Framework is recommended.

Aknowledgements

• @nicucalcea for the initial development of the workflow including the build.bat and generate_config.py scripts.