An curious maker & coder from Malaysia, doing fun projects related to Arduino RPi, IoT, PCB, LED, linux, javascript (p5, phaser, Vue), dataviz & art installation
md `# Cases by States`
url = "https://raw.githubusercontent.com/MoH-Malaysia/covid19-public/main/epidemic/cases_state.csv"
casebyState = await d3.csv(url)
dateParser = d3.timeParse("%Y-%m-%d")
startDate = dateParser(casebyState[0].date)
endDate = dateParser(casebyState[7919].date)
stateList = _.uniqBy(casebyState, d => d.state)
.map(d => d.state)
casebyState2 = casebyState.map( d => (
{
date: dateParser(d.date),
state: d.state,
cases_new: d.cases_new
}
)
)
.filter(d => d.state == filterState )
casebyState3 = casebyState.map( d => (
{
date: dateParser(d.date),
state: d.state,
cases_new: d.cases_new
}
)
)
.filter(d => d.state == filterState2 )
import {rangeSlider} from "@bumbeishvili/utils"
md `## Choose the 2 state below`
viewof filterState = Inputs.select(["Selangor"].concat(stateList), {label: "State 1 (red)"})
viewof filterState2 = Inputs.select(["W.P. Kuala Lumpur"].concat(stateList), {label: "State 2 (blue)"})
md `## Choose timeframes below`
viewof mergeData2 = rangeSlider(casebyState2, d=>d.date)
viewof mergeData3 = rangeSlider(casebyState3, d=>d.date)
mergeData2
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.
