June 22, 2022

Demo Wednesday: Hexagonal Grid

We've published a new demo: Hexagonal Grid

How would you create a hexagonal grid diagram? We used the Honeycomb library to do the math for us, and JointJS, which rendered the grid and the shapes in it and made everything interactive.

If you want to learn more about hexagonal grids, also check out this article - https://www.redblobgames.com/grids/hexagons/.

Over to you – play around with our live demo below or visit our CodePen profile.

See the Pen Honeycomb by JointJS (@jointjs) on CodePen.

For more examples of JointJS and JointJS+, see our CodePen profile and our official documentation.

If you have an idea for another demo, let us know on Github Discussions.

Authors
Marek Hozak
Marketing guy, father, and sports fanatic who loves to learn about new technologies.
No items found.
Stay in the loop

Speed up your development with a powerful library

Leverage a time-tested JavaScript diagramming library using the best of HTML5 and SVG to accelerate your development.