The most commonly known and used statistical mean is the arithmetic mean, calculated by adding all values and dividing the result by the number of values. The arithmetic mean is one of a "family" of three means called the Pythagorean means, the other two being the geometric mean and the harmonic mean. In this post I will explain when you might need to use these alternatives and then show how to calculate them using Python.
Continue reading
In this article I will demonstrate how to draw an arc, or section of the circumference of a circle, with SVG, and then go on to draw a "pie slice" or circular sector to give it its correct name. Finally I'll draw a number of circular sectors to create a pie chart.
Continue reading
Parametric equations are used to calculate values, for example two dimensional or three dimensional coordinates, using an independent variable called a parameter.
In this article I will write a class which plots parametric equations in 3D using WebGL and the three.js library, and demonstrate its use with a few examples.
Continue reading
I have recently written about SVG Animation with Anime.js and SVG Bezier Curves in JavaScript. In this article I'll bring the two together with a project to animate SVG Bezier curves.
Continue reading
A lesser known feature of SVG is the ability to create Bezier curves. These are more complex than the more common lines, circles and rectangles but pretty simple once you get your head round them. In this article I'll show how to create Bezier curves of any complexity in a web page using JavaScript.
Continue reading
JavaScript's 64 bit Number type is perfectly adequate for most purposes but if you need very large numbers or more decimal places than it can represent then the math.js library's BigNumber type can come to your rescue. In this article I'll show the BigNumber type in action.
Continue reading
Many of my articles include mathematical formulas with specialist characters and formatting, and as they are usually well known formulas I can usually "borrow" them from places such as Wikipedia by taking screenshots. If you cannot do this for some reason then in this article I'll look at alternatives using TeX and MathJax.
Continue reading
The math.js library's many features include comprehensive support for units, enabling us to carry out calculations and conversions of measurements including length, mass, volume and many more.
The library has its own comprehensive documentation so in this article I will just give a brief introduction the unit functionality before providing a few examples of more obscure or specialized usage.
Continue reading
Anime.js is a very powerful and versatile library which lets you animate CSS properties, DOM attributes, SVG and even JavaScript objects. The library's own documentation is comprehensive and has plenty of interesting examples, but for this article I will write a simple library using anime.js to create SVG elements with zero size and a specified position, and then animate them to their desired size and location. The end result is an SVG image which appears to grow and assemble itself before your eyes. Let's get to it...
Continue reading
This is the first of a series of articles on the Chart.js JavaScript library which provides us with quick and easy but powerful ways to draw a variety of data-driven charts in a web page.
Continue reading