D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
nbremer
Full window
Github gist
Minimal Regl version of "A Breathing Earth"
Built with
blockbuilder.org
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- <meta name="viewport" content="user-scalable = yes"> --> <title>A Breathing Earth - Minimal Regl version</title> <meta name="author" content="Nadieh Bremer"> <!-- JavaScript files --> <script src="https://d3js.org/d3.v4.min.js"></script> <script src="regl.min.js"></script> <!-- Styling --> <style> body { text-align: center; font-family: 'Source Code Pro', monospace; } #container { width: 1000px; margin-left: auto; margin-right: auto; text-align: center; padding-left: 20px; padding-right: 20px; } #chart { text-align: center; margin-left: auto; margin-right: auto; box-shadow: 0px 0px 5px #c1c1c1; } #week { text-align: left; font-size: 18px; margin-top: 15px; margin-bottom: 10px; } </style> <!-- Google fonts --> <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400" rel="stylesheet"> </head> <body> <div id="container"> <div id="week"></div> <div id="chart"> <canvas id="canvas"></canvas> </div> </div> <script src="main.js"></script> </body> </html>
https://d3js.org/d3.v4.min.js