geoVoronoi.find(x,y)

100%

geoVoronoi.find(x,y)

✓ Published0🌍 Public

Last edited Sep 11, 2016

Created on Sep 7, 2016

A spherical Voronoi diagram of 500 random points is shown on an orthographic projection of the globe, where moving the mouse highlights the cell containing the cursor’s location. Using d3-geo-voronoi and d3.geoPath, the example implements a custom `xfind` method that walks through neighboring cells—coloring each visited cell in amber—to locate the nearest site, then marks the final cell red. Random site coordinates are generated directly in the code.

AI-generated description

Uses geoVoronoi.find() to highlight the nearest site to the selected (spherical) point.

Similar vizzes

Loading thumbnail…

Voronoi.find(x,y)

The example demonstrates how `voronoi.find(x,y)` locates the nearest cell in a Voronoi diagram as the mouse moves. A red fill marks the found cell, while orange and yellow highlight cells visited and tested during the search, revealing the algorithm’s traversal path. The code uses d3.v4 with 1000 random sites, rendering polygons as SVG paths. It wraps the native `diagram.find` method (available since v4.3.0) to add the color-coding, and applies a 50-pixel radius search limit.

PPhilippe Rivière

84% match

Loading thumbnail…

geoVoronoi polygons()

One hundred random points on a sphere are partitioned into Voronoi polygons using `d3.geoVoronoi`. The orthographic projection, rendered via `d3.geoPath`, displays the colored cells with dark borders and white site markers. A gentle animation rotates the projection continuously by updating the projection’s rotation, redrawing all paths every 50 milliseconds. The example uses `d3.geoOrthographic`, `d3.range`, and `d3.schemeCategory10` for colors, with SVG output.

PPhilippe Rivière

82% match

Loading thumbnail…

geoVoronoi triangles()

This example visualizes a spherical Voronoi triangulation of 100 random points, with each triangle filled by a random hue and the original sites marked as white dots. The orthographic projection rotates continuously to reveal the globe’s surface. Built with d3-geo-voronoi and d3-delaunay, it uses d3.geoPath and d3.geoOrthographic to render SVG paths, while d3.interval drives the animation by updating the projection’s rotation every 50 milliseconds. The points are generated as a GeoJSON FeatureCollection with coordinates spanning longitude 0–360 and latitude from -90 to 90.

PPhilippe Rivière

81% match

Loading thumbnail…

geoVoronoi mesh()

This example shows a dynamic Voronoi diagram on a globe, with a mesh of cell boundaries overlaid on a rotating orthographic projection. It generates 100 random geographic points, computes their spherical Voronoi tessellation using the `d3.geoVoronoi` plugin, and renders the resulting polygons and sites as SVG paths via `d3.geoPath`. The animation uses `d3.interval` to rotate the projection over time, continuously redrawing all paths. The code relies on D3 v4, the d3-delaunay library, and custom geo-Voronoi logic, with a light beige sphere and dark gray mesh for contrast.

PPhilippe Rivière

81% match

Loading thumbnail…

geoVoronoi circumcircles

This example visualizes the Voronoi tessellation of a sphere using 100 random points, rendered as colored triangles with white links and site markers. Hovering over a triangle reveals its circumcircle, drawn as a semi-transparent circle with dashed rays connecting the circumcenter to each vertex. Built with D3 v5 and the d3-geo-voronoi plugin, it uses d3.geoPath with an Equal Earth projection to draw the geometry in SVG, and d3.geoCircle to construct the interactive circumcircles.

PPhilippe Rivière

80% match

Loading thumbnail…

geoVoronoi Delaunay links and Urquhart graph

One hundred random points on a sphere generate a geospatial Voronoi diagram, with Delaunay links drawn as white lines and the Urquhart graph subset emphasized in bold. The d3-geo-voronoi library computes the tessellation, while d3.geoPath and an orthographic projection render the polygons and links to SVG. Sites appear as open circles. The legend notes the graph distinction.

PPhilippe Rivière

79% match

Loading thumbnail…

Voronoi binning

4000 random points are colored by the nearest of 400 weighted sites, selected as the top 10% by a random weight and arranged as a Voronoi diagram using d3.voronoi. A custom `find` method on the diagram, which walks neighboring cells via halfedges and optimizes from the last result, assigns each point the site color of its containing cell. Circles are rendered in SVG, with radius proportional to the square of each point’s weight.

PPhilippe Rivière

78% match

Loading thumbnail…

geoVoronoi x() and y() accessors

A rotating globe displays a Voronoi diagram of world capital cities, with each polygon filled by a categorical color from the `d3.schemeCategory10` palette. The map is rendered using `d3.geoVoronoi` and `d3.geoOrthographic`, with `d3.geoPath` projecting the spherical polygons onto an SVG canvas. Capital city coordinates are loaded from a CSV file, and the `x()` and `y()` accessors are used to map longitude and latitude while adding a small random epsilon.

PPhilippe Rivière

78% match