Installing Observable Framework from Zero

On November 7, we’ll be deconstructing websites built with Observable’s “Framework” framework for making data-driven web apps like dashboards. But before we can deconstruct, we have to construct. This short video shows you how to get an Observable Framework site running in four steps.

  1. Install Node and pnpm (the Performant Node Package Manager)
  2. Create a Framework application
  3. Install Node dependencies
  4. Launch our webserver

Observable’s official tutorial which assumes you have Node installed and uses an older version of the install script

Observable notebook I refer to in the video

(This tutorial was also prepared for course credit for Exploratory Data Analysis and Visualization, taught by Prof. Joyce Robbins)

Data Club, provided by Research Data Services at Columbia University Libraries, offers a series of strategic lessons and a supportive meeting space for members of the Columbia community of all levels to learn, share, and implement the philosophies, tools, and methodologies for a data-driven project of their choosing. In bi-monthly meetings, the Data Club provides a short instructive session, free-work time, and a collaborative and exploratory environment for researchers to pursue a personal project with the assistance of Columbia University librarians and their data-minded peers.

If you are interested in staying up-to-date with Data Club, please join our mailing list.

Leave a Reply

Your email address will not be published. Required fields are marked *