Get started with trianglify CDN

GPL-3.0 licensed

Trianglify is a software library that generates triangulated surfaces from arbitrary 2D shapes.

Tags:
  • svg
  • d3.js
  • visualization

Stable version

Copied!

How to start using trianglify CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with trianglify CDN - cdnhub.io</title>
  <style>
    #canvas {
      width: 400px;
      height: 400px;
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>
  <script src="https://cdn.cdnhub.io/trianglify/4.1.1/trianglify.min.js"></script>
  <script>
    const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d');
    const size = 400;

    Trianglify.seedrandom(); // Set seed for random numbers

    const trianglify = new Trianglify({
      width: size,
      height: size,
      cellular: {
        type: 'vicsek',
        strength: 1.5,
        frequency: 1.5,
        persistence: 0.5,
        lacunarity: 2.0,
        hue: 0.1,
        saturation: 0.5,
        brightness: 0.5
      }
    });

    trianglify.draw(ctx);
  </script>
</body>
</html>

All versions