# Interactive Bezier Curve Graphs

By Murray Bourne, 02 Jan 2013

I recently added a new interactive graph on the Mathematics of Vector Art page.

Vector art is made up of a collection of **primitives**. These primitives include simple geometric figures like lines, triangles, squares, circles and so on.

We can also have quadratic curves (parabolas) and cubic curves.

Bezier (or more correctly, **Bézier**) Curves are also used in vector art. These curves help us to join points with smooth curves.

Screen shot from the interactive.

The interactive lets you explore straight lines, parabolas, cubic curves and Bezier Curves.

The link again: Mathematics of Vector Art

See the 2 Comments below.

13 Mar 2016 at 11:36 am [Comment permalink]

I am interest in developing html + javascript app, where I can draw irregular polygons 3 sided to 20sides, where can I find such a resource. Will it be possible to calculate the perimeter's and area? Either in metric or imperial measurements.

13 Mar 2016 at 2:34 pm [Comment permalink]

@thuto: JSXGraph is probably your best tool for this. See my introduction here;

https://www.intmath.com/blog/mathematics/jsxgraph-interactive-javascript-graphs-4579

Here's an example of how you draw a polygon:

http://jsxgraph.uni-bayreuth.de/wiki/index.php/Polygon

You can add extra code to calculate perimeter and area. For example, I'm finding the area of the rectangles for each case in this Riemann Sums applet:

https://www.intmath.com/integration/riemann-sums.php