AWS

100%

✓ Published0🌍 Public

Last edited Feb 23, 2018

Created on Feb 23, 2018

This example shows a geographic map overlaid with a force-directed network graph of image labels detected from an AWS-hosted image. The visualization uses the AWS CLI with the Rekognition `detect-labels` API to extract labels from an S3 object, which are then positioned using `d3.forceSimulation`. Label nodes connect based on co-occurrence, with the map providing spatial context. The code relies on D3.js for graph layout and projection, pulling data from the S3 bucket `vulibrary-special-collections` via the `aws.bash` script. The rendering links detected terms to their relative geographic locations, creating an interactive spatial-semantic map.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist c1cfe3f160b38af412e4bec86506beb8

This example visualizes a network of AWS Lambda function targets from a JSON file, showing each resource as a node with its ARN and identifier. The visualization uses D3.js with a force-directed layout, employing `d3.forceSimulation` to position nodes and manage collision and link forces. Each node is rendered as a circle, with labels derived from the `Id` field, while the `Arn` is shown on hover via a tooltip. The data comes from `targets.json`, which contains a single target entry, and the rendering relies on D3’s selection and data-binding methods to update the SVG elements dynamically. No interaction beyond the tooltip is implemented.

CConorAspell

66% match

Loading thumbnail…

Gist 10676346

This map displays labeled points from a GeoJSON file, plotting locations like "Internet Archive," "China," and "New York" at their geographic coordinates. The visualization likely renders a large-scale point cloud, with overlapping labels suggesting a messy or aggregated dataset. Using a mapping library, likely D3.js with `d3.geoPath` for drawing map features and standard SVG or Canvas techniques for placing text labels, the code creates a simple geographical scatter plot. The rendering emphasizes the spatial distribution of these named places across the globe.

CCliffordAnderson

64% match

Loading thumbnail…

Gist 9bd5ca69fc039cff50383b3a3459858b

This example shows how to render a spatial distribution of data points on a map using D3.js. It uses `d3.geoPath` to draw geographic boundaries and `d3.forceSimulation` to position overlapping points, while Canvas `getImageData` is used to read pixel data for collision detection. The visualization reads from a PGP-encrypted text file, suggesting the underlying dataset is not directly accessible. The code relies on D3’s selection and transition APIs to animate point movements, and it appears to use a projection to convert latitude and longitude coordinates into screen positions. The result is an interactive scatterplot overlaid on a map, with points dynamically adjusting to avoid overlap.

CCliffordAnderson

64% match

Loading thumbnail…

D3 Georeferenced Network Graph

This example displays a network graph overlaid on a geographic map using a red SVG canvas. The visualization combines force-directed layout with geographic projection, though the inline script is empty, so the graph does not appear in the final render. The code sets up an 800×600 SVG element and loads D3 v7 via a CDN. It references d3.forceSimulation and d3.geoPath as potential APIs, but no functional implementation is present in the provided files. The page structure suggests a React starter template may be used for development.

LLocutuss

62% match

Loading thumbnail…

MIT-License

This visualization uses a physics-based simulation to cluster and connect nodes in a network. It shows a dynamic system of points that repel each other while links pull them together, creating an organic, ever-shifting layout. The code leverages d3.forceSimulation to model the forces and d3.geoPath for rendering the curved edges. Built on a gist of public data, the example demonstrates real-time interaction with the simulation, offering a clear view of how force-directed algorithms explore spatial arrangements.

11wheel

62% match

Loading thumbnail…

Cloudant Post

This example visualizes the geographic distribution of user-uploaded content from a Cloudant database, rendered as an interactive map. It first retrieves raw GeoJSON data from the Cloudant API, then uses `d3.geoPath` to project and draw country outlines, while `d3.forceSimulation` positions individual point markers based on their latitude and longitude. The map’s tile layer is generated with Canvas `getImageData` to apply a custom color scale to population density, and user interactions trigger `transition.attrTween` for smooth panning and zooming. The code relies on Three.js for the underlying WebGL rendering of the base terrain.

CCliffordAnderson

62% match

Loading thumbnail…

D3 force labels 01

This example visualizes a network of photograph-related metadata using a D3 v3 force-directed layout. Nodes are shown as GitHub favicon images, with yellow labels identifying each node by name, while yellow lines represent links between them. The graph includes nodes grouped by categories such as photographic works, collections, and photographers like James Anderson and Dorothea Lange. The code uses `d3.layout.force` to simulate the layout, applying gravity, distance, and charge parameters, and updates node and link positions on each tick event with SVG elements.

CChaco van der Sijp

61% match

Loading thumbnail…

Gist ae4b814c65267e5d9299fbb279a83176

This visualization combines a geographical forecast with spatial clustering and outlier detection, showing how raw location data is grouped and analyzed on a map. It uses a custom D3 force simulation to arrange clusters, while the geographic backdrop is rendered through `d3.geoPath` with map projections. The clustering logic relies on KMeans and spatial clustering algorithms from an external library, and outlier detection flags anomalous points via canvas `getImageData` pixel analysis. The code integrates Three.js for enhanced 3D terrain rendering, with transitions driven by `transition.attrTween` to animate cluster movements over time. The data source appears to be simulated forecast points, processed through the clustering pipeline.

HHugoberry

61% match