Destiny PvP tutorials

100%

Destiny PvP tutorials

✓ Published0🌍 Public

Last edited Aug 16, 2016

Created on Jan 26, 2016

This visualization compiles a curated set of Destiny PvP tutorial links, organized into categories such as sniping, game breakdowns, map guides, and class-specific tips. The data is stored as a flat Markdown file, and the rendering uses d3.forceSimulation to position nodes representing each resource, with category labels structuring the layout. Hovering highlights related links and reveals the URL, while color coding distinguishes resource types. The code also uses d3.drag to allow manual repositioning of nodes within the network.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 6349f3a451209b4e57896264b72251fd

This example visualizes a force-directed network graph, showing how nodes and their links cluster and spread across the canvas. It uses d3.forceSimulation to compute physical forces between nodes, with d3.drag for interactive node movement and d3.select for updating positions on each tick. The graph renders through SVG circles and lines, with a hover effect that highlights connected edges. Data appears procedurally generated, and the recent update also incorporates a python3.7 upgrade guide link, though the core visualization relies entirely on D3’s simulation and event handling.

MMistyBlunch

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

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

58% match

Loading thumbnail…

Gist a3b2b71ef1d5540adc57

This example presents an interactive visualization built with the D3.js library. It uses the `d3.forceSimulation` API to compute physics-based layouts for nodes, while `d3.geoPath` renders geographic map projections. The code loads external JavaScript libraries and stylesheets via the `index.html` file, and the data is processed through custom scripts. The visualization integrates force-directed graphs with map projections to display relational data across a spatial context.

SSciutoAlex

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

57% match

Loading thumbnail…

Tutorial Sunburst Datavisualisation

This tutorial demonstrates a sunburst chart built with D3.js (v4), visualizing hierarchical data where each node is represented as a ring segment. The visualization uses the `d3.partition()` layout and `d3.arc()` to compute angular and radial positions for each slice, with colors assigned via `d3.scaleOrdinal` and a Category20b color scheme. Node data, including topics and sub-topics, is hardcoded in the script, and rendered as SVG paths within a group element. The example also includes a CSV file with weapon-type counts, though the chart currently displays the static nodeData structure rather than loading that external data.

Jjenniferslagt

57% match

Loading thumbnail…

Gist ff5ecb0cfd5b540608efaf7cdaad30d3

This visualization maps Unity shader properties onto a force-directed network, showing how different shader materials relate through shared parameters. Using d3.forceSimulation, nodes represent individual shader names like Bubbles, Fire, and Ink, with edges likely connecting shaders that share property types. Each node’s properties—such as float, color, texture, or vector—are parsed from the gist text, revealing patterns in shader design. The layout groups similar shaders spatially, making it easy to spot clusters of materials with common attributes like emission or specular settings.

Aandybak

57% match

Loading thumbnail…

Some useful links on distributed systems

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.

Aallyraza

57% match