Skip to main content
SimilarExport ZIP
100%

Skycoin Nodes - 2018/06/10

✓ Published0🌍 Public
WWill Carter
Last edited Aug 19, 2019
Created on Jun 10, 2018

This interactive map visualizes the global distribution of Skycoin nodes on June 1, 2018, using Mapbox GL to display geographic locations as blue circular markers. Hovering over a marker reveals a popup with details such as node name, description, and coordinates. The map uses a dark basemap and centers on a world view, with node data loaded from a GeoJSON file. The visualization provides an at-a-glance understanding of Skycoin node density and location, while the hover interaction enables quick access to individual node information.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Gist 646a839ec3b9e7a2ffa1c7bd7b3c2f34

This interactive map visualizes the geographic distribution of community-contributed network nodes, with each point representing a location where users have deployed hardware. The Vue-based application loads a GeoJSON file (skycoin_20180601.geojson) containing 20 geolocated features, each tagged with a name, coordinates, and descriptive text. Rendered as multipoint geometries on a world map, the visualization likely uses a mapping library to project the coordinates, while tooltips or popups reveal the associated metadata for each node. The example highlights crowd-sourced network infrastructure data, combining spatial context with user-generated annotations.

WWill Carter
78% match
Loading thumbnail…

Work

A geographic map of bike-share stations in Lyon overlays a pie chart showing the proportion of a day spent in sky, sunny, or shady conditions. The visualization uses Mapbox.js for the basemap and D3.js for the pie chart, SVG rendering, and a color legend. Station data from a GeoJSON-like file includes real-time availability, while the pie chart’s hardcoded proportions drive the graphic.

CChmits
58% 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
56% match
Loading thumbnail…

fresh block

A map of Lyon displays bike-sharing station locations as animated dots that grow on load, colored by availability status. The visualization pairs a Mapbox.js and Leaflet map with D3.js to project station coordinates onto an SVG overlay layer. Hovering over a dot opens a tooltip with station details, while the data also supports an accompanying bar chart of station metrics. Station information comes from a JSON file and updates via D3 transitions, with a d3-legend library included for potential map legends.

CChmits
56% match
Loading thumbnail…

Fork of Network

This network visualization shows flight routes between major cities, with node shape distinguishing hubs as diamonds versus cities as circles and link width encoding weekly flight frequency. Node colors group cities by geographic region, and labels remain visible on every node. Built with D3.js v7, it uses d3.forceSimulation with forceLink, forceManyBody, forceCenter, and forceCollide to position the network dynamically. Users can drag nodes to reposition them. The SVG rendering includes a legend, and nodes display tooltips showing city name and type via SVG title elements. Data is custom-defined in the script.

Ppanyamsantosh09@gmail.com
56% match
Loading thumbnail…

spotlight filter

This interactive map of renewable energy power plants in the US uses a spotlight filter to highlight plants within a 500 km radius of the cursor. The map displays three layers—hydro (blue), wind (light blue), and solar (yellow)—with circle markers sized by plant capacity. Built with Leaflet 0.7.3, the visualization listens for mouse movement and dynamically toggles marker visibility and fill opacity via the `setStyle` API. The underlying GeoJSON data is sourced from the `power-plants.js` file, and the dark basemap tiles come from CartoDB.

663anp3ca
55% match
Loading thumbnail…

skysat-coverage-map

This map shows the global distribution of satellite image counts collected across agricultural regions and major cities, with point size encoding the number of images per location. The visualization uses D3 v3 with SVG and animation, plotting a diverse set of sampled sites from North America, Australia, and beyond. The dataset, drawn from agricultural and city CSV files, is represented using scaled circle markers over a geographic projection, with an animated transition that sequentially reveals the points—likely by image count—so that locations with more satellite captures become visually dominant first. The map highlights geographic clusters in the U.S. Great Plains, Australia, and Brazil, with labels for top sites like Paterson_WA and Budapest_Hungary.

HHenryW95
55% match
Loading thumbnail…

Fork of Network

This interactive network visualization shows flight routes between major cities and hub airports across the United States. Nodes are drawn as SVG circles, with larger light green circles representing hub airports and smaller light blue circles representing major cities. The layout is driven by d3.forceSimulation using link, charge, center, and collision forces, while links are rendered as gray lines. Users can drag nodes to reposition them, and hovering reveals a tooltip with the node’s ID and type.

Mmaddulanagasanjana@gmail.com
55% match