sudacode/metrics
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(plugins/lines): handle no history data

Browse Source
This commit is contained in:
Simon Lecoq
2023-03-15 20:38:04 -04:00
parent 6de9c47ec4
commit b4908d81a3
4 changed files with 49 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
source/plugins/lines/examples.yml
View File

@@ -20,4 +20,3 @@
@use.patterns
*/*
+lowlighter/metrics
+lowlighter/brain

92
source/plugins/lines/index.mjs
View File

@@ -71,54 +71,60 @@ export default async function({login, data, imports, rest, q, account}, {enabled
//Diff graphs
if (sections.includes("history")) {
//Generate SVG
const height = 315, width = 480
const margin = 5, offset = 34
const {d3} = imports
const weeks = result.weeks.filter(({date}) => !_history_limit ? true : new Date(date) > new Date(new Date().getFullYear() - _history_limit, 0, 0))
const d3n = new imports.D3node()
const svg = d3n.createSVG(width, height)
if (weeks.length) {
//Generate SVG
const height = 315, width = 480
const margin = 5, offset = 34
const {d3} = imports
const d3n = new imports.D3node()
const svg = d3n.createSVG(width, height)
//Time range
const start = new Date(weeks.at(0).date)
const end = new Date(weeks.at(-1).date)
const x = d3.scaleTime()
.domain([start, end])
.range([margin + offset, width - (offset + margin)])
svg.append("g")
.attr("transform", `translate(0,${height - (offset + margin)})`)
.call(d3.axisBottom(x))
.selectAll("text")
.attr("transform", "translate(-5,5) rotate(-45)")
.style("text-anchor", "end")
.style("font-size", 20)
//Time range
const start = new Date(weeks.at(0).date)
const end = new Date(weeks.at(-1).date)
const x = d3.scaleTime()
.domain([start, end])
.range([margin + offset, width - (offset + margin)])
svg.append("g")
.attr("transform", `translate(0,${height - (offset + margin)})`)
.call(d3.axisBottom(x))
.selectAll("text")
.attr("transform", "translate(-5,5) rotate(-45)")
.style("text-anchor", "end")
.style("font-size", 20)
//Diff range
const points = weeks.flatMap(({added, deleted, changed}) => [added + changed, deleted + changed])
const extremum = Math.max(...points)
const y = d3.scaleLinear()
.domain([extremum, -extremum])
.range([margin, height - (offset + margin)])
svg.append("g")
.attr("transform", `translate(${margin + offset},0)`)
.call(d3.axisLeft(y).ticks(7).tickFormat(d3.format(".2s")))
.selectAll("text")
.style("font-size", 20)
//Diff range
const points = weeks.flatMap(({added, deleted, changed}) => [added + changed, deleted + changed])
const extremum = Math.max(...points)
const y = d3.scaleLinear()
.domain([extremum, -extremum])
.range([margin, height - (offset + margin)])
svg.append("g")
.attr("transform", `translate(${margin + offset},0)`)
.call(d3.axisLeft(y).ticks(7).tickFormat(d3.format(".2s")))
.selectAll("text")
.style("font-size", 20)
//Generate history
for (const {type, sign, fill} of [{type: "added", sign: +1, fill: "rgb(63, 185, 80)"}, {type: "deleted", sign: -1, fill: "rgb(218, 54, 51)"}]) {
svg.append("path")
.datum(weeks.map(({date, ...diff}) => [new Date(date), sign * (diff[type] + diff.changed)]))
.attr(
"d",
d3.area()
.x(d => x(d[0]))
.y0(d => y(d[1]))
.y1(() => y(0)),
)
.attr("fill", fill)
//Generate history
for (const {type, sign, fill} of [{type: "added", sign: +1, fill: "rgb(63, 185, 80)"}, {type: "deleted", sign: -1, fill: "rgb(218, 54, 51)"}]) {
svg.append("path")
.datum(weeks.map(({date, ...diff}) => [new Date(date), sign * (diff[type] + diff.changed)]))
.attr(
"d",
d3.area()
.x(d => x(d[0]))
.y0(d => y(d[1]))
.y1(() => y(0)),
)
.attr("fill", fill)
}
result.history = d3n.svgString()
}
else {
console.debug(`metrics/compute/${login}/plugins > lines > no history data`)
result.history = null
}
result.history = d3n.svgString()
}
//Results