D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
mchew7
Full window
Github gist
ThreeJS
Built with
blockbuilder.org
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Chimney</title> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <link rel="stylesheet" type="text/css" href="./Qgis2threejs.css"> </head> <body> <div id="webgl"></div> <!-- popup --> <div id="popup" style="display:none;"> <div id="closebtn">×</div> <div id="popupbar"></div> <div id="popupbody"> <div id="popupcontent"></div> <div id="pageinfo"> <h1>Current View URL</h1> <div><input id="urlbox" type="text"></div> <h1>Usage</h1> <div id="usage"></div> <h1>About</h1> <div id="about">This page was made with <a href="https://www.qgis.org/" target="_blank">QGIS</a> and <a href="https://github.com/minorua/Qgis2threejs" target="_blank">Qgis2threejs</a> plugin, and uses the following library: <ul> <li>three.js <a href="https://threejs.org/" target="_blank">https://threejs.org/</a> <a href="./threejs/LICENSE" target="_blank" class="license">(LICENSE)</a></li> <li>dat-gui <a href="https://code.google.com/p/dat-gui/" target="_blank">https://code.google.com/p/dat-gui/</a> <a href="./dat-gui/license.txt" target="_blank" class="license">(LICENSE)</a></li> <li id="lib_proj4js" style="display: none;">Proj4js <a href="https://trac.osgeo.org/proj4js/" target="_blank">https://trac.osgeo.org/proj4js/</a> <a href="./proj4js/LICENSE.md" target="_blank" class="license">(LICENSE)</a></li> </ul> </div> </div> </div></div> <!-- footer --> <div id="footer"></div> <script src="./three.min.js"></script> <script src="./Qgis2threejs.js"></script> <script src="./OrbitControls.js"></script> <script> var option = Q3D.Options; </script> <script src="./Chimney.js"></script> <script> if (typeof proj4 !== "undefined") document.getElementById("lib_proj4js").style.display = "list-item"; var container = document.getElementById("webgl"); // initialize application var app = Q3D.application; app.init(container); // load the project app.loadProject(project); app.addEventListeners(); app.start(); </script> <script src="./dat.gui.min.js"></script> <script src="./dat-gui_panel.js"></script> <script> // initialize dat-gui panel Q3D.gui.init(); </script> </body> </html>