Upgrade to Pro — share decks privately, control downloads, hide ads and more …

d3.js

tgolen
March 20, 2012

 d3.js

An introduction to d3.js

tgolen

March 20, 2012
Tweet

Other Decks in Education

Transcript

  1. What can it do? • Graphs • Charts • Tables

    • Transformations • Interactions • SVG • HTML • Anything
  2. Simple Code Example https://github.com/Nodeable/web-client/blob/master/static/js/4_x/nodeable/views/desktop/widgets/hashtags.js tagCloud.selectAll( '.tag') .data(self.data) .enter().append( 'a') .attr('class',

    function(d){ return 'tag height_' + Math.round (tagHeight(d.percent)); }) .attr('title', function(d){ return d.value; }) .style('font-size', function(d){ return Math.round(tagHeight(d. percent)) + 'px'; }) .text(function(d){ return d._id; });
  3. Why should you use it? • You want to visualize

    data in unique ways. • You thirst for adventure and challenge. • You don't want to use canned graphs.
  4. Why shouldn't you use it? • It has an extremely

    steep learning curve. • You can settle for more simple solutions (highcharts).