The avatar for @hdbw-dataviz
HDBW Dataviz
https://moodle01.hdbw-hochschule.de/course/view.php?id=3076
Published
Edited
Jan 4, 2022
3
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
selectedRows = Inputs.table(data)
Insert cell
Insert cell
Insert cell
Insert cell
uniqueValues = new Set(data.map((row) => row["Order Priority"]))
Insert cell
cardinality = uniqueValues.size
Insert cell
Insert cell
rangeOfValues = d3.extent(data.map((row) => row["Order Date"]))
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// TODO: make a horizontal bar chart that shows the profit by state
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// TODO: make a heatmap that shows Customer Segment on the y axis and Ship Mode on the x axis. Each cell is colored according to the number of orders
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// TODO: make a multi-line chart that shows one line per Customer Segment that shows the sales (y) development over time (x)
Insert cell
Insert cell
Insert cell
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