Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-webvis
A curated list of awesome WebVIs
https://github.com/rajsite/awesome-webvis
Last synced: 5 days ago
JSON representation
-
Presentations
-
Social media
- One WebVI to rule (and print) them all! - Michal shows a project made with G Web Development Software to remote monitor and control a 3D printer. GDevCon October 2024.
- G Web. Is it any good? - Brian Powell talks about their experience with G Web Development Software web-enabling a data logger LabVIEW application. GDevConNA July 2022.
- NXG WebVIs and SystemLink Tags - Working with Symation to make a tablet UI to communicate with a PLC and other instruments. October 2019.
- Creating Powerful Web Apps With the LabVIEW NXG Web Module - Matthias details creating a sophisticated web application with a responsive UI, user login, and database backend. [Studio Bods](https://www.studiobods.com/en/niweek2019-ts170). NIWeek May 2019.
- Customizing Your WebVIs - Darin and Milan follow-up the NIWeek 2018 presentation talking about styling WebVIs and creating Add-On libraries with the JSLI. [Community page](https://forums.ni.com/t5/LabVIEW-Web-Development/NIWeek-2019-Customizing-Your-WebVIs/ta-p/3928168). NIWeek May 2019.
- Using LabVIEW NXG Web Technologies to Enhance Existing Applications - Rita introduces WebVIs and shows communication techniques and Matthias introduces creating web applications backed by databases. [LabVIEW Wiki](https://labviewwiki.org/wiki/NIWeek_2019). NIWeek May 2019.
- LabVIEW NXG web module Remote server client - Creating a WebVI, setting up the NI Web Server, testing, and deploying a WebVI. June 2018.
- Styling and Customizing WebVIs - Mark and Milan go over common styling scenarios, a deep dive using devtools to style WebVIs, and tease the future of the JSLI document. NIWeek May 2018.
- Creating Web Enabled HMIs with LabVIEW NXG - WebVI demonstration by Omid, Mark, and Eli. NIWeek May 2017.
- How to Build a Web UI for Your LabVIEW-Based Test System - Christina and Milan give a step-by-step overview of how to modify your LabVIEW test system to web-enable it using G Web Development Software. Initially presented at NI Connect May 2022. YouTube recording July 2022.
- All you wanted to know about LabVIEW and Web Services but feared to ask – Part 2 - Matthias dives into calling web services from LabVIEW. While the presentation does not cover G Web Development Software directly it has invaluable information on using web services which is applicable to all G Web apps. [Studio Bods Abstract](https://bit.ly/GLA2022-WebServices). GLA Summit November 2022.
- All you wanted to know about LabVIEW and Web Services but feared to ask – Part 1 - Matthias gives a great discussion of making Web Services with LabVIEW. Featuring a live audience poll web application made with G Web Development Software. [Studio Bods Abstract](https://bit.ly/GDevCon2022-WebServices). GDevCon September 2022.
-
-
What are WebVIs
- webvi.io - web-development-software) page, or from the video [What is G Web?](https://www.youtube.com/watch?v=agqu6zV5n9s).
-
Getting Started
- Resources to help you get started with G Web Development Software - Useful links for getting started with G Web.
-
Documentation
-
Examples
- Call 3rd Party Web Service - Acquire data from the US Geological Survey Earthquake API and present in a WebVI. [Demo](https://ni.github.io/webvi-examples/Call3rdPartyWebService/Builds/WebApp_Default%20Web%20Server/).
- Call JavaScript From a WebVI - Create a JavaScript Library Interface (JSLI) document to interact with JS in a page. [Demo](https://ni.github.io/webvi-examples/CallJavaScriptFromAWebVI/Builds/WebApp_Default%20Web%20Server/).
- Call LabVIEW Web Service - Acquire data with a LabVIEW Web Service to share with a WebVI. [Demo](https://ni.github.io/webvi-examples/CallLabVIEWWebService/Builds/WebApp_Default%20Web%20Server/).
- Call SystemLink Data Services - Communication with high-level tags, messages, and file APIs included with G Web Development Software. [Demo](https://ni.github.io/webvi-examples/CallSystemLinkDataServices/Builds/Full%20Data%20Services%20App_Default%20Web%20Server/).
- Connect WebVI to WebSocket Echo Server - Stream data to WebVIs with WebSockets. [Demo](https://ni.github.io/webvi-examples/ConnectWebVIToWebSocketEchoServer/Builds/WebApp_Default%20Web%20Server/).
- Customize WebVI with CSS - Advanced customization of a WebVI's style with CSS. [Demo](https://ni.github.io/webvi-examples/CustomizeWithCss/Builds/WebApp_Default%20Web%20Server/).
- Embed Content into a WebVI - Add custom HTML to a WebVI. [Demo](https://ni.github.io/webvi-examples/EmbedContentIntoWebVI/Builds/WebApp_Default%20Web%20Server/).
- Incorporate User Resource into WebVI - Add resource files such as images, CSS files, JavaScript files, and HTML files to your web application. [Demo](https://ni.github.io/webvi-examples/IncorporateUserResources/Builds/WebApp_Default%20Web%20Server/).
- Multiple Top-Level WebVIs - Create a web application with multiple pages linked together. [Demo](https://ni.github.io/webvi-examples/MultipleTopLevelWebVIs/Builds/WebApp_Default%20Web%20Server/).
- Call 3rd Party Web Service - Acquire data from the US Geological Survey Earthquake API and present in a WebVI. [Demo](https://ni.github.io/webvi-examples/Call3rdPartyWebService/Builds/WebApp_Default%20Web%20Server/).
- Call JavaScript From a WebVI - Create a JavaScript Library Interface (JSLI) document to interact with JS in a page. [Demo](https://ni.github.io/webvi-examples/CallJavaScriptFromAWebVI/Builds/WebApp_Default%20Web%20Server/).
- Call LabVIEW Web Service - Acquire data with a LabVIEW Web Service to share with a WebVI. [Demo](https://ni.github.io/webvi-examples/CallLabVIEWWebService/Builds/WebApp_Default%20Web%20Server/).
- Call SystemLink Data Services - Communication with high-level tags, messages, and file APIs included with G Web Development Software. [Demo](https://ni.github.io/webvi-examples/CallSystemLinkDataServices/Builds/Full%20Data%20Services%20App_Default%20Web%20Server/).
- Customize WebVI with CSS - Advanced customization of a WebVI's style with CSS. [Demo](https://ni.github.io/webvi-examples/CustomizeWithCss/Builds/WebApp_Default%20Web%20Server/).
- Incorporate User Resource into WebVI - Add resource files such as images, CSS files, JavaScript files, and HTML files to your web application. [Demo](https://ni.github.io/webvi-examples/IncorporateUserResources/Builds/WebApp_Default%20Web%20Server/).
- Multiple Top-Level WebVIs - Create a web application with multiple pages linked together. [Demo](https://ni.github.io/webvi-examples/MultipleTopLevelWebVIs/Builds/WebApp_Default%20Web%20Server/).
- SystemLink Web Interface Template - Create custom tiles for WebVIs on the NI Web Server landing page. [Forum post describing configuration](https://forums.ni.com/t5/SystemLink/Webvi-plugin-template-required-changes-to-avoid-duplicates/m-p/4036080/highlight/true#M1338).
-
Manuals
- G Web Development Software - Creating, building, and hosting WebVIs.
- G Web Development Software API Reference - API Reference for VIs and Node in G Web Development Software.
- Communicating Data with Web Services Using WebVIs
- Hosting WebVIs - See several options available for hosting built WebVIs.
- SystemLink Cloud - Cloud service from NI to securely make WebVIs available on the internet.
- HTTP Nodes - LabVIEW HTTP Nodes documentation with important compatibility notes for WebVIs (Web Server target).
- SystemLink Cloud - Cloud service from NI to securely make WebVIs available on the internet.
-
Training
- Build a Web App for Your Test System - Course showing how to web-enable an existing LabVIEW test system with G Web Development Software and SystemLink Cloud. **Registration required (free)**. [Webinar Example Code](https://forums.ni.com/t5/Example-Code/Webinar-Example-Code-Build-a-Web-App-for-Your-Test-System/ta-p/4175994).
- Creating Web Applications Using G Web Development Software - Online training course introducing WebVIs and guiding you through creation and publishing of a WebVI. **Requires SSP**.
- Build a Web App for Your Test System - Course showing how to web-enable an existing LabVIEW test system with G Web Development Software and SystemLink Cloud. **Registration required (free)**. [Webinar Example Code](https://forums.ni.com/t5/Example-Code/Webinar-Example-Code-Build-a-Web-App-for-Your-Test-System/ta-p/4175994).
-
Forums
- G Web Development Software Forum - The official community forum for G Web Development Software.
- Example Code - Examples tagged as `Software-G Web Development Software` in the NI Example Code forum.
-
Videos
- What is G Web? - David talks about web application architecture and shows example control and monitoring WebVIs.
- Tom's LabVIEW Adventure - What's New In LabVIEW 2021 ?! - Tom shows the G Web Development Software environment and runs a simple WebVI.
- SystemLink - G Web Development & Deployment - Makkal shows a walkthrough of web application development using G Web Development Software and deploys the web app in SystemLink.
-
-
Add-Ons
-
Videos
- Debug Tools for WebVI - Advanced debugging tools for WebVIs. Includes the Debug Log VI to enable logging arbitrary values to the console. See [`bit.ly/debugtools`](https://bit.ly/debugtools).
- ECharts - 2D and 3D charting libraries. [Demo](https://rajsite.github.io/webvi-experiments/ECharts).
- File for WebVI - Open, modify, and download files from the browser. Capture and preview images using the Uppy library. [Demo](https://rajsite.github.io/webvi-experiments/File/).
- Maps for WebVI - Interactive maps and markers. Google Maps and Leaflet + Open Street Maps examples. [Demo](https://rajsite.github.io/webvi-experiments/Leaflet).
- Rich Text - Different rich text editor examples. Demos for [CKEditor](https://rajsite.github.io/webvi-experiments/RichText/ckeditor.html), [Quill](https://rajsite.github.io/webvi-experiments/RichText/quill.html), and [Trix](https://rajsite.github.io/webvi-experiments/RichText/trix.html).
- Custom Popup Dialogs for WebVI - Highly configurable modal dialogs. [Demo](https://rajsite.github.io/webvi-experiments/SweetAlert).
- Debug Tools for WebVI - Advanced debugging tools for WebVIs. Includes the Debug Log VI to enable logging arbitrary values to the console. See [`bit.ly/debugtools`](https://bit.ly/debugtools).
-
-
Tutorials
-
Articles
- Boring Engineer: Web Monitor and Control application using NI SystemLink APIs - WebVIs + SystemLink APIS for monitoring. October 2019.
- Boring Engineer: NI Web Technology: Monitor and Control Systems - WebVIs + LabVIEW Web Services for monitoring. July 2018.
- Boring Engineer: NXG WebVI: How to access and embed web service and resources - Embed images, iframes, and use HTTP with web services. July 2018.
- Boring Engineer: NXG WebVI : Develop, Deploy and Host a Simple Web Game - Learn the basics of making WebVIs by creating a math game! July 2018.
- Latest enhancements to LabVIEW NXG include WebVI, expanded instrument coverage - WebVIs are here! January 2018.
- First WebVI Prototype - The first `Hello World!` of WebVIs. [Demo](https://rawcdn.githack.com/rajsite/webvi-experiments/8a0858cb5d4a2e301a9dc9c8f6f363530d7f096e/FirstPrototype/test.html). May 2013.
- TestStand Executor - WebVIs + SystemLink to remotely execute TestStand sequences. October 2019.
- SystemLink file browser - Use SystemLink jobs to read a file in a WebVI from a RT target. [Community](https://forums.ni.com/t5/SystemLink/Target-User-Management-Feature-and-other-features-of-target-web/m-p/3972164/highlight/true?profile.language=en#M1073). September 2019.
- Hands-on: Create Web-Ready User Interfaces with the LabVIEW NXG Web Module - Create WebVIs that communicate with LabVIEW applications. NIWeek May 2019.
- Boring Engineer: Web Monitor and Control application using NI SystemLink APIs - WebVIs + SystemLink APIS for monitoring. October 2019.
-
Social media
- G Web Dev Software Tweet Collection - Curated tweets about NI G Web Development Software and LabVIEW Web technologies.
-
-
Just for Fun
-
Social media
- Avalanche 🌠 - Dodge the shooting stars. [Source](https://github.com/rajsite/webvi-experiments/tree/main/Arcade/Avalanche/).
- Dr. Emoji 💊 - Save the animals by matching their hearts ❤💙💛. [Source](https://github.com/rajsite/webvi-experiments/tree/main/Arcade/DrEmoji/).
- Fire 🔥 - The PSX Doom fire animation ported to [HTML 5](https://github.com/fabiensanglard/DoomFirePSX) to [LabVIEW](https://github.com/dataflowg/labview-psx-doom-fire) to [LabVIEW NXG](https://github.com/rajsite/webvi-experiments/tree/main/Arcade/Fire) to [WebVIs](https://github.com/rajsite/webvi-experiments/tree/main/Arcade/Fire). [Source](https://github.com/rajsite/webvi-experiments/tree/main/Arcade/Fire).
- Nibbles 🐍💡 - Snake made out of LEDs. [Facebook post](https://www.facebook.com/ccmelectronic/posts/1887095178035968).
- Reflex tester 👉 - Test your reflexes. [Source](https://github.com/rajsite/webvi-experiments/tree/main/Arcade/Reflex).
- Snake 🐍 - Snake with extra steps. [Source](https://github.com/rajsite/webvi-experiments/tree/main/Arcade/Snake/).
- T-Rex 🦖 - Your favorite offline dinosaur game made online.
- Cyclone 🌀 - Use your reflexes to land on the cyclone. [Homepage](https://boringengineer.com/gameview/home/).
-
-
Spotted in the Wild
-
Social media
- Bionichaos - Biomedical Data Engineering - Dashboards for processing and reviewing biomedical data.
- DAM Group Leak Test Platform @ 2:13 - Looks like the NXG 2 button border style. Not running in a normal browser. Awesome music.
- GCentral Package Search
- `webvi`
- githack.com
-
-
Non-English Resources
-
Social media
- LabVIEW NXG Web Module Training Slide (Japanese)
- `Corriente Alterna`
- `Transitorios de primer orden`
- `Máquina asíncrona`
- `Teorema de Ferraris`
- `Transformador eléctricos`
- `NIが提供する新しい遠隔監視ツール 「SystemLink」を学ぼう`
- `LabView NXG si aggiorna: arrivano i WebVI`
- `Corriente Alterna`
- `Transitorios de primer orden`
- `Máquina asíncrona`
- `Teorema de Ferraris`
- `Transformador eléctricos`
- `Réaliser des applications Web avec LabVIEW (CG & NXG) pour publier vos données`
- `Software Aulamoisan - Departamento de Ingeniería Eléctrica - Universidad de Valladolid`
-
-
Experimental
-
Social media
- WebVI Experiments - Playground with lots of examples and experiments using the JSLI with G Web. [Demo](https://github.com/rajsite/webvi-experiments/tree/gh-pages#webvi-experiments).
-
Categories
Sub Categories