D3 Workshop

• Course Site

• Lessons

• Youtube Webcast

• Data Intensive Biology Training Program

• Data File

• create Javascript objects w/ brackets { }

• cast an object as a number use a plus (+) before an object

D3

• To select by *** use '#'
• 'g' - Group - D3 element

Create Scales + Axes

• Create scale: d3.scale
• Create axis: d3.svg.axis()

Graphing data

• Bind data to DOM-elements via data function:
  • .data()

Sliders

1. Add slider element to HTML

• index.html
  • <input>...

2. Modify year variable in MAIN.JS
3. Create update function

• enter
• exit

4. (Optional) Add transitions

---

Built with blockbuilder.org

forked from anonymous's block: D3 Workshop