Public
Edited
Sep 27, 2023
1 star
allData = await FileAttachment("policy_rate-1995-2023@3.csv").csv({typed: true})
usData = FileAttachment("policy_rate-us-1960-2023.csv").csv({typed: true})
// Since FileAttachment takes string literal only, we can only choose file by this work around
originalData = (csvFile == "policy_rate-1995-2023@1.csv") ? allData : usData
// Since two dates cannot compare, we need to convert to time first
dates = [...new Set(d3.map(originalData, d => d.Date.getTime()))].map(d => new Date(d))
areas = [...new Set(d3.map(originalData, d => d.Area))]
data = originalData.filter(d => selectedAreas.includes(d.Area))
.filter(d => d.Date.getTime() >= startDate.getTime())
d3.groups(data, d => d['Area'])
dateColumn = "Date"
nameColumn = "Area"
valueColumn = "Rate"
yAxisLabel = "Policy Rate"
height = 300
import { chart }
with {
data,
dateColumn,
nameColumn,
valueColumn,
yAxisLabel,
height
}
from "@chiahsun-ws/line-chart-multiple-series"
viewof csvFile = Inputs.radio(["policy_rate-1995-2023@1.csv", "policy_rate-us-1960-2023.csv"], {label: "Select one", value: "policy_rate-1995-2023@1.csv"})
chart
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.
