Get started with pavilion CDN

MIT licensed

The Pavilion library is a lightweight framework for building interactive data visualizations.

Tags:
  • responsive
  • framework
  • minimal
  • bootstrap
  • scss
  • css
  • web

Stable version

Copied!

How to start using pavilion CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.cdnhub.io/pavilion/2.0.3/pavilion.min.css">
  <title>Get started with pavilion CDN - cdnhub.io</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      height: 100vh;
      width: 100vw;
      overflow: hidden;
    }
  </style>
</head>
<body>
  <div id="pavilion"></div>

  <script>
    const pavilion = new pavilion.default({
      container: document.getElementById('pavilion'),
      width: window.innerWidth,
      height: window.innerHeight,
      backgroundColor: '#000',
      ambientColor: '#444',
      intensity: 0.5,
      objects: [
        {
          type: 'Sphere',
          position: [0, 0, 0],
          radius: 1,
          color: '#fff',
          texture: 'url(https://picsum.photos/id/237/400/300)',
          textureRepeat: 'repeat'
        }
      ]
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!

All versions