awesome-webvis

A curated list of awesome WebVIs
https://github.com/rajsite/awesome-webvis

Last synced: 4 days ago
JSON representation

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).
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/).
  - 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).
  - 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/).
- 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.
- 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).
  - G Web Development Software API Reference - API Reference for VIs and Node in G Web Development Software.
  - 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).
  - 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).
- 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.
  - Tom's LabVIEW Adventure - What's New In LabVIEW 2021 ?! - Tom shows the G Web Development Software environment and runs a simple WebVI.
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).
Getting Started
- Resources to help you get started with G Web Development Software - Useful links for getting started with G Web.
Just for Fun
- Social media
  - Avalanche 🌠 - Dodge the shooting stars. [Source](https://github.com/rajsite/webvi-experiments/tree/main/Arcade/Avalanche/).
  - Cyclone 🌀 - Use your reflexes to land on the cyclone. [Homepage](https://boringengineer.com/gameview/home/).
  - 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.
  - Nibbles 🐍💡 - Snake made out of LEDs. [Facebook post](https://www.facebook.com/ccmelectronic/posts/1887095178035968).
  - 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).
  - 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/).
Non-English Resources
- Social media
Presentations
- Social media
  - 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.
  - 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.
  - 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.
  - NXG WebVIs and SystemLink Tags - Working with Symation to make a tablet UI to communicate with a PLC and other instruments. October 2019.
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
  - 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
  - githack.com
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: 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.
  - Boring Engineer: Web Monitor and Control application using NI SystemLink APIs - WebVIs + SystemLink APIS for monitoring. October 2019.
  - Latest enhancements to LabVIEW NXG include WebVI, expanded instrument coverage - WebVIs are here! January 2018.
- Social media
  - G Web Dev Software Tweet Collection - Curated tweets about NI G Web Development Software and LabVIEW Web technologies.
  - G Web Dev Software Tweet Collection - Curated tweets about NI G Web Development Software and LabVIEW Web technologies.
What are WebVIs
- webvi.io - web-development-software) page, or from the video [What is G Web?](https://www.youtube.com/watch?v=agqu6zV5n9s).
- webvi.io - web-development-software) page, or from the video [What is G Web?](https://www.youtube.com/watch?v=agqu6zV5n9s).

Programming Languages

HTML 4 LabVIEW 1

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

awesome-webvis

Add-Ons

Videos

Documentation

Examples

Forums

Manuals

Training

Videos

Experimental

Getting Started

Just for Fun

Non-English Resources

Presentations

Spotted in the Wild

Tutorials

Articles

What are WebVIs

awesome-webvis

Add-Ons

Videos

Documentation

Examples

Forums

Manuals

Training

Videos

Experimental

Social media

Getting Started

Just for Fun

Social media

Non-English Resources

Social media

Presentations

Social media

Spotted in the Wild

Social media

Tutorials

Articles

Social media

What are WebVIs