Skip to main content
100%

Generating hex grid positions

✓ Published0🌍 Public
TThanaporn-sk
Last edited Mar 9, 2017
Created on Mar 9, 2017

This example visualizes the positions of a hex grid using an animated scatter plot. As the mouse moves across the screen, the number of points generated increases, creating a growing cluster of colored circles. The code computes cube coordinates and maps them to screen positions using a custom `toScreen` function, while an animation loop and the `requestAnimationFrame` API continuously add or remove circles based on mouse distance. The SVG circles are colored by their cube coordinate values, and the D3.js v4 library manages selection, insertion, and removal of the points.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/tonyhschu/'>tonyhschu</a>'s block: <a href='http://bl.ocks.org/tonyhschu/e63850b052825ae44ee139360ec9eb33'>Generating hex grid positions</a>

mit Licensed

Similar vizzes