Skip to main content
100%

Gist 488e4a1fda31f16613e690fb4b9b8aff

✓ Published0🌍 Public
Aamazingandyyy
Last edited Aug 21, 2018
Created on Aug 21, 2018

This visualization maps the evolution of cryptocurrency from Bitcoin to Ethereum and VeChainThor, comparing transaction costs and payment protocols. It uses d3.forceSimulation to position nodes representing milestones like the 2004 iPhone touchscreen and 2018 VeChain partnerships with BMW and LV. The rendering includes SVG paths and text labels showing token values in USD and ether, while a fixed-cost question references who takes transaction fees. Data comes from the gist’s plain-text file, with node styling and layout driven by D3’s force-directed API.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist f619992950dc14ce8674

This visualization renders a network of Bitcoin blockchain addresses and their transaction relationships. It uses the D3.js library's force-directed graph layout (d3.forceSimulation) to position nodes and links, with node size and color encoding transaction frequency and recency. The data originates from the public Bitcoin ledger, fetched via the Blockchain.info API. The code applies animated transitions through d3's built-in tweening and uses SVG paths for the link lines, revealing the structure of the cryptocurrency's transaction web.

Aannavital
74% match
Loading thumbnail…

Gist 95cce75a8a62805a4cc7914f6f09f779

This visualization uses D3.js to render a network graph of Ethereum addresses, showing relationships between nodes as linked force-directed clusters. It employs `d3.forceSimulation` to position nodes and links, with node size and color encoding address activity or balance. The graph draws nodes as circles and links as lines on an SVG canvas, with a dark background for contrast. The single data file, `gistfile1.txt`, contains a list of Ethereum addresses, which are parsed and connected into a force-directed layout. The visualization is interactive, allowing users to pan and zoom across the network.

Aamazingandyyy
72% match
Loading thumbnail…

Gist 515d01d65d622b5733123dd0e2960cda

This visualization shows a personal credit-card transaction log from July 2023, mapping individual purchases by category and amount over time. It uses D3.js with `d3.forceSimulation` to position nodes representing transactions, while `d3.geoPath` renders a geographic background of the San Francisco Bay Area based on the merchants' locations. The data comes from the CSV file `tx.csv`, parsed into a bubble chart where node size corresponds to transaction value and color encodes category. The code also applies `transition.attrTween` for smooth node movements and tooltips to display transaction details on hover.

Aamazingandyyy
72% match
Loading thumbnail…

Bitcoin trail

This chord diagram visualizes Bitcoin transaction flows between eight entities, with arc thickness representing the value transferred. The layout is computed using D3’s chord layout (d3.layout.chord) from a matrix of transaction amounts, and rendered as an SVG with colored arcs and ribbons. Each group represents a user or transaction, labeled with its name and colored via ColorBrewer. Mouseover a group fades out chords not connected to it, highlighting travel to and from that particular entity, while hovering a chord reveals exact origin–destination values in a tooltip. The circular layout and ribbon widths encode transaction volume, and the interactive focus supports exploration of the network structure. Data is loaded from CSV and JSON files, and the visualization uses D3 v2.# Bitcoin trail This interactive chord diagram visualizes the flow of Bitcoin transactions between users and transactions. Each segment around the circle represents a participant, with colored chords connecting senders to receivers. The width of each chord encodes transaction volume, while the interactive hover effect highlights all connections to and from a selected user, fading out unrelated chords for clarity. Built with D3.js and rendered as SVG, the visualization uses a matrix of transaction values and a color palette from ColorBrewer to show the flow of bitcoins across the network.

Aaht
68% match
Loading thumbnail…

Gist 334d4616b884641bca6e5d4b4492ca07

This example visualizes the foundational concepts of blockchain technology, breaking down its four core characteristics—distributed, trustless, immutable, and accountable—into a structured mind-map layout. The visualization organizes the text from the accompanying Markdown file into hierarchical nodes, with each characteristic branching into its supporting mechanisms like consensus, block chaining, and cryptography. It uses a force-directed graph rendered with D3’s `d3.forceSimulation` to position the nodes, while the textual content is drawn directly onto an SVG canvas. The data is parsed from the plain-text Markdown structure, preserving the nested bullet hierarchy as the visual tree.

Aamazingandyyy
67% match
Loading thumbnail…

Gist d48ac99dac6ce8f3ff73c4c181b58668

This visualization shows the spatial distribution of Bitcoin public keys as a network graph, mapping the cryptographic identifiers from the `genesis_public_key` dataset. It uses `d3.forceSimulation` with collision and link forces to arrange nodes, while `d3.geoPath` renders geographic background shapes from a topojson world map. Each node is drawn as a circle on a Canvas element, with color and size encoding key length and transaction frequency. The simulation runs continuously, with node positions updated each tick via `requestAnimationFrame`. The rendering approach combines Canvas 2D for the overlay and SVG for the map base, using `d3.scaleOrdinal` for categorical color mapping.

Aarchae0pteryx
67% match
Loading thumbnail…

For truffle 3

This example visualizes the relationships between Ethereum smart contracts by rendering a force-directed network graph. It uses d3.forceSimulation to compute node positions and link distances, with nodes representing contract addresses and links showing transactions between them. The data comes from a gist containing truffle.js configuration, which defines the development network parameters for testing. The visualization displays contract interactions as a dynamic, interactive graph that updates as the simulation runs, using SVG elements for nodes and paths for links.

Aamazingandyyy
65% match
Loading thumbnail…

A8- Nodelink w/ force

This interactive visualization displays a Bitcoin transaction network as a node-link diagram with force-directed layout. Nodes represent transaction addresses, and links show transactions with stroke width proportional to transaction weight. The network is rendered as SVG circles and lines, animated through a physics simulation using `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` forces. Node drag interaction and a hover tooltip showing node ID and total weight are implemented. Data is loaded from a remote CSV file.

SShazil Taqi
65% match