Frontend Developer - Industrial Data Visualization

OP; United States; On-site; USD 75,000 - 90,000; Full time

Benefits offered by this job

401(k)

Dental Insurance

Health insurance

Vision insurance

Job summary

OP is seeking a Frontend Developer to design and build an interactive dashboard for industrial data visualization that connects with an Apache NiFi backend. You will develop a dynamic canvas-based interface enabling users to visualize real-time data from various industrial systems.

The ideal candidate should have strong expertise in modern frontend frameworks like React or Angular, along with robust skills in HTML, CSS, and JavaScript. The position includes developing drag-and-drop components, managing state, and collaborating with backend teams.

Benefits include health insurance and a 401(k). Join OP to help harness technology for impactful results.

Qualifications

• Strong experience with modern frontend frameworks (React, Angular, or Vue).
• Experience building interactive dashboards or data visualization applications.
• Proficiency in HTML, CSS, JavaScript, and responsive UI design.

Responsibilities

• Design and develop an interactive canvas-based dashboard with draggable/resizable components.
• Integrate frontend applications with Apache NiFi backend APIs to fetch live data.
• Work closely with backend engineers to integrate frontend dashboards with NiFi data pipelines.

Skills

React

Angular

Vue

HTML

CSS

JavaScript

Responsive UI Design

Drag-and-Drop Interfaces

Real-time Data Streams

Job description

We are looking for a Frontend Developer to design and build an interactive dashboard for industrial data visualization that integrates with an Apache NiFi backend. This role will focus on developing a dynamic, canvas‑based interface that enables users to visualize and interact with real‑time data from industrial systems, including PLCs, databases, APIs, and IoT devices.

Key Responsibilities

Frontend Development

• Design and develop an interactive canvas‑based dashboard with draggable, resizable components.
• Implement grid‑based layouts with snap‑to‑grid alignment and multi‑select grouping capabilities.
• Build reusable UI components for different datapoint types:
  • Database connections.
  • PLC connections.
  • Kepware/OPC connections.
  • Web API integrations.
  • Manual/static datapoints.
• Implement dynamic styling and visual indicators based on real‑time data values.

Dashboard & UI Functionality

• Develop features such as drag‑and‑drop component placement, resizable dashboard elements, multi‑select and grouping of datapoints, and undo/redo functionality.
• Implement inline configuration interfaces for datapoints, allowing users to configure data source connections, refresh rates, data filters, and manual data inputs.

Data Integration

• Integrate frontend applications with Apache NiFi backend APIs to fetch live data.
• Implement real‑time data updates and manual refresh capabilities.
• Handle both live streaming data and manually entered values.

State Management & Persistence

• Manage application state, including dashboard layouts, datapoint configurations, and data updates.
• Implement functionality to save and load dashboard layouts and configurations.
• Support exporting datapoint data to Excel format.

Collaboration

• Work closely with backend engineers to integrate frontend dashboards with NiFi data pipelines.
• Collaborate with product and engineering teams to define dashboard features and functionality.

Required Skills & Qualifications

• Strong experience with modern frontend frameworks (React, Angular, or Vue).
• Experience building interactive dashboards or data visualization applications.
• Proficiency in HTML, CSS, JavaScript, and responsive UI design.

UI / Interaction Design

• Experience implementing drag‑and‑drop interfaces, canvas‑based or grid‑based layouts, resizable components, and interactive dashboards.

Data Integration (Skills)

• Experience integrating frontend applications with REST APIs.
• Experience working with real‑time data streams or live data feeds.

State Management (Skills)

• Experience managing complex frontend application state.
• Familiarity with tools or frameworks for state management.

Preferred Qualifications

• Experience working with industrial systems, IoT platforms, or SCADA/MES environments.
• Familiarity with Apache NiFi or data pipeline platforms.
• Experience integrating with industrial data sources such as PLCs, OPC servers, or IoT devices.
• Experience building data monitoring or operational dashboards.

Nice To Have

• Experience with real‑time data visualization frameworks.
• Familiarity with industrial automation environments.
• Experience with version control systems such as Git.

Benefits

• 401(k).
• Dental Insurance.
• Health insurance.
• Vision insurance.
• We are an equal‑opportunity employer and value diversity, equality, inclusion, and respect for people.
• The salary will be determined based on several factors, including, but not limited to, location, relevant education, qualifications, technical skills, and business needs.

Additional Responsibilities

• Participate in OP monthly team meetings and participate in team‑building efforts.
• Contribute to OP technical discussions, peer reviews, etc.
• Contribute content and collaborate via the OP‑Wiki/Knowledge Base.
• Provide status reports to OP Account Management as requested.

About Us

At OP, we help you harness the power of technology for maximum impact. A technology consulting and solutions company, we offer advisory and managed services, innovative platforms, and staffing solutions across a wide range of fields including AI, cyber security, enterprise architecture, and beyond. For nearly two decades, we have been challenging the status quo of the consulting industry, serving up fresh, ingenious thinking through a radically lean structure. Together, this strategy delivers unprecedented performance at an unparalleled pace for faster results that propel your business forward.