SpreadJS Documentation
Understanding Shapes
SpreadJS Documentation > Developer's Guide > Managing Data Visualization and Objects > Understanding Shapes

SpreadJS allows users to embed one-hundred-and-eighty-two types of built-in shapes and various types of custom shapes in the worksheets including geometic figures like lines, circles, rectangles, squares and triangles along with other shapes like callouts, stars, banners, smileys, block arrows, equation shapes and flowcharts etc.).

SpreadJS provides support for three different kind of shapes: Basic shapes, Connector shapes and Group shapes.

Further, you can add text in the inserted shapes, format shape layout and apply style to the embedded shapes (fill color, font size, horizontal and vertical alignment, border color and line width etc.) as per your requirements. Moreover, you can customize the shape attributes which includes rotating, resizing and adjusting the rotation handle; defining and adding the connection points for connector shapes and customizing the border of the shape.

You can work with shapes in the following ways:

Note: In order to integrate shapes in the worksheet, users need to reference the file: gc.spread.sheets.shapes.*.*.*.js