Arboretum is a web-tool for introductory CS environments that makes authoring accessible data structures low-barrier by supporting common specification languages. Arboretum translates these diagrams and operationalizes our principles into three nonvisual output representations---tabular, navigable, and tactile.
The paper associated with this project can be found at g.riteshkanchi.com/chi26-arboretum.
The study and paper attached to this artifact were built with Node v22.18.0 and npm 10.9.3. Development was tested with the Safari and Chrome browsers on the macOS operating system.
Make sure you set the following environment variables in a .env.local file in the root directory:
NEXT_PUBLIC_DOMAIN_URL=[the domain URL where your app is hosted, e.g. http://localhost:3000 for local development]
This is used to construct absolute URLs for sharing links, updating the current URL, and embedding.
This is a Next.js project bootstrapped with create-next-app. This project uses Next.js version 15, which requires a minimum Node.js version of 18.18.0.
First, install the dependencies:
npm ciTo run the development server:
npm run devTo build the application for production:
npm run buildTo start the production server (after building):
npm startOpen http://localhost:3000 with your browser to start using Arboretum.