Published
Edited
May 23, 2021
Insert cell
Insert cell
aiddata = (await d3.csv(googleSheetCsvUrl, row => ({
yearDate: d3.timeParse('%Y')(row.year),
yearInt: +row.year,
aiddata_id: row.aiddata_id,
aiddata_2_id: row.aiddata_2_id,
donor: row.donor,
recipient: row.recipient,
commitment_amount: +row.commitment_amount_usd_constant,
coalesced_purpose_code: row.coalesced_purpose_code,
coalesced_purpose_name: row.coalesced_purpose_name,
})))
Insert cell
Insert cell
geoJSON = FileAttachment("countries-50m.json").json()
Insert cell
Insert cell
import {legend, swatches} from "@d3/color-legend"
Insert cell
Insert cell
d3 = require('d3@6')
Insert cell
googleSheetCsvUrl = 'https://docs.google.com/spreadsheets/d/1YiuHdfZv_JZ-igOemKJMRaU8dkucfmHxOP6Od3FraW8/gviz/tq?tqx=out:csv'
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