QCSPCChartJavascriptProdPage

SPC Control Chart Tools for Javascript

Add variable control charts (X-Bar R, X-Bar Sigma, Individual Range, Median Range, EWMA, MA, MAMR, MAMS and CuSum charts), attribute control charts (p-, np-, c-, u-, and DPMO charts), frequency histograms, and Pareto charts to your web site using the SPC Control Chart Tools for Javascript.

Javascript SPC X-Bar R chart web application communicates with server-based PHP program using JSON, jQuery and Ajax.

X-Bar R Chart with integrated table support, frequency histograms, and scroll bar

 

The QCSPCChart for Javascript software represents an adaptation of the QCSPCChart library to the Javascript and the HTML5 user interface framework. It was created utilizing the Google GWT (Google Web Toolkit) development tool. All of the system dependent graphics (.Net GDI+, Java graphics, Android graphics, etc) have been replaced with HTML5, Canvas-based, Javascript equivalents. The result is an easy to use, interactive, SPC Charting package which will run on any computer which supports a modern browser. A modern browser is considered one that supports HTML5, and particularly the HTML5 Canvas element. This includes: IE (9+), Firefox (1.5+), Safari (1.3+), Chrome, and Opera (9+).
Typical users are SPC engineers and other quality control professionals creating Javascript based web applications that will be used to monitor critical quality factors in manufacturing, process, and service industries. The feature rich toolkit includes templates for the most common SPC control chart types: variable control charts (X-Bar R, X-Bar Sigma, Individual Range, Median Range, EWMA, MA, MAMR, MAMS and CuSum charts), attribute control charts (p-, np-, c-, u-, and DPMO-charts), frequency histograms, probability charts and Pareto diagrams. The software will automatically calculate SPC control limits using historical data for the supported variable control chart and attribute control chart types. Alarms can be generated for standard +3 sigma control limits, or standard SPC rule sets (WECO, Nelson, Juran, Hughes, Gitlow, AAIG, Westgard and Duncan). Alarms can be color highlighted in the SPC charts and table. It will also calculate process capability ratios (Cp, Cpl, Cpu, Cpk and Cpm) and process performance indices (Pp, Ppl, Ppu and Ppk). Users are able to interact with charts: adding annotations, defining custom tool-tips and editing notes. There is no comparable product for Javascript available at any price.
Because the underlying library was created using Google GWT, the underlying Javascript functions are not directly accessible to the programmer. Instead, you will customize SPC charts using a scripting language we have developed, utilizing JSON (JavaScript Object Notation). JSON is a widely used, text-based open standard designed for human-readable data interchange. It can be used with virtually any language, though most developers will embed the JSON in Javascript found in the host. Chart defining JSON can be embedded in Javascript program, or retrieved from a server using web services using jQuery and Ajax. PHP examples are included with the software. See the online manual for more information.

Have any questions ? Contact: info@quinn-curtis.com

Links

Javascript Web Application – (Requires one of the browsers listed above, with Javascript enabled)

User Manual – View the QCSPCChart user manual using Adobe Acrobat.

Download Trial Version (37 MB) – Download a full-featured, 30-day trial version. of the software. Refer to Chapter 20 of the on-line manual for installation instructions.

 

Have any questions ? Contact: info@quinn-curtis.com

  • Fast development time because of the use of advanced templates for the most common SPC Control charts
  • Charts have no limits on the number of data points or time frame
  • Integrated histograms and tables displays require no programming
  • Integrate with your database because the software is programmed using Javascript and JSON.
  • Add SPC charts to your web site by combining the software with Javascript.
  • Never miss an alarm condition, alarms can be strongly highlighted in charts and tables
    Differences between this and Workstation Versions of QCSPCChart
  • 100% of the software is client side Javascript. As such, it has no access to the client computer file system.
  • There are no data log files of SPC data.
  • There is no integrated printing of charts. Any printing will have to be handled through the browser.

Feature Summary

  • The software is compatible with any editor you use to write and debug your Javascript code. It is compatible with Visual Studio 2010, Visual Studio 2012, and higher. The example HTML pages can be run using any HTML5 browser.
  • Based on the Javascript HTML5 Canvas Graphics Drawing Framework – Compatible with Javascript components and elements.
  • Developed using the GWT (Google Web Toolkit) – The source code of the software is written in GWT compatible Java, and compiled into Javascript libraries using the GWT compiler.
  • Variable Control Chart Templates -Variable Control Chart Templates – X-Bar R – (Mean and Range), X-Bar Sigma, (Mean and Sigma), Median and Range, X-R (Individual Range Chart), EWMA (exponentially weighted moving average), MA (moving average), MAMR (moving average / moving range), MAMS (moving average / moving sigma) and CuSum. A special version of the X-Bar Sigma chart supports variable sample sub-group sizes.

Javascript X-Bar R chart

