check out @sourcecred, a reputation system for open-source projects
Published
Edited
Aug 21, 2020
2 stars
import { checkbox } from "@jashkenas/inputs"
sc = (await require(await FileAttachment("api@2.js").url())).default
repo = "sourcecred/cred"
credView = loadCredView(repo)
pluginSummaries = sc.experimental
.pluginSummaries(credView)
.filter(n => n.name !== "Identity")
.filter(n => showInitiativesPlugin || n.name !== "Initiatives")
pluginMintData = {
return credView.intervalEnds().map((end, i) => {
const result = { date: new Date(end) };
for (const { name, mintByInterval } of pluginSummaries) {
result[name] = mintByInterval[i];
}
return result;
});
}
series = d3
.stack()
.keys(pluginSummaries.map(p => p.name))(pluginMintData)
d3.schemeSpectral
intervals = credView.intervalEnds()
intervalDates = intervals.map(i => new Date(i))
bandWidth = Math.floor((x.range()[1] - x.range()[0]) / intervals.length)
area = d3
.area()
.x(d => x(d.data.date))
.y0(d => y(d[0]))
.y1(d => y(d[1]))
x = d3
.scaleUtc()
.domain(d3.extent(intervalDates))
.range([margin.left, width - margin.right])
import { legend } from "@d3/color-legend"
y = d3
.scaleLinear()
.domain([0, d3.max(series, d => d3.max(d, d => d[1]))])
.nice()
.range([height - margin.bottom, margin.top])
color = d3
.scaleOrdinal()
.domain(pluginSummaries.map(p => p.name))
.range(d3.schemeCategory10)
xAxis = g => g
.attr("transform", `translate(0,${height - margin.bottom})`)
.call(d3.axisBottom(x).ticks(width / 80).tickSizeOuter(0))
yAxis = g =>
g
.attr("transform", `translate(${margin.left},0)`)
.call(d3.axisLeft(y))
.call(g => g.select(".domain").remove())
.call(g =>
g
.select(".tick:last-of-type text")
.clone()
.attr("x", 3)
.attr("text-anchor", "start")
.attr("font-weight", "bold")
.text("Minted Cred")
)
height = 500
margin = ({ top: 20, right: 30, bottom: 30, left: 40 })
c = d3.format(",.1f")
_ = require("lodash")
d3 = require("d3@5")
d3.scaleTime
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.
