The avatar for @observablehq
Observable
The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Published
Introduction to Web-based Data Visualization
Edited
Apr 19, 2022
Fork of Drawing with Data
•
4 forks
5 stars
1
Insert cell
Insert cell
Insert cell
Insert cell
data = FileAttachment("bandcamp-oneday.csv").csv({ typed: true })
Insert cell
Inputs.table(data)
Insert cell
Insert cell
sample = data.filter(d => d.country == "Netherlands")
Insert cell
Insert cell
Insert cell
// type your code here:

Insert cell
Insert cell
// hint:
sample.map(d => d.amount_paid)
Insert cell
Insert cell
// type your code here:

Insert cell
Insert cell
Insert cell
// type your code here:

Insert cell
Insert cell
Insert cell
// type your code here:

Insert cell
Insert cell
Insert cell
// type your code here:

Insert cell
Insert cell
// hint:
d3.extent(sample, d => d.amount_paid - d.item_price)
Insert cell
Insert cell
// type your code here:

Insert cell
Insert cell
// hint:
sample.map(d => d.amount_paid - d.item_price > 0)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// type your code here

Insert cell
Insert cell
Insert cell
// type your code here

Insert cell
Insert cell
Insert cell
// type your code here

Insert cell
Insert cell
Insert cell
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