I love to build dataviz for insight discovery. I also love to put technology to the service of humanity
Public
Edited
Apr 5, 2023
1 star
// Kept on crashing my browser, so I disabled it
// chartClassif = {
// await visibility();
// return RadialTree(classif_A, { width: 800, height: 800, stroke: "#cccc" });
// }
classif_A = FileAttachment("classif_A_03-04-16_d3.json").json()
classif_B = FileAttachment("classif_B_03-04-16_d3.json").json()
chartLogs = {
await visibility();
return Treemap(logs_A, {
width: width,
height: width * 0.8,
padding: 0.5,
group: (d, n) => n.ancestors().reverse()[2]?.data?.value,
value: (d) => +d?.size,
label: (d, n) => [d.name, n.value].join("\n")
});
}
logs_A = FileAttachment("logs_A_03-02-01_d3.json").json()
logs_B = FileAttachment("logs_B_03-02-01_d3.json").json()
logs_C = FileAttachment("logs_C_03-02-01_d3.json").json()
logs_D = FileAttachment("logs_D_03-02-01_d3.json").json()
PHYLOGENIES
The trees are small binary trees (60 leaf nodes.) Link length is often considered important by researchers using this data. No attributes. On the other hand the analysis can be very complex, and there are no good interactive tools available today for scientists to make hypotheses about the matching of those trees.
Application Domain Background and Specific Tasks
{
await visibility();
return RadialTree(phylo_B_IM);
}
phylo_A_ABC = FileAttachment("phylo_A_ABC_03-02-01_d3.json").json()
phylo_B_IM = FileAttachment("phylo_B_IM__03-02-01_d3.json").json()
usFederalBudgetAsMap = groupSelected
usFederalBudget = {
function convertToChildren(m, level = 0) {
if (Array.isArray(m)) return m;
return Array.from(m).map(([name, childrenm]) => ({
name,
type: groupBy[level],
children: convertToChildren(childrenm, level + 1)
}));
}
return {
name: "US Federal Budget ${year}",
type: `total`,
children: convertToChildren(groupSelected)
};
}
{
await visibility();
return Treemap(usFederalBudget, {
width: width,
height: width * 0.7,
padding: 1,
value: (d) => d?.size || d[year],
group: (d) => (groupBy.length ? d[groupBy[0]] : null),
label: (d, n) =>
[...groupBy.map((a) => d[a]), n.value / 10 ** 6].join("\n"),
minSize: 1
});
}
knowledgeChiBrowser
SpaceTree(knowledgeChiBrowser, {label: d=> d.data.content})
animalTaxonomy
SpaceTree(animalTaxonomy, {label: d=> d.data.content})
orgchart
SpaceTree(orgchart, {label: d=> d.data.content})
import {SpaceTree} from "@john-guerra/spacetree"
import {knowledgeChiBrowser, animalTaxonomy, orgchart} from "@john-guerra/spacetree-examples"
import {
viewof groupBy,
viewof year,
groupSelected
} from "@john-guerra/us-federal-budget-outlays"
import { Tree as RadialTree } from "@d3/radial-tree"
import { Treemap } from "@john-guerra/treemap-minsize"
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.
