Skip to main content
100%

Some useful links on distributed systems

✓ Published0🌍 Public
Aallyraza
Last edited Jan 9, 2017
Created on Dec 11, 2015

This visualization maps a curated markdown collection of distributed-systems links into an interactive network. It uses D3’s force-directed layout (`d3.forceSimulation`) to position nodes representing papers, projects, and talks, with edges drawn between related URLs and shared GitHub repositories. Node size reflects the number of incoming links, while color distinguishes categories like articles, code libraries, and video resources. The data comes directly from the source gist’s structured list, parsed into JSON for the simulation.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist d962973859d454ba2134b67b22c49130

This visualization maps the reading list from Berkeley’s “Advanced Topics in Computer Systems” course into a network graph. It shows how individual papers, grouped by topic areas like file systems, transactions, and distributed storage, connect through shared themes and prerequisites. The layout uses d3.forceSimulation to position nodes, with color coding for topics and text labels for paper titles. The data comes directly from the structured Markdown list in Papers.md, parsed to extract hierarchical groupings and links between entries.

Aallyraza
75% match
Loading thumbnail…

Gist 0cf18c3914779ac1ae22b28fecacffc4

The visualization displays a network graph of GitHub repository links, mapping connections between two projects and their associated URLs. It uses d3.forceSimulation to compute node positions and link forces, with SVG elements for rendering nodes and edges. The data originates from markdown files that reference external GitHub repositories, parsed into a node-link structure. Node sizes and link strokes reflect connection frequency, while labels identify repository names. The force-directed layout updates positions dynamically in response to simulated physics, and the graph is rendered with D3’s standard enter/update/exit pattern for smooth transitions.

Aallyraza
75% match
Loading thumbnail…

Some resources I've adapted to do work

The visualization maps a personal collection of adapted resources as a node-link diagram, showing how different files, tools, and references connect through shared use. It reads data from a Markdown file containing resource links, including an external blog post on clustering section titles, and renders the network using a force-directed layout with `d3.forceSimulation`. Nodes represent individual resources, with links drawn as SVG lines, and the code also employs `d3.select` and `d3.scaleOrdinal` for styling and positioning. The graph updates dynamically as forces settle, revealing clusters of related materials.

Aabehmiel
74% match
Loading thumbnail…

lectura recomendada

This example visualizes a personal reading list on distributed systems, organizing topics like the CAP theorem, MapReduce, and Bloom filters into a network of linked notes and resources. It uses d3.forceSimulation to position topic nodes and their associated links, with each node representing a concept and each edge connecting to its Wikipedia pages, papers, or code documentation. The layout reveals clusters of related material, such as MongoDB and CouchDB under MapReduce, and shows how the author’s annotations tie together external sources. The data comes from a markdown file parsed to build the graph structure.

Aaaizemberg
73% match
Loading thumbnail…

Gist b287c640477b69e13e008ebfa52e8a86

This example shows a network graph of Linux-related articles and links, with nodes representing individual web pages and edges connecting them by shared references. The visualization uses a force-directed layout via `d3.forceSimulation` to position nodes, while the SVG rendering relies on standard D3 selections and `d3.forceLink` for edge constraints. Node color and size encode the source domain (opensource.com versus rootsudo.wordpress.com) and degree, respectively. The graph updates dynamically as the simulation runs, with drag interaction enabled through `d3.drag` for repositioning nodes.

MMistyBlunch
73% match
Loading thumbnail…

Gist a7d5ced57721ac3f7075bbbbaee32a49

This interactive visualization uses a force-directed simulation to animate a network of nodes and links, showing how connected elements cluster and repel. The code relies on D3’s `d3.forceSimulation` with custom forces for charge, centering, and collision, while link positions update via the simulation’s tick handler. Node rendering uses SVG circles, and the visualization reads its data from an embedded array of node and link objects, with no external data source. The interaction includes drag-and-drop support via D3’s drag behavior, letting viewers move nodes while the simulation continuously recalculates positions.

11wheel
72% match
Loading thumbnail…

Gist 3588675371923377e776ce4856ed20c5

This interactive visualization maps a network of HTTP and API development tools, drawing nodes and links from a Markdown file that lists GitHub repositories. Using a force-directed layout, it clusters projects like `httpexpect`, `acme-dns`, and `space-cloud` to reveal relationships between mocking, testing, and live-relay utilities. The graph employs `d3.forceSimulation` for physics-based positioning and `d3.geoPath` to render the connecting edges, with node size and color encoding repository activity. The data source is the apifoo.md file contents.

Aallyraza
72% match
Loading thumbnail…

Gist 56aa55c446bd6068e25ac573bd790feb

This example shows a network graph of nodes and links, with each node rendered as a circle positioned by a force-directed layout. It displays a social or relational dataset where connections between points are visually mapped, and the graph responds to simulation forces over time. The code uses D3.js’s `d3.forceSimulation` to compute node positions and `d3.drag` for interactive movement. It draws the nodes and links on an SVG canvas, using standard D3 selections and update patterns, with the simulation updating positions continuously. The data source is a hardcoded array of node and link objects within the gist file.

Aamazingandyyy
72% match