MBA Candidate at Columbia, Software Engineer, Former Managing Web Editor @ The Michigan Daily. Building things I can see.
Published
Edited
2 forks
Importers
35 stars
GitHub API StarterGitHub API HelpersGitHub API ExplorerGitHub: Pull Request VisualizerGitHub Suggested ReviewersIntegration Test DurationDeveloper Workflows: Integration Test Duration TutorialIntegration Test FlakinessCollapsible Github TreeGitHub Stargazer HistoryGitHub Flat Viewer in ObservableSoftware Engineering Visualization with GitHub's APIHow to Import a Dataset from GitHubPublic Engagement with NASA's Open-Source Code Projects on Githubgithub pull request analysisZoomable Circle Packing - Files in a Github Repo by SizeGithub Files Graph
The D3 Github Network, 2013 - 2021
Also listed in…
Networks
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')
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.