Javascript X-Bar Sigma (Mean-Sigma) chart updated using jQuery, Ajax, PHP and JSON Javascript I-R (Individual Range) chart

X-Bar R Chart (Mean-Range Chart)

X-Bar Sigma Chart (Mean-Sigma Chart) I-R Chart (Individual Range)

Javascript Median Range chart

Batch-based X-Bar R chart using time stamp Javascript X-Bar Sigma (Mean Sigma) with Variable Sample Size

Median-Range Chart

Batch Control X-Bar R Chart with time stamp labeling of x-axis X-Bar Sigma Chart with Variable Subgroup Sample Size

Javascript EWMA (Exponentially Weighted Moving Average) chart Javascript MA (Moving Average) chart Javascript Cumulative Sum chart
EWMA (Exponentially Weighted Moving Average Chart) MA Chart (Moving Average Chart) CuSum Chart (Tabular Cumulative Sum Chart)

Javascript X-Bar R chart without the integrated table Javascript Batch X-Bar R chart with user-defined x-axis labels
X-Bar R Chart with no table Batch X-Bar R Chart with user-defined strings labeling the tick marks of the x-axis
  • Attribute Control Chart Templates – p-Chart (Fraction or Percent of Defective Parts, Fraction or Percent Non-Conforming), np-Chart (Number of Defective Parts, Number of Non-Conforming), c-Chart (Number of Defects, Number of Non-Conformities ), u-Chart (Number of Defects per Unit, Number of Non-Conformities Per Unit ), and DPMO-Chart (Number of Defects per Million). The p-Chart and u-Chart templates come in versions which support variable subgroup sample sizes.
Javascript p-chart (Percent Defective Parts) web application, updated using jQuery, Ajax, PHP, and JSON Javascript np-chart (Number Defective Parts) web application Javascript c-chart (Number of Defects) web application
p-Chart (Percent Defective Parts, or Percent Defective Non-Conforming) np-Chart (Number Defective Parts, or Number Non-Conforming) c-Chart (Number Defects, or Number Non-Conformities)

Javascript u-chart (Number Defects per Unit) web application Javascript u-chart (Number Defects per Unit) with variable sample size web application
u-Chart (Number of Defects Per Unit, or Number of Non-Conformities per Unit)
  • Other SPC Chart Templates – Frequency Histograms, Normal Probability Plots with probability scales and axes, and Pareto Diagrams.

Javascript frequency histogram chart with normal distribution and control limit lines, updated using jQuery, Ajax, PHP and JSON Javascript Pareto chart web application, updated using jQuery, Ajax, PHP and JSON
Frequency Histogram with Specification Limits and Normal Curve-Fit Pareto Diagram

 

Integrated Table Support – Sampled values, calculated data values and alarm status values can be part of the SPC Control chart. Every sample subgroup has a pop-up notes text edit box where an operator can add observations.

 

Javascript X-Bar R chart web application

X-Bar R Chart with integrated table display of sampled data, calculated data values, and alarms.

 

  • Integrated Frequency Histograms – The variable control charts and attribute control charts can display a frequency histogram, with an optional normal curve-fit, of the process variable side by side with the main SPC chart.

 

Javascript X-Bar Sigma (Mean Sigma) chart web application

X-Bar Sigma Chart with frequency histograms and table support for calculated values

 

 

  • Customize Chart Objects – All of the plot objects created in the SPC chart templates are accessible to the programmer, allowing tremendous flexibility in the look of the SPC charts.

 

Javascript customize SPC chart

Customized backgrounds and plot objects

  • SPC Control Limit Calculations – SPC Control limits can be set explicitly, as the result of your own calculations, or the limits can be automatically calculated at 1-, 2- and 3- sigma levels using our own internal routines
  • Multiple SPC Control Limits – Control limits can be placed at 1-sigma, 2-sigma and 3 sigma levels for high and low SPC control limits.

Javascript X-Bar R chart with 1, 2, and 3-sigma limit lines

Javascript X-Bar R chart with filled color zones

SPC control limits at the 1-, 2- and 3-sigma levels

Color zones for control limits

 

  • Process Capability Ratios and Process Performance Indices – Automatic calculation and display of process capability ratios (Cp, Cpl, Cpu, Cpk and Cpm) and process performance indices (Pp, Ppl, Ppu and Ppk)

 

Javascript SPC Process Capability and Process Performance Indices

An X-Bar R chart with Cpk, Cpm and Ppk data displayed in the data table.

  • Variable SPC Control Limits – Control limits can either be fixed, and can vary with time. Variable control limits can be specified manually, or calculated automatically as the result of control charts which use a subgroup variable sample size.
  • Western Electric (WECO), Nelson, Juran, Hughes, Gitlow, AAIG, Westgard and Duncan Rules – The software will automatically calculate and process the alarm limits for the Western Electric Runtime Rules (WE 1, 2, 3 and 4), and Supplemental (Trending) rules (WE 5, 6, 7, and 8). It will also process Nelson, Juran, Hughes, Gitlow, AAIG, Westgard and Duncan rule sets. Rule parameters (N of M exceed +-2 sigma for example) for any of the standard rule sets can be customized. Mix and match rules from different rule sets to create you own custom rule set. You can also define custom rules using our standardized rule templates. Details about the rules sets can be found  here.

