Public
Edited
Sep 24, 2023
Insert cell
Insert cell
import { keepFields } from "@chiahsun-ws/index-chart"
Insert cell
filterDate = (values) => d3.filter(values, d => d.Date > new Date(('2020-01-01')));
Insert cell
usdeur = await FileAttachment("usdeur.csv").csv({typed: true}).then(filterDate).then(values => keepFields(values, "USDEUR"))
Insert cell
usdgbp = await FileAttachment("usdgbp.csv").csv({typed: true}).then(filterDate).then(values => keepFields(values, "USDGBP"))
Insert cell
usdjpy = await FileAttachment("usdjpy.csv").csv({typed: true}).then(filterDate).then(values => keepFields(values, "USDJPY"))
Insert cell
usdtwd = await FileAttachment("usdtwd.csv").csv({typed: true}).then(filterDate).then(values => keepFields(values, "USDTWD"))
Insert cell
data = (await Promise.all([
usdeur,
usdgbp,
usdjpy,
usdtwd
])).flat()
Insert cell
Insert cell
import { chart }
with { data }
from "@chiahsun-ws/index-chart"
Insert cell
chart
Insert cell

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.
Learn more