histogram layout, parseInt Let's make histogram layout with external csv file. CSV file "name","age" "maria",30 "fred",10 "franci",40 "mari",35 "fre",56 "franc",60 "ma",70 "fr",37 "fran",19 Let's make histogram layout with this guys. HTML document Result d3.js 2020.12.30
cluster Let's create cluster with same json file as previous post(2020/12/29 - [d3.js] - tree layout, tree.nodes, tree.links). HTML document Result Recalculate the position of Mr.X. d3.js 2020.12.30
tree layout, tree.nodes, tree.links Let's make tree layout with external json file. JSON file { "name": "max", "children": [{ "name": "Sylvia", "children": [{ "name": "Craig" }, { "name": "Robin" }, { "name": "Anna" } ] }, { "name": "David", "children": [{ "name": "Jeff", "size": 3534 }, { "name": "Buffy", "size": 5731 } ] } ] } Let's make tree layout with this guys. HTML document Result d3.js 2020.12.29
scaleOrdinal, pie, centroid Following the previous post(2020/12/29 - [d3.js] - arc), let's apply the color and complete pie layout. Result d3.js 2020.12.29