D3.js mindblow
Upcoming SlideShare
Loading in...5
×
 

D3.js mindblow

on

  • 4,371 views

BrisJS and CampJS

BrisJS and CampJS

Statistics

Views

Total Views
4,371
Views on SlideShare
4,332
Embed Views
39

Actions

Likes
4
Downloads
43
Comments
0

3 Embeds 39

http://localhost 21
https://gitter.im 17
https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

D3.js mindblow D3.js mindblow Presentation Transcript

  • D3.JS Mind blow by Antonaka @antulik
  • THEME FOR THE TALK
  • WAT?
  • HARLEM SHAKE
  • YOUTUBEall on youtube and its blocked
  • there is no wifi signal in this room anyway
  • No probs, use phone tethering
  • bug which reload the page
  • No probs, Firefox
  • 1.5GB of RAM
  • MIND BLOW minecraft - 2 levels in 4 hoursht:/w.lntierf.o/lg2lvl-n4hus tp/wwpaemncatcmbo/-eesi--or/
  • WORKSHOP BASED ON WORKSHOP BY MIKE BOSTOCK which is 3+ hours
  • 2 HOURS IN 4 HOURS D3JS
  • STATSNumbers
  • GITHUBRailsstars: 17 350forks: 4 860D3stars: 12 190forks: 1 995
  • GITHUB?
  • MY PERSONAL EXPERIENCE Ruby & Rails 2 years somewhat average or higher (or maybe not) D3 a bit over 1 year Im a noob
  • HARDEST THINGS TO LEARN before1. Assembler / C / Kernel compilation / POSIX2. VBA3. Java 40. Javascript 1000. Ruby
  • HARDEST THINGS TO LEARN and now 1. D3.js 2. the rest
  • AWESOMENESS
  • D3.JS IS HARDSeems like everybodywould agree with that
  • D3.JS IS GOING TO STAYBeautiful levels of abstractionsDoesnt limit youDoesnt force many conventionsGood documentationGood modular designPowerful
  • D3.JS IS A TOOL it does one thingand it does it very well
  • SO WHY SUCH REPUTATION its not technology but mind shift
  • MIND SHIFT?
  • OOPIts like learning OOPbut for visualisations
  • ITS JUST A TOOL It gives all the power to the user You still need to do all the jobSpeaking in French doesnt make you smarter
  • D3.JS IS ANNOYINGit takes 2 hours to write 10 lines
  • WITH ALL THAT POWER Tool is no longer limitation but we are
  • HOW IVE STARTED TopicRay Sep 2011
  • TOPICRAYis multi-threaded chat system mind map + chat = topicray
  • TOPICRAY hierarchical datavery very deep hierarchical data
  • VERSION 1Started with html
  • VERSION 4then moved to canvas and ocanvas
  • VERSION 9, 10, 11try to improve canvas implementation
  • VERSION 13, 14D3.JS enters the stage
  • VERSION 19, 20improvements on icicle graph
  • VERSION 21, 22 its radar time
  • VERSION 23 1 year old
  • MY SECOND PROJECT StoryLine Sep 2012
  • STORYLINE Calendar visualisation thinkCalendar + Google Maps = StoryLine
  • LETS GOLesson learnt, started with D3
  • SHOW OFF
  • FOUR WAYS TO SLICE OBAMA’S 2013 BUDGET PROPOSAL www.nytimes.com
  • OVER THE DECADES, HOW STATES HAVE SHIFTED www.nytimes.com
  • 512 PATHS TO THE WHITE HOUSE www.nytimes.com
  • D3 SHOW REELhttp://bl.ocks.org/1256572
  • THE WEALTH & HEALTH OF NATIONS http://bost.ocks.org/mike/nations/
  • URBAN WATER EXPLORER www.visualizing.org
  • NUTRIENT CONTENTShttp://exposedata.com/parallel/
  • HOW OBAMA WON RE-ELECTION www.nytimes.com
  • COFFEE FLAVOUR WHEELhttp://www.jasondavies.com/coffee-wheel/
  • LES MISÉRABLES CO-OCCURRENCE http://bost.ocks.org/mike/miserables/
  • WORDCLOUDhttp://www.jasondavies.com/wordcloud/
  • FORCE COLLAPSABLE mbostock.github.com
  • TREEMAPhttp://bl.ocks.org/4063582
  • FLARE IMPORTSmbostock.github.com
  • BUILD YOUR OWN GRAPH http://bl.ocks.org/929623
  • INTERACTIVE PUBLICATION HISTORY http://www.cs.umd.edu/
  • CLOSE VOTEShttp://www.visualizing.org/
  • HISTORYS LARGEST EMPIRES http://www.visualizing.org/
  • BASIC CHARTS
  • BAR CHARThttp://bl.ocks.org/3885304
  • LINE CHARThttp://bl.ocks.org/3883245
  • THE HERO
  • MIKE BOSTOCK on vimeo
  • MIKE BOSTOCK on github
  • STANFORDhttp://vis.stanford.edu/
  • LINKSHomepagehttp://bost.ocks.org/mike/Blog: http://www.tumblr.com/tagged/mike%20bostockGithubhttps://github.com/mbostockBlockshttp://bl.ocks.org/mbostock
  • THE END