Public
Edited
Feb 28, 2023
nytimes github(COVID)https://github.com/nytimes/covid-19-data
import {vl} from '@vega/vega-lite-api'
vl.markBar()
.data('https://raw.githubusercontent.com/nytimes/covid-19-data/master/us.csv')
.transform(
vl.filter('month(datum.date) >=2'),
vl.window(
vl.first_value('cases').as('previous_cases')
).frame(-1, 0),
vl.calculate('datum.cases - datum.previous_cases').as('new_cases')
)
.encode(
vl.y().field('new_cases').type('quantitative').title('Cases'),
vl.x().field('date').type('temporal').title('Date')
)
.title('Cumulative U.S. Covid Cases')
.render()
barChart=vl.markBar({color: "#FC8EAC"})
.data('https://raw.githubusercontent.com/nytimes/covid-19-data/master/us.csv')
.transform(
vl.filter('month(datum.date) >=2'),
vl.window(
vl.first_value('cases').as('previous_cases')
).frame(-1, 0),
vl.calculate('datum.cases - datum.previous_cases').as('new_cases')
)
.encode(
vl.y().field('new_cases').type('quantitative').title('Cases'),
vl.x().field('date').type('temporal').title('Date')
)
.title('Daily New U.S. Covid Cases')
.height(400)
.width(width)
lineChart = vl.markLine({color: "red"})
.data('https://raw.githubusercontent.com/nytimes/covid-19-data/master/us.csv')
.transform(
vl.filter('month(datum.date) >=2'),
vl.window(
vl.first_value('cases').as('previous_cases')
).frame(-1, 0),
vl.calculate('datum.cases - datum.previous_cases').as('new_cases'),
vl.window(vl.mean('new_cases').as('rolling_mean')).frame(-6,0)
)
.encode(
vl.y().field('rolling_mean').type('quantitative').title('Cases'),
vl.x().field('date').type('temporal').title('Date')
)
.title('Daily 7-Day Average of new U.S. Covie cases')
.height(400)
.width(width)
barChart.render()
lineChart.render()
vl.layer()
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.
