An curious maker & coder from Malaysia, doing fun projects related to Arduino RPi, IoT, PCB, LED, linux, javascript (p5, phaser, Vue), dataviz & art installation
viewof mergeData3 = rangeSlider(mergeData2, d=>d.date)
Inputs.table(mergeData3.data)
url1 = "https://raw.githubusercontent.com/MoH-Malaysia/covid19-public/main/epidemic/cases_malaysia.csv"
url2 = "https://raw.githubusercontent.com/MoH-Malaysia/covid19-public/main/epidemic/tests_malaysia.csv"
newCase = await d3.csv(url1)
Inputs.table(newCase)
newCase2 = newCase.map( d => (
{
date: dateParser(d.date),
cases_new: d.cases_new
}
)
)
Inputs.table(newCase2)
testNum = await d3.csv(url2)
Inputs.table(testNum)
testNum2 = testNum.map( d => (
{
date: dateParser(d.date),
// pcr: parseInt(d[' pcr']),
// rtk: parseInt(d[' rtk-ag']),
testTotal: parseInt(d['pcr']) + parseInt(d['rtk-ag']),
}
)
)
.splice(55)
Inputs.table(testNum2)
mergeData = _.merge(newCase2,testNum2 )
mergeData2 = mergeData.map( d => (
{
...d,
posRate: d.cases_new/d.testTotal * 100
}
)
)
dateParser = d3.timeParse("%Y-%m-%d")
import {date} from "@jashkenas/inputs"
import {rangeSlider} from "@bumbeishvili/utils"
mergeData3
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.
