Sitio que sigo por RSS

100%

Sitio que sigo por RSS

✓ Published0🌍 Public

Last edited Jul 2, 2015

Created on Jan 8, 2016

This visualization displays a personal list of RSS feeds, showing each blog as a floating node connected to a central hub. It uses d3.forceSimulation to position the nodes and SVG elements to render them, with the site names and URLs parsed from the markdown file. The layout reveals the author’s curated collection of JavaScript and web development resources, including notes on inactive or recommended sites.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 466252

This example is a data-art composition built from a personal list of recommended web design and programming books, rendered as an interactive force-directed graph. It visualizes the relationships between books, their authors, and their associated topics (like usability, web standards, JavaScript, Ruby, and Rails) using `d3.forceSimulation` for physics-based layout and dynamic node positioning. Each book title, URL, and annotation from the original text is embedded as textual nodes and links, with the graph’s structure and labels derived directly from the source gist’s content. The rendering approach uses SVG elements updated via D3’s data join, and while no explicit additional libraries are mentioned, the code relies on standard D3 v4+ APIs for simulation, drag behavior, and tick updates to show the clustered, interlinked reading list.

DDylanFM

66% match

Loading thumbnail…

Podcasts

This visualization maps a curated list of podcasts from a GitHub gist, plotting each title as a node in a force-directed graph. The layout uses `d3.forceSimulation` with `d3.forceLink` to connect podcasts sharing a common theme or network (e.g., history or NPR), while node size reflects the number of linked episodes. The graph is rendered on a Canvas via `getImageData` for pixel-level interactivity, with hover states highlighting related podcasts. Data comes directly from the markdown file, parsed client-side. The background is a subtle grid, and the overall effect emphasizes the interconnected web of intellectual audio content.

DDylanFM

65% 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

65% 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

64% match

Loading thumbnail…

Gist e899f735aa7a47c42f7b2604c713bfef

This example visualizes a force-directed graph using D3’s `d3.forceSimulation` to position nodes, with links drawn as SVG lines. The rendering approach uses Canvas `getImageData` to sample pixel data for a custom background effect, while Three.js handles 3D-like sphere rendering for node highlights. The code reads node and edge data from an embedded JavaScript object, and the simulation runs continuously with a `tick` handler updating node positions. A dropdown menu lets users filter the graph by cluster, though the filtering logic only updates node visibility without altering the underlying simulation forces.

AAlexDaGr8

64% match

Loading thumbnail…

Gist cb09210b412a2bce44aad4f310499d47

This example presents a network visualization built with D3.js, using the `d3.forceSimulation` API to position nodes and links. It displays interconnected data points rendered as circles and lines, with the simulation handling collision detection and link forces. The code also incorporates CSS styling rules that affect text wrapping and overflow within a `.generic-content` paragraph container, though this appears to be a styling detail rather than the core graph structure. The visualization shows a dynamic, force-directed layout where node positions update over time based on physical simulation parameters.

KKopylovVitalik

64% match

Loading thumbnail…

Gist 05ff2219cb2cc463ad1612e8a501c400

This visualization uses a force-directed simulation to show a network of interconnected nodes, with each node represented as a colored circle and links drawn between related points. The code relies on `d3.forceSimulation` and `d3.forceLink` to compute the layout, while `d3.drag` enables user interaction to move nodes. A canvas element renders the graph, with the simulation updating positions each tick. The data appears to be a small custom-generated dataset of nodes and edges, with node colors mapping to distinct groups, and the visualization does not include any external data source or geographic rendering.

MMistyBlunch

63% match

Loading thumbnail…

Gist 42f2a3f8bdbf9468dea8f6274d2dac31

This interactive force-directed graph visualizes relationships among a set of nodes using D3.js’s `d3.forceSimulation` API. The layout emerges from simulated physical forces, with nodes repelling and links attracting them to reveal clusters. The code also implements mouse drag-and-drop interaction, allowing users to reposition nodes in real time, which perturbs the equilibrium and triggers the simulation to recalculate. The visualization renders nodes as circles and links as straight lines, with the underlying data and force parameters defined inline within the JavaScript source.

AAnaMal08

63% match