Public
Edited
Mar 1, 2023
1 star
rawdata = fetchp("https://fred.stlouisfed.org/graph/fredgraph.csv?id=UNRATE").then(response => response.text())
data = d3.csvParse(rawdata)
url = "https://fred.stlouisfed.org/graph/fredgraph.csv?id=UNRATE"
proxy_url = 'https://corsproxy.io?' + encodeURIComponent(url)
myrawdata = fetch(proxy_url).then(response => response.text())
mydata = d3.csvParse(myrawdata,d3.autoType)
import {LineChart} from "@jwolfers/line-chart"
chart = LineChart(mydata, {
x: d => d.DATE,
y: d => d.UNRATE,
yLabel: "Unemployment rate (%)",
width: 800,
height: 500,
color: "steelblue",
chartTitle: "Unemployment Rate"
})
console.log(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.
