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

D3.js mindblow

on

  • 4,299 views

BrisJS and CampJS

BrisJS and CampJS

Statistics

Views

Total Views
4,299
Views on SlideShare
4,260
Embed Views
39

Actions

Likes
4
Downloads
40
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