I love to build dataviz for insight discovery. I also love to put technology to the service of humanity
Public
Edited
Apr 11, 2024
2 forks
1 star
navio(df.objects(), {height: 500, attribWidth: 16})
selectedSources
data = 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
// taxonomyData = d3.csv("https://docs.google.com/spreadsheets/d/e/2PACX-1vRVpImj8iuMFkJdHBM3G7pTWDrcLRsuy6zcQcsubxPmYR8MWm2GKdB-ammAngqz7f1pRZFadurCnigu/pub?gid=1100408804&single=true&output=csv")
taxonomyData = d3.csv(url)
taxonomy = {
const taxonomy = d3.group(
taxonomyData.filter((d) => d.Class),
(d) => d.Class,
(d) => d.Subclass,
(d) => d.SubSubclass
);
for (let [_, lev1] of taxonomy) {
for (let [k, _] of lev1) {
console.log("entry", lev1, k);
lev1.set(k, null);
}
}
return taxonomy;
}
taxonomy2 = {
const taxonomy = d3.group(taxonomyData.filter(d => d.Application), d => d.Application, d => d.Area);
for (let [_,lev1] of taxonomy) {
for (let [k, _] of lev1) {
console.log("entry", lev1, k)
lev1.set(k, null)
}
}
return taxonomy;
}
taxonomy.get("data bias").set("gender", null)
taxonomyTree = d3.hierarchy(taxonomy)
taxonomyTree.descendants()
// Old data Dec 2023
// url = "https://docs.google.com/spreadsheets/d/e/2PACX-1vRVpImj8iuMFkJdHBM3G7pTWDrcLRsuy6zcQcsubxPmYR8MWm2GKdB-ammAngqz7f1pRZFadurCnigu/pub?gid=0&single=true&output=csv"
// Data Mar 2024
url = "https://docs.google.com/spreadsheets/d/e/2PACX-1vRVpImj8iuMFkJdHBM3G7pTWDrcLRsuy6zcQcsubxPmYR8MWm2GKdB-ammAngqz7f1pRZFadurCnigu/pub?gid=381576458&single=true&output=csv"
rawdata = d3.csv(url, d3.autoType)
d3 = require("d3@7")
import { panel, style } with {
data,
defaultColorBy,
defaultGroupBy,
// defaultRadius,
defaultLayout,
defaultDrawLayout,
myheight
} from "a578473b724795d5"
myheight = 400
// mywidth = 600
import { aq, op } from "@uwdata/arquero"
import { navio } from "@john-guerra/navio"
import {Tree} from "@john-guerra/tidy-tree-component"
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.
