The avatar for @info247-spring21
InfoViz Spring 2021
Published
Edited
Feb 8, 2021
Fork of Vega-Lite Assignment Solution:
•
20 forks
1 star
12
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
FileAttachment("7@1.png").image()
Insert cell
FileAttachment("2.png").image()
Insert cell
FileAttachment("last.png").image()
Insert cell
Insert cell
import {vl} from '@vega/vega-lite-api'
Insert cell
d3 = require('d3')
Insert cell
import {printTable} from '@uwdata/data-utilities'
Insert cell
fileContents = FileAttachment("infoviz_vega.csv")
Insert cell
df = d3.csvParse(await fileContents.text(), d3.autoType)
Insert cell
Insert cell
printTable(df.slice(0, 15))
Insert cell
Insert cell
Insert cell
Insert cell
FileAttachment("4.png").image()
Insert cell
//Your code here**********************************************************
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
FileAttachment("5.png").image()
Insert cell
//Your code here**********************************************************
Insert cell
Insert cell
Insert cell
Insert cell
FileAttachment("6.png").image()
Insert cell
//Your code here**********************************************************
Insert cell
Insert cell
Insert cell
Insert cell
FileAttachment("7@1.png").image()
Insert cell
//Your code here**********************************************************
Insert cell
Insert cell
md`
**Your answer here**
`
Insert cell
Insert cell
Insert cell
fileContents2 = FileAttachment("infoviz_vega2.csv")
Insert cell
df2 = d3.csvParse(await fileContents2.text(), d3.autoType)
Insert cell
printTable(df2.slice(0, 10))
Insert cell
Insert cell
Insert cell
df.forEach(function (element) {
element.co2_per_min = element.EcoPassengerCO2 / element.RawTravelTime;
})
Insert cell
Insert cell
//Your code here**********************************************************
Insert cell
Insert cell
Insert cell
Insert cell
FileAttachment("8.png").image()
Insert cell
//Your code here**********************************************************
Insert cell
Insert cell
md`
**Your answer here**
`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
//Your code here**********************************************************
Insert cell
Insert cell
Insert cell
Insert cell
FileAttachment("last.png").image()
Insert cell
//Your code here*********************************************
Insert cell
Insert cell
md`
**Your answer here**
`
Insert cell
Insert cell
Insert cell
//Your code here**********************************************************
Insert cell
md`
## References
https://data.world/makeovermonday/2021w1/discuss/2021w1/nkpl7c4a
`
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