Open the links in new tabs and move to next slide
Max Goldstein | Charm City JS | July 1 2015
Presented By
Currently
Previously
Explorable Explanations:
Explorable Explanations ... enable and encourage truly active reading. The goal is to change people's relationship with text. People currently think of text as information to be consumed. I want text to be used as an environment to think in.
Explorable Explanations / The What
– Bret Victor
Explorable Explanations / The Why
I'm gonna talk for a bit
Explorable Explanations / The Why
Choice of topic:
Explorable Explanations / The How
Data
Simulation
Algorithms
You need a drawing library
Explorable Explanations / The How
Managing state
Explorable Explanations / The How
selection
.attr("transform", function(d,i){
var transform = d3.transform(d3.select(this).attr("transform"));
if (state === 20 && i !== 0) transform.translate[0] -= 60;
if (state === 21 && i !== lastIndex) transform.translate[0] += 60;
return transform.toString();
});
Graphical examples
+ Symbolic abstraction
+ Narrative text
• Interactive control of all three
= Explorable Explanations
Explorable Explanations / The How
acko.net
setosa.io
explorableexplanations.com
conceptviz.github.io
Explorable Explanations / The Next Step