Graphing Scrubbing Calculator
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
lib
README.md
calc.css
calc.js
graph.js
index.html
number-dial.js
number-slider.js
number.css

README.md

Graphing Scrubbing Calculator

Live demo

I got inspired by Bret Victor's scrubbing calculator, and decided to spend some time exploring what I call "text++" user interfaces, i.e., text-based user interfaces in which some of text you type automatically gets widget-like "superpowers".

I started out by implementing my own version of the scrubbing calculator, which I then extended with a fleeting mode for graphing. This gave me a pretty good understanding of what it takes to implement such a user interface -- not that I'd advise anyone to do it the way I did it here!

I then developed a framework that makes it easier for programmers to implement text++ user interfaces. This framework is based on my idea of editable views, which was a reaction against a common kind of interface in which the user gets two panes: one in which he can edit some source text, and another in which that text is rendered. (Several Markdown editors work this way.) I used this framework to implement an editor for arithmetic expressions in which all numbers are scrubbable, and fractions (which the user types using the "/" operator) are automatically rendered two-dimensionally. See this repo for more details.

-- Alex Warth, August 2013