This collection includes notebooks for users of Github on Observable. 

Toph Tucker

Load a repository’s issues into a table.

Observable

GitHub API Starter

GitHub API Helpers

Choose a user and repo and see live results for a curated subset of methods spanning the capabilities of the GitHub API.

GitHub API Explorer

Jimmy Zhang

Help developers and managers ship pull requests faster by visualizing their activity timelines. 

GitHub: Pull Request Visualizer

Use visualization to help select an appropriate reviewer for your pull request.

GitHub Suggested Reviewers

How long are your GitHub Actions integration tests taking to run?

Integration Test Duration

Ian Johnson

Developer Workflows: Integration Test Duration Tutorial

Flaky tests waste engineer time; which GitHub Actions jobs fail and then pass when re-run?

Integration Test Flakiness

Anjana Vakil

Collapsible Github Tree

When did a repo get its stars? Who was first, who was 100th? Chart it over time, annotated with tagged releases.

GitHub Stargazer History

Chris Zubak-Skees

GitHub Flat Viewer in Observable

Robert Lesser

The D3 Github Network, 2013 - 2021

Steve Kasica

Software Engineering Visualization with GitHub's API

Andrew Wooldridge

How to Import a Dataset from GitHub

Justin Gosses

Public Engagement with NASA's Open-Source Code Projects on Github

KyungYeol Kim

github pull request analysis

Zoomable Circle Packing - Files in a Github Repo by Size

Zihou Ng

Github Files Graph

Github on Observable

very nice, but I notice the drag on the dob filtering doesn't seem to work.

Mathew Brown

Ah, good catch! Not sure what's going on there.

super interesting! Both the histogram and categorical filters work with keyboard input but not mouse. I wonder if Observable is handling mouse events?

Amelia Wattenberger

I bet it's the shadow DOM I'm using to sandbox the styles.

Yeah, I think it's this https://github.com/downshift-js/downshift/issues/536

this also might be related, since it's both the histogram and downshift elements:
https://stackoverflow.com/questions/37866237/click-event-not-firing-when-react-component-in-a-shadow-dom

working sans shadow dom, but I see now why you were using it! wish those styles weren't bleeding out

https://observablehq.com/d/9b01d2fadfbab3c2

Okay, I think I got it. I inlined the styles unique to the app and used a CSS scoping function from @severo/scoped-css. Hopefully doesn't break something else.

Hi Chris!

I would love to see this but it looks like flat-viewer isn't working in Observable anymore, any ideas what the problem is?!

"Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings."

Thanks!

Declan Naughton

here's a backup until this one is working again:
https://observablehq.com/@wattenberger2/github-flat-viewer-in-observable

Thanks Amelia! 😀
Looks like all are back working again!

I merged the changes from your notebook. And added a credit line.

Purpose-built for displays of data