Skip to content

Instantly share code, notes, and snippets.

@sveinn
Created April 24, 2014 19:43
Show Gist options
  • Save sveinn/11267063 to your computer and use it in GitHub Desktop.
Save sveinn/11267063 to your computer and use it in GitHub Desktop.
OpenVizConf 2014
Keynote
Mike Bostock
Author of D3.js / http://d3js.org/
------------------------------------
Philosphy and Practice of design:
Philosophy:
"One commonality between writing and coding is that everything you do is in a nightmarish state of total failure until the moment it is not"
Design principles are not sufficient to produce a good design.
One has to explore as many possibilities as possible that aren't going to work in order to find the things that do work.
In computer science creative problems can be reduced to logical problems. That's hard to do with design.
"The best designer isn't sure if his design is good"
Dieter Rams (http://en.wikipedia.org/wiki/Dieter_Rams)
10 Commandments of Design (https://www.vitsoe.com/us/about/good-design)
Good design is as little design as possible.
Search as a metaphor for a design process - one can either work harder or smarter.
Practice:
Try to get fresh eyes frequently, invite criticism. (Visual history of commits.)
Have a prototype who's only purpose is to validate a hypothesis.
Transition to refining from exploring when deadline nears.
Beginning exploration is all over the place (http://en.wikipedia.org/wiki/Simulated_annealing).
Delete code as you go, be ruthless.
Make your process reusable (extract libraries).
Try bad ideas deliberately. (don't get stuck at a local maximum).
Don't be afraid to fail.
Tools:
Uses Node.js and js for everything + d3.js.
====================================
Mapping Billions of Dots
Eric Fisher
------------------------------------
https://github.com/ericfischer/datamaps
https://github.com/mapbox/tm2
NextBus - bus tracker data
MIT - Taxi Picking up Passenger location data
OpenStreetMap - Volunteer GPS, Street Addresses
Flickr - Photo Location Data
Twitter - Geeotagged Tweets
The business of finding patterns - a little bit about a lot.
Human scale 50ft/px - with of a street/building.
Calibrate brightness to population density - 16 people/px. Uses x**2 instead of x when zooming because too dark. Stanford uses x**3. Keeps rural areas visible.
Tile Mill 2 for vector tiles.
A lot of failure to produce success.
====================================
Using D3 with Backbone, Angular and Ember
Sam Selikoff
====================================
Coding For The News
Kennedy Elliot, Washington Post
====================================
Visualizing Science: Developing Information Graphics for Scientific American Magazine
Jen Christiansen
====================================
Lyra: An Interactive Visualization Design Environment
Arvind Satayanarayan
====================================
Agile Data Mining and Visualization
Tom De Smedt & Frederik De Bleser
====================================
The Design of Nothing: Null, Zero, Blank
Andy Kirk
====================================
Understanding Machine Learning with D3:
Visualization for Models and Algorithms
David Mimno
====================================
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment