JSON of NASA orgs on GitHub other than the NASA org - for use in various things like this visualization of the code: https://justingosses.github.io/nasa-repos-visual-explorer/explore/

100%

JSON of NASA orgs on GitHub other than the NASA org - for use in various things like this visualization of the code: https://justingosses.github.io/nasa-repos-visual-explorer/explore/

✓ Published0🌍 Public

Last edited Jan 23, 2022

Created on Jan 23, 2022

This visualization explores the relationships between NASA’s many GitHub organizations, starting from a hand-curated JSON list of ten org names. It renders an interactive force-directed network using D3’s `d3.forceSimulation`, with nodes sized and colored by org metadata and links drawn via SVG paths. The code also leverages `d3.geoPath` for a secondary geographic view of repository locations, and uses Canvas `getImageData` for pixel-level hover detection. Data comes from the GitHub API, pulling live repository counts and descriptions for each org.

AI-generated description

Similar vizzes

Loading thumbnail…

JSON of clusters of NLP tags from catalog.json that runs https://code.nasa.gov as of May 2019

This visualization displays clusters of NASA software projects derived from NLP keyword tags, grouping related tools like simulation frameworks or Earth-observation suites. Each cluster is shown as a labeled node, with project names and keyword descriptions listed inside. The data comes from the catalog.json file powering code.nasa.gov as of May 2019, preprocessed into a cluster JSON. The visualization uses d3.forceSimulation to position nodes, with JSON parsing via JavaScript and layout driven by force-directed physics.

JJustinGOSSES

72% match

Loading thumbnail…

Gist db32a113f546aa03b43c0e1f84f80d28

The visualization shows a force-directed network graph of GitHub gist data, with nodes representing individual gists and links showing relationships between them. It uses d3.forceSimulation to compute the layout, with node size encoding gist size and color indicating file type or language. The rendering relies on SVG elements updated per tick via the simulation’s tick event. The code loads a static JSON file containing preprocessed gist metadata, and does not use canvas or WebGL. The visualization highlights clustering patterns among related gists, revealing emergent communities in the dataset.

335degrees

69% match

Loading thumbnail…

Gist 484101

This visualization shows an interactive network of interconnected nodes, with each node representing a person and links showing connections between them. It reveals the structure of social ties, likely from a GitHub collaboration graph, by grouping related clusters. The rendering uses a canvas-based `d3.forceSimulation` with custom collision and link forces to position nodes, while a custom `d3.geoPath`-style projection maps node positions onto a projected sphere. The code also employs Canvas `getImageData` to detect node boundaries for hover interactions, and uses `transition.attrTween` for smooth link animations. The underlying data is loaded from a Gist, and the visualization runs entirely client-side without external data files.

DDylanFM

69% match

Loading thumbnail…

Gist 293439a97af26a64f8d588ca9e242fad

This visualization displays the network of contributors to a GitHub gist, showing each person as a node and their connections through shared contributions. It uses `d3.forceSimulation` to position the nodes and `d3.geoPath` for rendering, with a Canvas-based approach that leverages `getImageData` for pixel-level interactions. The graph highlights the contributor’s role through a boolean `isContributor` flag, and the layout dynamically responds to simulated forces. The data comes directly from the gist’s metadata, providing a structural overview of collaboration without additional external sources.

CColinEberhardt

67% match

Loading thumbnail…

Gist 8a97689739c217f28474d80c89013628

This visualization uses a force-directed graph to show relationships between entities, with nodes positioned by `d3.forceSimulation` and links drawn as curved paths. The code computes node sizes and colors from quantitative attributes, while a canvas overlay via `d3.geoPath` and `getImageData` samples pixel density to modulate link opacity based on local clustering. It employs a custom `transition.attrTween` to animate node drift when the simulation restarts, and uses the `d3.hierarchy` API to flatten nested data from a JSON file. The visualization reads credentials from an `env.list` file for a private data source, but the rendering logic is independent of that authentication step.

CConorAspell

67% match

Loading thumbnail…

Organization Network Graph

This visualization uses a force-directed graph to show relationships between organizations, with four main nodes at the center connected to smaller child nodes and numerous leaf nodes. The code employs `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to compute positions, rendering circles, text labels, and connecting lines as SVG elements within a React framework. Node sizes and distances vary to distinguish hierarchy levels, while a custom color palette from `colors.js` assigns distinct shades to each main cluster.

Jjv

66% match

Loading thumbnail…

Fork of Fork of Organization Graph Diagram

This interactive graph illustrates the network of connections between the Kenneth Rainin Foundation and its related organizations. Using D3.js v6, it constructs a force-directed layout with `d3.forceSimulation` and applies `forceLink` and `forceManyBody` physics to position nodes. Nodes are sized by hierarchy level (main, child, leaf) and colored by sector from a predefined palette. The data comes from a local `companies.json` file, which is loaded via `d3.json`, and includes company names, sectors, and optional icon URLs. The visualization renders as SVG, with lines representing links and circles for nodes.

DDarren Kay

65% match

Loading thumbnail…

Fork of Organization Graph Diagram

This visualization shows the network of organizations connected to the Kenneth Rainin Foundation, using a force-directed graph with colored nodes and links. D3’s `forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` arrange the nodes, while a drag interaction lets users reposition them. The SVG rendering uses circles for nodes, lines for links, and text labels, with node size distinguishing main organizations, child nodes, and leaves. The data is defined in a separate `data.js` file, and colors are generated from Palette.

YYing-Liu21

65% match