2019.01.25. d3.js 듣고 있는 내용 목차 정리 (1)

그동안 들었던 내용들에 대해 한번 목차를 정리해 봄.

참고로 듣고 있는 코스는 coursera의 information visualization 중 programming with d3.js 이다.

(https://www.coursera.org/learn/information-visualization-programming-d3js)

1. select

d3.select("#page-header");

d3.selectAll("p");

2. change contents

let p = d3.select(".main-paragraph");

p.text("Hello");

d3.selectAll("p")

.text("222555")

d3.select("p")

.html("<b>test</b> something")

d3.select("p")

.text("<b>test</b> something")

3. adding and remove

let itemlist = d3.select("#itemlist");

itemlist.append("li").text("item new one" + cnt);

itemlist.selectAll("li").remove();

itemlist.select("li").remove();

itemlist.select("li:last-child").remove();

4. change properties

d3.select("#animalImg").attr("src", animalName);

d3.selectAll("#text").style("color", color);