JavaScript code that generates box and whisker charts containing outliers

Outliers or outliers are values that fall outside the minimum and maximum data point values. Any data that is not between the extremes (whiskers) is an outlier and is usually represented by a dot or a plus sign. You can add scatter series in the histogram to show outlier values.

The example below illustrates a box & whisker chart pattern with outlier values represented by a scatter plot. The article also provides JavaScript source code for you to edit or save to your computer to run internally.

JavaScript code that generates box and whisker charts containing outliers Picture 1

Source : CanvasJS

Chart customization

You can change the way outliers are marked via the scatter string's markerType property. Other customization options include: markerSize - marker size, markerColor - marker color, markerBorderColor - marker border color.

JavaScript JavaScript code

Jessica Tanner

Update 27 June 2023

You should read it

May be interested

How to Use JavaScript Injections
javascript injection is a process by which we can insert and use our own javascript code in a page, either by entering the code into the address bar, or by finding an xss vulnerability in a website. note that the changes can only be seen...
JavaScript code to generate error line graph/graph
the example below illustrates a sample error chart with line chart created with javascript. the article also provides source code for you to edit in the browser or save to your computer to run locally.
JavaScript location in HTML File
there is flexibility in providing javascript code anywhere in an html document. however, the most preferred ways to include javascript in an html file.
Summary of JavaScript exercises with sample code
in order to make your javascript learning easier, tipsmake.com has compiled a number of javascript exercises with sample solutions for you to practice.
JavaScript code to create bubble chart with custom marker
the example below shows a bubble chart with a customized highlight style and javascript source code that you can edit in your browser or save to your device to run locally.
Code of chart/bar graph with error combination
the example below illustrates a bar chart template with errors created with javascript.
JavaScript code to create OHLC and line chart combo chart template
the example below illustrates a sample of the 2016 lockheed martin stock price chart with the number of shares by combining the ohlc and line graphs.
Tips and tricks that JavaScript programmers need to know
javascript is the most widely used programming language today. if you are also using javascript to program a web, application or program, the following tips may help you.
How to Make a Basic JavaScript Quiz
making a game with javascript can be fun and satisfying as well as a bit of a puzzle. the code in the this article is one way of making a game using javascript. once you know the basics, feel free to adapt and play around with it. set up...
Browser compatibility in JavaScript
it is extremely important to understand the differences between different web browsers to handle each one in the best way. therefore, you must know which browser your website is running from so that it can provide a suitable solution.

JavaScript code that generates box and whisker charts containing outliers

Chart customization

You should read it

May be interested

Program