reviz
is a lightweight engine for reverse engineering data visualizations from the DOM. Its core goal is to assist in rapid visualization sketching and prototyping by automatically generating partial programs written using Observable Plot from input svg
subtrees.
This package contains the source for the reviz
Chrome extension.
To develop the Chrome extension locally, ensure you have dependencies installed. From there, development largely follows the standard pattern for Chrome extension development. To summarize, this involves:
- Running
npm run build
to build the extension. This script invokes Vite, our build tool of choice, to produce the production extension build in thedist
directory. - Uploading the extension to your browser by clicking the
Load Unpacked
button on thechrome://extensions
. Select thedist
directory when prompted with the file upload interface.
When you open the DevTools on a webpage, you should have a new tab visible marked reviz
.