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

D3.js: A Five-Minute Intro

D3.js: A Five-Minute Intro

Presented to the @fullscreen Data Club :)

Jay Stakelon

July 18, 2013
Tweet

More Decks by Jay Stakelon

Other Decks in Programming

Transcript

  1. Data can be as simple as an array of numbers...

    DATA? Or more complex JSON objects
  2. USE THE ENTER() SELECTION For each element in the data

    set, we append a new circle to the initially-empty selection
  3. MAKE THE DATA PRETTY Use .attr to set attributes arbitrarily,

    or based on values from the data object bound to each element