• http://www.nytimes.com/interactive/2015/03/19/upshot/3d-yield-curve-economic-growth.html
  • http://ncase.me/polygons/
  • http://maxgoldste.in/melkman/

Don't show this slide

Open the links in new tabs and move to next slide

Why Your Next Side Project

Explorable

Max Goldstein | Charm City JS | July 1 2015

Should Be An

Explanation

Max Goldstein

Presented By

Up For Grabs

Currently

Previously

The What

Explorable Explanations:

The Why

The How

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

explorable-explanations

By mgold

explorable-explanations

  • 205