Javascript WECO (Western Electric) control rules, updated using jQuery, Ajax, PHP, and JSON

An X-Bar R chart with that use Western Electric Runtime Rules.

 

  • Data Tooltips – Integrated data tooltips display chart data values in a popup window.

 

Javascript Data tooltips for SPC Charts

Median-Range Chawith tool tip display

 

  • Integrated Scrolling – A scroll bar option permits the user to window in on 8-20 sample subgroups at a time, from a much larger collection of measurement data, representing hundreds or even thousands of subgroups, and move through the data, similar to paging through a spreadsheet. The scroll bar controls both the table and chart scrolling.

 

X-Bar R Chart with integrated scroll bar.

 

  • Dynamic Updates of SPC Charts – SPC Charts can be updated and control limits re-calculated in real-time.

 

Dynamic SPC Charts, updated using jQuery, Ajax, PHP and JSON.

Dynamically updated X-Bar R chart with variable control limits

  • Auto-Scaling – The y-axes of the SPC charts can be auto-scaled to display all data and control limits, or the minimum and maximum value of the y-axis can be explicitly set.
  • Control Limit Alarm Events – Alarm events can be triggered whenever a process variable exceeds an SPC control limit.
  • New Alarm Features – There is a new status line in the table section that gives a direct indication of whether or not the corresponding process variable is in, or out of, alarm. The status line has a tooltip, so if you click on an alarm, a pop-up box will show you details. Optionally, the entire column associated with a sample interval can be color highlighted to indicate an alarm condition. Alarm details can be automatically logged to the notes log. The symbol used to plot a process variable point in the primary and secondary charts can be made to change color in the event of an alarm.
  • Ajax, jQuery and PHP – examples are now included for defining charts, and acquiring data, from the host server, using jQuery and Ajax, communicating with a server-side PHP program using JSON.
  • Documentation and Demo/Example Programs – The software includes a comprehensive 350 page user manual with many programming examples.

    SPC Control Chart Tools for JavaScript Developer Licensing

  • Our license agreement can be found here.
  • The SPC Control Chart Tools for Javascript Developer License is available in a Developers Version (model # JS-SPC2-DEVR) that does not time out. Free updates for two years. Unlike the other versions of QCSPCChart, the Developers Version of the SPC Control Chart Tools does not export our QCChart2D software and those classes are not available to the developer. There is no user programmable version of QCChart2D for Javascript at this time.
  • The SPC Control Chart Tools for Javascript Developer License is licensed to a single individual. It cannot be used by multiple people at the same company, unless a separate license is purchased for each person. If multiple developers are working on a single web site, you will need a Developer License for each developer. Site licenses are also available. Contact sales@quinn-curtis.com with details of how many seats you wish to purchase and we will respond with a quote.
  • The SPC Control Chart Tools software does not use a redistributable license. The basic developer license permits you to include QCSPCChart as part of your web application and incorporate it on multiple web sites, royalty free.

    SPC Control Chart Tools for Javascript Redistributable Licensing

  • The SPC Control Chart Tools software does not use a redistributable license. The basic developer license permits you to include QCSPCChart as part of your web application and incorporate it on multiple web sites, royalty free. You cannot, however, utilize this software to create a toolkit for other developers to use as part of a development system. That would be effectively competing against us, and we can’t let you use this software for that purpose, unless of course you negotiate a special licensing deal from us.

 

         Custom Programming Services

  • The variety of user interfaces for charting applications is as diverse as the industries using the software. The end-user of an application at a drug company expects to interact with the chart in a manner different than that of an end-user in the automotive industry.
  • We know that your application may be similar to, but still uniquely different from any of our example programs. To that end we offer our programming services to write for you a custom example program that demonstrates how to code the chart format and user interface you want. That jump start to your project can save you many weeks of work and make you look like a chart programming genius. All you have to be able to do is describe in detail what you want the example to do.
  • Using SPC Control Chart Tools for Javascript , our range of expertise includes Javascript, JSON, Java, Managed C++ (MC++), VB, and C# programming languages. For more information or a quote, please contact our sales department at sales@quinn-curtis.com.

 

Doesn’t have the features you need ? Let us know what those are so we can add them in a subsequent release. Contact: info@quinn-curtis.com

 

 

Ordering Information

Click here to go to Download Ordering

Description Model # Price
SPC Control Chart Tools Developer Software JS-SPC2-DEVR $450