Scribbler is a tool to do experimentation in JavaScript using a notebook kind of environment. It runs in the browser without the need for a backend. It is deal for learning and experimentation in JavaScript. USP of Scribbler are: no login, no node/npm, can load ES 6 modules. Check the website at: https://scribbler.live. The web-app is available at: https://app.scribbler.live.

Scribbler has been built to satisfy a need for doing experimentation. Jupyter Notebook is very popular amongst python developers and data scientists for experimentation. It gives a simple interface for experimenting in python for testing code or for experimental analysis. Jupyter Notebook provides this application by running what is known as a “kernel” in the backend and giving back the results to the ui for display. It is an open source and free to use tool. Thus it has become extremely popular. As it is in Python, it requires installation of python environment and the libraries to use the tool. There are fully hosted alternatives like Google Colabs, where one can experiment in Python without installing anything.

There is no similar open source tools for Javascript. There are online tools like jsfiddle/codepen etc but none that can be downloaded and used as a free tool or embedded on other solutions.

Pure Javascript and JS libraries can ideally run without the need for a backend code like node.js or Python. Javascript is built to run by default in the browser. Optimization of the browser tech by Chromium (i.e. V8) and Firefox has ensured Javascript in the browser is fast and efficient. Thus we can build a good notebook tool using just front end technologies.

I’ve been looking for such a solution for quite sometime mainly to test out some of the open source JS libraries and also for building some new open source projects. As I couldn’t find any solution I have built a simple tool to run javascript in notebooks. I call it Scribbler (so much for creativity). It is available as an open source solutions — free to use and modify. The source code is available at: https://github.com/gopi-suvanam/scribbler/

It does not require any backend technology. Users can download and use it in the file system or host it in webserver to use it on the internet. I have used Github Pages to host it. As it does not require backend, I need not buy/host a server to do that (ain’t it beautiful?).

JavaScript can be used for a variety of experimentation. I’ve learnt a lot about Dynamic systems while using Scribbler to do simulations. It has also helped me in understanding some concepts of decentralized finance. I’ve also used Scribbler to solve some equations using numeric methods. Given the dynamic nature of JavaScript and its close integration with the UI, one can use it for building charting/dahsboarding tools. Scribbler can infact be even used for data science and machine learning.

JavaScript has a vibrant community with a wide range of libraries available. Thus the usecases of Scribbler are limitless. I hope as more people start using Scribbler, there will be more and more applications including interactuve data science, Generative AI, scientific simulations, financial/economic applications, decentralized computing etc.

Happy experimenting!!