SiteVisor is a Digital Twin Application for building monitoring and asset management, particularly for offices and industrial sites. The web applicatioon will simulate real world objects through a 3D digital twin, enabling users to see the site conditions, manage assets, and streamline maintenance tasks effectively. Check the documentation to learn more.
Once you've installed dependencies with npm install (or pnpm install or yarn), start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --openTo create a production version of your app:
npm run buildYou can preview the production build with npm run preview.
To deploy your app, you may need to install an adapter for your target environment.
- Jason Sturges - 3D with Svelte and Three.js
- github.com/jasonsturges - Starter Svelte + Three.js project template
- TypeScript types for three.js
- Typescript Classes
- Refactoring Guru - Design Patterns - Factory Method
- Svelte-awesome-color-picker
- MDN Web Docs - Drawing shapes with canvas
- HSL Gradient Canvas
- Wesley Mutwiri - Create Beautiful Charts with Svelte and Chart js
- Emil Hein - Svelte and WebSocket
- MkDocs - static site generator for project documentation
- Material for MkDocs - documentation framework on top of MkDocs
- MkDocs: mkdocs-multirepo-plugin
- Material for MkDocs - Publishing your site - GitHub Pages
- GitHub Docs - Configuring a publishing source for your GitHub Pages site
- yEd - graph editor