Head coach data science @neuefische, @pyladieshamburg organizer , vice chair on the @python Software Verband, managing member @PSF and part of the D&I PSF work group
Neuefische Yearly Bootcamp Event Planner
displaydata=data.map(d => {return {city: tracks[d.track],start: d.target}})
tracks = ["Hamburg", "Cologne", "Munich", "Remote"]
bootcamp_days = 12 * 7
t = function (d) {
return Math.trunc(d / 120);
}
monday = function(d){
return d3.timeDay.offset(d, - d.getDay() + 1)
}
formatTime = d3.timeFormat("%B %d")
x = d3
.scaleTime()
.domain([
new Date("2023-01-01T00:00"),
new Date(new Date("2023-12-31T24:00Z"))
])
.rangeRound([margin.left, width - margin.right])
interval = d3.timeDay.every(1)
xAxis = g => g
.attr("transform", `translate(0,${height - margin.bottom})`)
.call(g => g.append("g")
.call(d3.axisBottom(x)
.ticks(interval)
.tickSize(-height + margin.top + margin.bottom)
.tickFormat(() => null))
.call(g => g.select(".domain")
.attr("fill", "#FB734B")
.attr("stroke", null))
.call(g => g.selectAll(".tick line")
.attr("stroke", "#FCE584")
.attr("stroke-opacity", d => d <= d3.timeMonth(d) ? 0 : 1))) // mark beginning of month
.call(g => g.append("g")
.call(d3.axisBottom(x)
.ticks(d3.timeMonth)
.tickPadding(0))
.attr("text-anchor", null)
.call(g => g.select(".domain").remove())
.call(g => g.selectAll("text").attr("x", 6)))
margin = ({top: 10, right: 0, bottom: 20, left: 100})
height = tracks.length * 120
d3 = require("d3@5")
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.
