Published
Edited
Sep 21, 2020
Insert cell
md`# Day Twenty Four, 2020-09-17`
Insert cell
md` ## Task 9-1
- \`xScale.bandwith()\`.
- \`d3.range()\`, rather than \`range()\`.
- Within the anonymous function of \`.on()\`, there is no need to write \`return ...\`
`
Insert cell
md`## Task 9-2

- 9-2-2. \`if(){return } else{ return }\`

- 9-2-4.
- \`d3.select("p)\` rather than \`d3.select(p)\`
- \`.on("click", ...)\` rather than \`.on("Click", ...)\`
- \`xScale.domain([0, d3.max(dataset, function(d){ return ...}])\`. Be sure to add \`dataset\`.

- 9-2-5.
- It should be \`d3.select(this)\`, rather than \`svg.select(this)\`.
- "start" can be placed either before or after \`duration()\` and "end" should be placed at the end of the circle-updating code.

- 9-2-6. Only one transition can be active for a given element at any given time.
`
Insert cell
md`
Go to [Day 25](https://observablehq.com/@hongtaoh/day-twenty-five-2020-09-18).
`
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more