Public
Edited
Dec 20, 2022
4 forks
3 stars
Insert cell
Insert cell
sets = [
{sets: [0], label: 'Database', size: 221211 + 117285, fill: set0_color},
{sets: [1], label: 'CPTAC', size: 93525 + 117285, fill: set1_color},
{sets: [0, 1], size: 117285}
]
Insert cell
Insert cell
Insert cell
Insert cell
chart = d3.select(DOM.svg(600, 400))
.call(svg => {
svg.datum(sets)
.call(venn.VennDiagram())
// Circle stylings
svg.selectAll(".venn-circle path")
.style("fill", (d, i) => d['fill'])
.style("fill-opacity", .25)
// Label stylings
svg.selectAll(".venn-circle text")
.style("fill", (d, i) => d['fill'])
})
.node()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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