MBA Candidate at Columbia, Software Engineer, Former Managing Web Editor @ The Michigan Daily. Building things I can see.
Published
Edited
May 17, 2022
2 forks
Importers
35 stars
The D3 Github Network, 2013 - 2021
Also listed in…
Github on Observable
textBBoxDims = ({})
textSize = 5
getURL = node => {
if (node.type == "author") {
return `https://github.com/search?type=users&q=${node.id.replace(
" ",
"+"
)}`;
} else {
return `https://github.com/d3/${node.id}`;
}
}
updateGraph = {
const currentData = eg.data();
if (
currentData.nodes.length != graphData.nodes.length ||
currentData.links.length != graphData.links.length
) {
eg.changeData(graphData);
}
}
eg = EditableGraph({ width })
sim = (simulation, data, height, width) =>
simulation
.nodes(data.nodes)
.force("link", d3.forceLink(data.links).id(d => d.id))
.force("charge", d3.forceManyBody())
.force("center", d3.forceCenter(width / 2, height / 2))
.alphaDecay(0)
.restart()
height = 500
graphData = ({ nodes, links })
links = connectionsByDate[dateIdx].map(d => ({
source: d[0].split(" | ")[0],
target: d[0].split(" | ")[1],
count: d[1]
}))
nodes = reposByDate[dateIdx].concat(authorsByDate[dateIdx])
connectionsByDate = {
const dateArray = [];
let cumulativeData = new Map();
dateRange.forEach(date => {
dateArray.push(cumulativeData);
cumulativeData = new Map(cumulativeData);
const currentData = dateGroupedData.get(date) || [];
currentData.forEach(datum => {
const key = datum.author + ' | ' + datum.repo;
if (!cumulativeData.has(key)) {
cumulativeData.set(key, 0);
}
cumulativeData.set(key, cumulativeData.get(key) + 1);
});
});
return dateArray.map(d => Array.from(d));
}
reposByDate = {
const dateArray = [];
let cumulativeData = new Map();
dateRange.forEach(date => {
dateArray.push(cumulativeData);
cumulativeData = new Map(cumulativeData);
const currentData = dateGroupedData.get(date) || [];
currentData.forEach(datum => {
const key = datum.repo;
if (!cumulativeData.has(key)) {
cumulativeData.set(key, 0);
}
cumulativeData.set(key, cumulativeData.get(key) + 1);
});
});
return dateArray.map(d =>
Array.from(d).map(t => ({ id: t[0], type: 'repo', count: t[1] }))
);
}
authorsByDate = {
const dateArray = [];
let cumulativeData = new Map();
dateRange.forEach(date => {
dateArray.push(cumulativeData);
cumulativeData = new Map(cumulativeData);
const currentData = dateGroupedData.get(date) || [];
currentData.forEach(datum => {
const key = datum.author;
if (!cumulativeData.has(key)) {
cumulativeData.set(key, 0);
}
cumulativeData.set(key, cumulativeData.get(key) + 1);
});
});
return dateArray.map(d =>
Array.from(d).map(t => ({ id: t[0], type: 'author', count: t[1] }))
);
}
dateIdx = dateRange.findIndex(d => d === date)
dateRange = {
const dateRange = d3.extent(cleanData, d => new Date(d.date));
let currentDate = new Date(dateRange[0]);
currentDate.setHours(0);
currentDate.setMinutes(0);
currentDate.setSeconds(0);
const dateList = [];
while (currentDate < dateRange[1]) {
dateList.push(new Date(currentDate));
currentDate.setDate(currentDate.getDate() + 1);
}
return dateList;
}
dateGroupedData = d3.group(cleanData, d => d.date)
cleanData = combined
.map(d => {
// replace "Fil" with "Philippe Rivière"
if (d.author == "Fil") {
d.author = "Philippe Rivière";
}
// replace "Curran" and "curran" with "Curran Kelleher"
if (d.author == "Curran" || d.author == "curran") {
d.author = "Curran Kelleher";
}
// set times to the beginning of the day
// console.log(typeof d.date);
// console.log(typeof d.date);
const date = new Date(d.date.split(' ')[0]);
date.setHours(0);
date.setMinutes(0);
date.setSeconds(0);
d.date = date;
return d;
})
.filter(d => d.author != "dependabot[bot]")
import { Scrubber } from '@mbostock/scrubber'
import { Radio } from '@observablehq/inputs'
import { EditableGraph, drag, EGTag } from "@rlesser/editable-force-graph@2473"
import { combined } from '@codingwithfire/d3-git-history-data'
import { setRect, getBBox } from "@rlesser/automatic-getbbox"
moment = require('moment')
d3 = require('d3')
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.
