md`# Graph of Covid-19 case in Jakarta `
import {covid_id} from '@binarmaya/covid-19-data-time-series-in-indonesia-by-province'
import {viewDataTransformed } from '@binarmaya/view-data-transformed-by-vega'
import {ETtoDate} from '@binarmaya/epoch'
yaxes = {return { "orient": "left", "scale": "yscale", "grid": true }}
embed = require("vega-embed@6")
specdf=spec("df")
RectMark = (dataName, xfield, yfield)=> {return {
"type": "rect",
"from": {"data": dataName},
"encode": {
"enter": {
"x": {"scale": "xscale", "field": xfield},
"width": {"value": 2},
"y": {"scale": "yscale", "field": yfield },
"y2": {"scale": "yscale", "value": 0},
}
}
}
}
[...data("data",averagaData),
...data("dataMax",maxData)]
maxData ={
const transform =[{
"groupby":[],
"type": "aggregate",
"fields": ["adc","adc"],
"ops": ["max","argmax"],
"as":["max_adc","argmax_adc"]
}]
return viewDataTransformed(averagaData,transform)
}
PoinMark = (dataName, xfield, yfield)=> {return {
"type": "symbol",
"from": {"data": dataName},
"encode": {
"enter": {
"x": {"scale": "xscale", "field": "argmax_adc[\"timestamp\"]"},
"y": {"scale": "yscale", "field": "max_adc" },
"stroke":{"value": "red"},
"fill": {"value": "transparent"}
}
}
}
}
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.
