Wednesday, February 10, 2016

Rapid dashboarding with Node-RED

Node-RED is great tool for data flow integrations. Even if Node-RED itself has graphical Web UI, it is not originally intended for UI development. Don't worry, awesome people in the open source community have contributed an extension to Node-RED for rapid dashboard development. 

Example dashboard made with Node-RED.
Project called node-red-contrib-ui introduces number of widgets (nodes) in Node-RED enabling rapid dashboard implementation. At the moment there are following input and output widgets:

Output:
  • Text
  • Gauge
  • Chart
Input:
  • Numeric
  • Text
  • Button (plain, row, radio)
  • Switch
  • Slider 
  • Debug (toast)
Creating custom dashboard is very easy, just drag-and-drop widgets (nodes) into the Node-RED flow. There are two concepts to define the layout of the dashboard: tab and group, configured in each node of the dashboard. The dashboard may consists of several tabs, and inside individual tabs there may exists several groups. In the screenshot above, each white box (Temperature, Humidity, Pressure, RSSI) forms a separate group with two widgets: chart and gauge.


Node-RED flow implementing the dashboard presented above.
The package node-red-contrib-ui is not distributed with Node-RED by default, but it is very easy to install. If you're running Node-RED in your local PC or embedded Linux like Raspberry Pi, just type at the command line:

    npm install node-red-contrib-ui

In case of IBM Bluemix with Node-RED service, one line needs to be added in the package.json configuration file of the application, and then re-deploy it. Bluemix will then fetch the package from the Node-Red flows server. package.json:

    "node-red-contrib-ui":"1.x",

Adding custom dashboard to any embedded or cloud application is now easier than ever. This is great tool for all kinds of rapid prototyping and hobby projects. For professional-made multi-user web applications other technologies are needed, as Node-RED does not currently support user management (only simple password protection), user profiles, or multi-user access. Multiple users may access the UI simultaneously, but all will see the same data.

I wish to express my greatest thanks to the primary developer of the project Andrei Tatar and all other contributors for the great effort providing such a capability in Node-RED. Good job!

10 comments:

  1. would you care to share the actual extractdata function?

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. please share this function

      Delete
    3. ★★HIRE A LEGIT HACKER★

      Are you Seeking for the Best Legit Professional Hackers online?
      Congratulations Your search ends right here with us.

      ★COMPOSITE HACKS is a vibrant squad of dedicated online hackers maintaining the highest standards and unparalleled professionalism in every aspect.
      We Are One Of The Leading Hack Teams in The United States With So many Accolades From The IT Companies. In this online world there is no Electronic Device we cannot hack. Having years of experience in serving Clients with Professional Hacking services, we have mastered them all. You might get scammed for wrong hacking services or by fake hackers on the Internet. Don't get fooled by scammers that are advertising false hacking services via False Testimonies, and sort of Fake Write Ups.
      COMPOSITE HACKS is the Answers To your prayers.

      ★ OUR HACKING CAPABILITIES:
      We Offer Varieties Of LEGIT Hacking Services With the Help Of Our Root HackTools, Special HackTools and Our Technical Hacking Strategies Which Surpasses All Other Hackers.

      ★We Can help you Hack Or recover the password of any email, Facebook or any other Social Media accounts,
      ★Phone Hack (Which enables you to monitor your kids/wife/husband/boyfriend/girlfriend, by gaining access to everything they are doing on their phone without their notice),
      ★You Wanna Hack A Website or Database? ★You wanna Clear your Criminal Records?? ★You wanna Track Someone’s Location?

      Our Team accepts all types of hacking orders and delivers assured results to alleviate your agonies and anxieties.

      * SOME OTHER SPECIAL SERVICES WE OFFER INCLUDES:
      ★ Bank Accounts Loading ( Only USA & UK Banks)
      ★ Credit Cards Loading (Only USA & UK CC's)
      ★ Bitcoin Mining ⛏

      ★ You can also contact us for other Cyber Attacks And Hijackings, we do almost All★

      ★We have a trained team of seasoned professionals under various skillsets when it comes to online hacking services. Our company in fact houses a separate group of specialists who are productively focussed and established authorities in different platforms. They hail from a proven track record Called “HackerOne” and have cracked even the toughest of barriers to intrude and capture or recapture all relevant data needed by our Clients. Some Of These Specialist Includes PETER YAWORSKI, FRANS ROSEN, JACK CABLE, JOBERT ABMA, ARNE SWINNEN And More

      ★COMPOSITE HACKS understands your requirements to hire a professional hacker and can perceive what actually threatens you and risk your business, relationships or even life. We are 100% trusted professional hacking Organization and keep your deal entirely confidential. We are aware of the hazards involved. Our team under no circumstances disclose information to any third party. The core values adhered by our firm is based on trust and faith. Our expert hacking online Organization supports you on time and reply to any query related to the unique services we offer
      Time also depends on what exactly you want to hack and how serious you are. Enough time with social engineering is required for hacking. So if you want to bind us in a short time, then just DONT contact us because we can't hack within 10-15minutes, *sorry*.
      I have seen FAKE HACKERS claiming they can hack in 10min , but there is no REAL HACKER who can say this (AVOID THEM)

      ★COMPOSITE HACKS is available for customer care 24/7, all day and night. We understand that your request might be urgent, so we have a separate team of allocated hackers who interact with our Clients round the clock. You are with the right people so just get started.

      ★CONTACT:
      E-mail: compositehacks@gmail.com
      Hire a Hacker!
      Want faster service? Contact us!
      HackerOne©️LLC 2018.
      All Rights Reserved ®️

      ★We Treat Every Request With Utmost Confidentiality★ 🙌🏽

      Delete
  2. It only splits one JSON data structure into several smaller for each dashboard element.

    ReplyDelete
  3. I am curious as well and can't figure it out myself unfortunately.

    ReplyDelete