Student
// ...
// ...
// ...
// ... include only 'FL', 'CA', 'TX', 'WA', 'MI'
// ...
// ...
// ...
// ... switch x and y
// ...
// ...
// ...
// ...
// ... return an array of values from Wrangler() instead of using 'objects()' as usual
// ageGroups_reversed = ageGroups.reverse() // erronous due to a bug: it changes the bar locations
// ... you can specify facet options
// ...
// ... change width for more compact chart
// ... increase left margin to prevent axis label overlapping with column names
// ... Use an empty value at the end of the 'domain' list to skip the very light yellow
// ... add vertical grid line
// ... increase the number of ticks
// ... add arrowhead to x axis label
// ... color age group labels
// ... add some offset to x positions of text to place them on the right side of the bars
// d3.select(myPlot)
// .selectAll('g[aria-label="fy-axis"]')
// .selectAll('.tick')
// .selectAll('text')
// .style('font-size', '10pt')
// d3.select(myPlot)
// .selectAll('g[aria-label="fy-axis"]')
// .selectAll('text[text-anchor="middle"]')
// .style('font-size', '10pt')
// ...
// ...
FileAttachment("CleanShot 2022-05-06 at 03.19.06-2x.png").image({width: 220})
// ... remember to return an array of values from Wrangler()
// import {Wrangler, op} from "@observablehq/data-wrangler"
import {toc} from "@nebrius/indented-toc"
import {imageToDo} from "@clokman/student-blocks"
imageToDo
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.
