data
stackDataGenerator: Function
stackData: Array<Object>
innerHeight: Number
maxUpperBoundary: Number
yScale: Function
log
- [[Journal/2026-08-17]] 어디까지 보여줘야 하지? How visible is good to be visible?
- 기존에
forEAch()를 이용해 stackedBar를 그리는 부분을 어느 수준까지 나눠서 보여줘야 할지 아직 확신이 서지를 않는다. - I am not sure which depth is ideal for the analytic visualization.
- 일단 완성은 했는데 가독성이 떨어져서 이게 무슨 의미가 있나 싶다. 아는 사람에게는 명확한데, 모르는 사람에게는 그냥 미로다. 그러면 아무 의미 없는 거 아닌가? 정보란 모르는 사람을 위해 존재해야 하는 것 아닌가?
- 기존에
stackDataGenerator: Function
graphKeys: Array<String>
Array.prototype.map(callbackFn)
graphKeys: Array<String>
formatsInfor: Array<Object>
Data: Array<Object>
year,vinyl,eight_track,cassette,cd,download,streaming,other
1973,8268.55,2815.68,437.611081081,0,0,0,89.825432432
1974,8037.9,2848.01,452.196559838,0,0,0,68.970346856
1975,8061.75,2770.41,469.496498141,0,0,0,48.470286245
1976,8573.27,3047.22,654.643671353,0,0,0,22.914775044
innerChart: d3.Selection
svg: d3.Selection
svg: d3.Selection
#bars: String
bottomAxisGenerator: Function
.attr("class", "font-bold font-roboto-condensed")
bottomAxisGenerator: Function
bottomAxisGenerator: Function
yearRange: Array
<g>: d3.Selection
.attr("transform", `translate(0, ${innerHeight})`)
innerChart: d3.Selection
"<g>": String
".tick text": String
".tick text": Selection
bottomAxisGenerator: Function
xScale: Function
stackData: Array<Object>
yearRange: Array
yearRange: Array
// class name for each DOM elements
.attr("x", (d) => xScale(d.data.year))
.attr("y", (d) => yScale(d[1]))
.attr("width", xScale.bandwidth())
.attr("height", (d) => yScale(d[0]) - yScale(d[1]))
"rect": String
// class name for each DOM elements
attr("class", (d) => `bar-${series.key}`)
rect: d3.Selection
innerChart: d3.Selection
innerChart: d3.Selection
"<g>": String
.attr("class", "text-lg font-bold font-roboto-condensed");
.attr("fill", colorScale(series.key));
<g>: d3.Selection
leftAxis: Function
yScale: Function
innerChart: d3.Selection
innerChart: d3.Selection
stackData: Array<Object>
leftAxis: Function