Skip to main content
100%

STUN+TURN servers list

✓ Published0🌍 Public
Aamazingandyyy
Last edited Nov 22, 2013
Created on Mar 29, 2018

This visualization maps the public STUN and TURN servers listed in a gist by amazingandyyy, showing their distribution across a world map. It uses D3.js with a geographic projection and renders points via `d3.geoPath` on an SVG canvas, with each server plotted as a circle at its approximate coordinates. The data source is the raw gist containing server URLs, credentials, and usernames, and the visualization highlights the global spread of these WebRTC infrastructure endpoints. The code does not include interaction or animation, focusing purely on static spatial representation.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 894879

This example builds an interactive map visualization using the D3.js library, displaying geographic data over a rendered world map. It applies a force-directed simulation with `d3.forceSimulation` to position nodes, while `d3.geoPath` generates the map outlines and `d3.geoProjection` handles coordinate transformations. The interface includes customizable control panels styled via CSS, allowing users to adjust map layers and layout dynamically. The visualization renders data from a gist source, combining geographic boundaries with overlaid points that respond to simulated forces for a dynamic, data-driven presentation.

Aandrewxhill
64% match
Loading thumbnail…

Data Visualization Studios Worldwide

An animated globe shows the worldwide locations of data visualization studios, with points color-coded by region. The visualization uses a spinning orthographic projection, rendered as an SVG, to display the Earth from space. The globe rotates using `requestAnimationFrame`, and the `d3.geoOrthographic` projection updates the positions of the data points in real time. A legend allows users to interactively highlight studios by region, using `d3.scaleOrdinal` for color mapping, with the studio data loaded from a CSV file.

CCurran Kelleher
63% match
Loading thumbnail…

Gist 93888ff1e2e309348986d5e9496196c7

This example visualizes the locations of Dutch train stations, distinguishing intercity stations from regular ones through color-coded points. The map is built using D3.js, combining `d3.forceSimulation` with a custom force that projects coordinates onto a map layout, while station markers are rendered as circles. The visualization uses `d3.geoPath` to draw the geographic context, and the underlying data comes from a CSV file listing station names, coordinates, and intercity status. The rendering approach relies on Canvas, with the simulation handling the placement of labels and points to avoid overlap.

JJulesBlm
63% match
Loading thumbnail…

Gist 8393709

This visualization displays a world map rendered from GeoJSON data using D3.js, with country polygons colored according to a categorical scale. The map focuses on named regions and includes a legend and hover interactions, allowing viewers to explore geographic boundaries and associated metadata such as country names and people listed in the properties.

Aadkatrit
63% match
Loading thumbnail…

Data Visualization Studios World Tour WIP

An interactive globe visualizes the locations of data visualization studios worldwide, with color-coded regions and a legend for explore. A "world tour" automatically flies between studio locations using smooth zooming and rotation, pausing on user interaction. The visualization uses d3-geoOrthographic, d3.geoPath, and d3.interpolateZoom, with React state driving the animation loop and SVG rendering for the globe, labels, and points.

CCurran Kelleher
63% match
Loading thumbnail…

Gist 242e773969e53286f87a

This example presents a dynamic geographic mapping interface powered by a live data feed from a Quadrant server, visualizing real-time information over a map of the United States. The code employs `d3.forceSimulation` to position and animate network nodes, while `d3.geoPath` and Canvas's `getImageData` handle the rendering and manipulation of the geographic base layer. The visualization, likely representing network activity or fleet locations, refreshes over a rolling two-hour window, with user controls for time range and sub-app navigation embedded in the URL. The UI is constructed with HTML and CSS, with the map generated from a topojson data source.

SStephen
62% match
Loading thumbnail…

Points on the map original

This visualization displays a world map with circles representing cities having populations greater than 50,000, with circle size scaled by population using a square root scale. The map includes landmasses, graticules, and sphere outlines rendered as SVG paths projected via `d3.geoNaturalEarth1` and `d3.geoPath`. Country boundaries come from the World Atlas TopoJSON, while city data originates from Simplemaps. Circles are semi-transparent teal, with opacity allowing overlap visualization. The code uses React with `d3.csv` for city data loading and `topojson.feature` and `topojson.mesh` for geographical features.

SStefan Apostol
62% match
Loading thumbnail…

Network

Three server icons, each loaded from an external PNG via an `svg:image` element, are vertically positioned at fixed y-coordinates (50, 100, and 150) in an SVG canvas. The code uses D3 v4’s `selectAll` and `data` binding to join an array of server objects, then appends images with `xlink:href` attributes. The visualization demonstrates a simple static network layout without interaction or force simulation, relying solely on D3’s data-join and SVG rendering.

Aadchien
62% match