Lead Engineer @ Everlance.
Public
Edited
Aug 18, 2023
data = {
nodes: [
{ name: "Applications" },
{ name: "Warm" },
{ name: "Cold" },
{ name: "Recruiter-targeted" },
{ name: "Signed" },
{ name: "Rejected" },
{ name: "Ghosted" },
{ name: "Interviews" },
{ name: "Failed Code Screen" },
{ name: "Failed Quiz" },
{ name: "Dropped Hybrid Req." },
{ name: "Successful" },
{ name: "Recruiters Reach Out" }
];
links: [
{ source: "Applications", target: "Warm", value: 9 },
{ source: "Applications", target: "Cold", value: 115 },
{ source: "Applications", target: "Recruiter-targeted", value: 2 },
{ source: "Cold", target: "Signed", value: 1 },
{ source: "Cold", target: "Rejected", value: 54 },
{ source: "Cold", target: "Ghosted", value: 70 },
{ source: "Warm", target: "Interviews", value: 7 },
{ source: "Interviews", target: "Failed Code Screen", value: 2 },
{ source: "Interviews", target: "Failed Quiz", value: 2 },
{ source: "Interviews", target: "Dropped Hybrid Req.", value: 2 },
{ source: "Interviews", target: "Successful", value: 1 },
{ source: "Recruiter-targeted", target: "Recruiters Reach Out", value: 4 }
];
}
width = 100
height = 100
import { Sankey, sankeyLinkHorizontal } from "d3";
import { select } from "d3-selection";
sankey = Sankey()
.nodeWidth(15)
.nodePadding(10)
.size([width, height])
.nodeId((d) => d.name)
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.
