Charts

Question 1

Run chart

Answer 1

the centerline is the median x on top with ~
If there is the special cause then we annotate them, but do not include in centerline calculation

if 6 or more points go above or below after the intervention then there is shift in the centerline

in Run chart we are taking median and not mean

https://www.youtube.com/watch?v=8e38RCU8-uA

Question 2

Scatter Plot

Answer 2

https://www.youtube.com/watch?v=i1uKiZpkl9A
it is normal plot, like x and y axis with different data points

Best Fitting Line: a line that could probably best fit for all the values

Positive Correlation: when the slope tending towards positive

Negative Correlation: when the slope tending towards negative

No Correlation: like circular or something like that where it is tough to form any correlation

Question 3

Control Charts

Answer 3

https://www.youtube.com/watch?v=uPTdz8mkxi8

there are several types of control charts based on how UCL and LCL are calculated
XMR control char - X moving Range chart
XbarR control chart - group points

normally 68.3% should be in one sigma or one standard deviation

95. 5% in 2 sigmas or tow standard deviation
96. 7% of all our points should be in the control limits

anything outside UCL and LCL we look for 5 WHY’s
for special cause or root cause analysis

8 points above or below the centerline is called a Run

6 points descending or 6 points ascending is called a trend

15 points continously within one standard deviation is called Hugging which means data might be manipulated

Stable Control Chart- nothing out of control then we start to make improvement then start to reduce the variation
that is reduce common cause

Question 4

Statistical Process Control - Control Charts

Answer 4

Control Charts:
Monitor how a process change over time
reveal the stability or variability in a process
Distinguish Random and Assignable variations

Random Variation = Natural Variation
Assignable variation = Special causes

the object of the Statistical Process Control is to identify and eliminate special cause variation

Question 5

Control Chart Graph

Answer 5

it has UCL, LCL and CL
if a process is operating within acceptable limits, we say the process is in statistical control or table. otherwise the process is out of control

Question 6

In Statistical Control (stable) process

Answer 6

No points outside the control limits

Points appear randomly distributed, there is no trend or ununusual behavior

Question 7

Control chart - Out of Control

Answer 7

1: when the values are out of UCL or LCL
2: when there is a trend like positive trend
3: when there is increasing variaition in values over time

Question 8

Different control charts

Answer 8

R - chart = for Ranges
x bar chart = for Means
p-chart = for Proportions
C-chart = for # of occurences

R and X bar = used for measuring quantitative variables ie. variability and central tendency

P and C chart = used for qualitative variables= attribues or characteristics

Question 9

Creating R Chart - control chart

Answer 9

https://www.youtube.com/watch?v=0CtJJGprG6A

The individual points are the range with in a day(highest- lowest)
and we use R mean as the central line
and use formulas in the link above

Question 10

Creating X bar chart - control chart

Answer 10

https://www.youtube.com/watch?v=RiKUZqW41UM&t=68s

we take mean of mean

Question 11

X bar - R chart =when the sample size is less than 8 for each subgroup

Answer 11

https://www.youtube.com/watch?v=-O9Q4Z-nmfI
X bar chart and R chart displayed together
we should interpret both the charts to determie whether process is stable

Examine the R chart first, because the process variation should be in control to correctly interpret the X bar chart

Question 12

X bar - S Chart = when the sample size of subgroup is greater than 8

Answer 12

https: //www.youtube.com/watch?v=-O9Q4Z-nmfI
https: //www.youtube.com/watch?v=TKTSy6CnZE8

it is X bar and Standard deviation chart
we see if the standard deviation is in control fist,

Question 13

P chart

Answer 13

https://www.youtube.com/watch?v=LSd-1CJQbs8&t=31s

Question 14

Zed Graph

Answer 14

https://www.c-sharpcorner.com/UploadFile/ee01e6/create-and-use-various-
types-of-zed-graph-chart-in-Asp-Net-w/

https: //www.codeproject.com/Articles/5431/A-flexible-charting-library-for-NET
https: //www.codeproject.com/Articles/35953/Using-ZedGraph-with-ASP-NET
https: //sourceforge.net/p/zedgraph/discussion/392232/thread/77dfc0c8/
https: //github.com/ZedGraph/ZedGraph/wiki/What-is-an-IPointList

https://www.google.com/search?rlz=1C1GCEU_
enUS820US820&
sxsrf=ALeKk0071iqnmjCXmmeRPtzKyaLd-avnxQ:
1588702474143
&q=how+to+add+custom+symbol+for+
one+point+in+the+zedgraph&spell=1
&sa=X&ved=2ahUKEwi7xf_0qZ3pAhVGL6wKHRm
PC3UQBSgAegQIDBAn&biw=1920&bih=969

https://sourceforge.net/p/zedgraph/discussion
/392232/thread/77dfc0c8/

Question 15

SVG vs Canvas

Answer 15

https://www.youtube.com/watch?v=lFm6B_MztWc

Canvas - for smaller screens and large number of objects as no DOM
-uses bitmap image format, canvas refers as pixed based
SVG -
it is XML based vector image format
-it can be modified through script and css
-for larger screens as it is resolution independent and where there are smaller number of objects as it uses DOM(it might impact the performance)

https://stackoverflow.com/questions/28083421/svg-vs-html5-canvas-based-charts

https://www.barchart.com/solutions/
company/blog/3852318/comparing-html5-canvas-vs-svg-for-charting

Question 16

How browser renders graphics on to a web page 
Retained Mode (DOM)
Immediate Mode (Canvas)

Answer 16

https://www.youtube.com/watch?v=SwpS6fP1_hE

Question 17

HighCharts

Answer 17

https://www.tutorialspoint.com/

angular_highcharts/angular_highcharts_pie_donut.htm

Question 18

Angular charts

Answer 18

https: //medium.com/learn-angular/angular-charts-879c7bbd710
https: //medium.com/nodesimplified/top-5-best-open-source-javascript-chart-library-42bbbf4de9b
https: //www.w3schools.com/html/html5_svg.asp
https: //angularscript.com/best-chart-data-visualization
https: //www.ngdevelop.tech/best-angular-chart-libraries/

Question 19

SVG vs Canvas

Answer 19

Projects with a large amount of data may favor canvas. SVG approaches typically create a DOM node per point (unless you make paths), which can lead to:

An explosion in the size of your DOM tree

Performance problems

Using a path, you can get around this problem, but then you lose interactivity.

Say you’re building a stock chart. If you are talking about a chart with, say… max 5 years and end of trade data samples only, I think the answer is clearly SVG. If you’re talking about looking at Walmart’s historical data from day one of trading or doing full trade information per minute, you are going to have to really look carefully at SVG. Probably will have to employ fancy memory management and a fetch-on-demand approach as SVG will fall apart, particularly if you go one sample to one SVG node.

If interactivity is a requirement, SVG easily has the edge, given:

It is a retained mode API
You can use typical event handlers
You can add/remove nodes easily, etc.
Of course, you see that if you require full interactivity, it may go against mechanisms that allow SVG to scale, like path collapsing, so there is an inherent tension here.

There is going to be a trade-off in extremes. If size is small, the answer is SVG hands-down. If size is large and no interactivity, the answer is SVG with path drawing only or using Canvas. If size is large and interactivity is required, you have to go canvas or tricky SVG, which is complex in either case.

Some libraries out there offer both canvas and SVG renders, such as ZingChart and Dojo. Others tend to stick with just one of the two options.