Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hex map

Public visualization

Viewing a saved revision (read-only)

95d0d7ec6f1340bf82be78d1f855ad35

Hex map

0 stars0🌍 Public
SSam de Man
Last edited Nov 2, 2020
Created on Nov 2, 2020
Forked from HTML Starter

This example renders a map of the world as a hexagonal grid using the `d3-hexgrid` library. The SVG output shows continents and country boundaries formed by hexagons, with a color scale distinguishing land from water. The visualization is built with React and uses D3’s hexbin mapping to project geographic coordinates onto hexagon cells, creating a stylized, low-resolution representation of global geography. The code initializes a 1960x800 SVG canvas and loads the hexgrid library via a CDN.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.