basics reformatted

master
Matt Huntington 9 years ago
parent 8c50b6e05b
commit c9aa3f21e3

30
D3.md

@ -2,24 +2,31 @@
## Basics
- Selection
### Selection
- `d3.select()`
- like document.querySelector()
- `d3.selectAll()`
- like document.querySelectorAll()
- can make selections from within selections
-`d3.select('main').selectAll('span');`
- .style()
### .style()
- sets the style for an element
- `d3.select('div').style('color', 'orange');`
- can pass an object
- `d3.select('div').style({'color': 'blue', 'font-size': '40px'});`
- style will return the selection for chaining
- `d3.select('div').style('color', 'orange').style({'color': 'blue', 'font-size': '40px'});`
- .attr()
### .attr()
- adds/changes an attribute on an selection
- `d3.select('div').attr('anExampleAttribute', 'someValue');`
- .classed()
### .classed()
- checks to see if all elements in selection contain the chosen class
- `d3.selectAll('.house').classed('house');`
- returns true
@ -31,18 +38,25 @@
- returns the selection, so you can chain
- can remove the class using
- `d3.selectAll('div').classed('frog', false);`
- .append()
### .append()
- append html to a selection
- returns the appended element
- `d3.selectAll('div').append('span')`
- .html()
### .html()
- change the inner html of an element
- .text()
### .text()
- set the content of the selection to the exact text (no html)
## Request
- AJAX functions
AJAX funcions look
- `d3.json('path', function(error, data){});`
- `d3.csv('path', function(error, data){});`
- `d3.text('path', function(error, data){});`

Loading…
Cancel
Save