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

d3.js

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
Avatar for tgolen tgolen
March 20, 2012

 d3.js

An introduction to d3.js

Avatar for tgolen

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).