viewof df = aq
.from(rawdata)
.derive({ rowId: () => op.row_number() })
// .unroll({ tags: `d => op.split(d["tags"], ",") ` })
.params({ selectedSources: selectedSources })
.filter(aq.escape(d => op.includes(selectedSources, d.source)))
.view()
selectedSources
data = df.objects()
navio(df.objects())
// Used for extracting the name, url and description from the awful-ai entry
// dataProcessed = data.map((d) => {
// const split0 = d["awful-ai md"].split(" - ");
// const split1 = split0[0].split("](");
// d.name = split1[0].slice(1).trim();
// d.url = split1[1].slice(0, split1[1].length - 1).trim();
// d.description = split0[1];
// return d;
// })
defaultColorBy = "country"
defaultGroupBy = "country"
defaultRadius = 3
defaultLayout = "map"
defaultDrawLayout = true
style
url = "https://docs.google.com/spreadsheets/d/e/2PACX-1vRVpImj8iuMFkJdHBM3G7pTWDrcLRsuy6zcQcsubxPmYR8MWm2GKdB-ammAngqz7f1pRZFadurCnigu/pub?gid=0&single=true&output=csv"
rawdata = d3.csv(url, d3.autoType)
d3 = require("d3@7")
import { panel, style } with {
data,
defaultColorBy,
defaultGroupBy,
defaultRadius,
defaultLayout,
defaultDrawLayout
} from "a578473b724795d5"
import { aq, op } from "@uwdata/arquero"
import { navio } from "@john-guerra/navio"
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.
