Log in Sign up
Back to Discover
💻

Vector graphics

technology Maturity 11-13

Computers use math to draw shapes.

Bitmap VS SVG.svg
Bitmap VS SVG.svg
They use dots and lines. This makes lines look very sharp. You can make the shapes big. They will still look good.
Phone.svg
Phone.svg
Do you like to draw with computers?

39 words

Computers can draw using math.

Bitmap VS SVG.svg
Bitmap VS SVG.svg
Instead of tiny dots, they use points and lines. This lets them make shapes like squares and circles.
Phone.svg
Phone.svg
You can make these shapes very big. They will still look very sharp and clear. This is great for making logos or maps. Some old video games used this way to draw.
Space Rocks (game).jpg
Space Rocks (game).jpg
It is a very smart way to make art.

71 words

Computers can draw images in different ways. One way is called vector graphics.

Bitmap VS SVG.svg
Bitmap VS SVG.svg

Instead of using tiny dots, vector graphics use math. They use points, lines, and curves. The computer sees a shape as a set of points. These points are called vertices. For example, a square can be made by knowing its corners. The computer then draws the lines between them.

Phone.svg
Phone.svg

This method is very helpful for some jobs. Engineers and architects use it to make precise plans. It is also great for making fonts. Fonts are the shapes of letters we read. Because they use math, you can make them any size. A small letter can grow to fit a huge billboard. It will still look sharp and clear.

Some old video games used this style too.

Space Rocks (game).jpg
Space Rocks (game).jpg

Vector graphics are different from raster graphics. Raster graphics are made of pixels, or tiny dots. If you make a raster image too big, it looks blurry. But a vector image stays crisp. You can change the color or thickness of lines easily. This makes it a great tool for graphic design.

188 words

Computers can create pictures in many different ways. One special way is called vector graphics.

Bitmap VS SVG.svg
Bitmap VS SVG.svg
Instead of using a grid of tiny dots, vector graphics use math to draw shapes. They use points, lines, curves, and polygons to build an image. These shapes are placed on a flat surface called a Cartesian plane. This plane uses coordinates to tell the computer exactly where to put things. This method is great for making things look very sharp and precise.
Phone.svg
Phone.svg

This way of drawing works through a step-by-step mathematical process. The computer uses a set of important points called vertices. For example, a square can be defined just by knowing its corners. The software then fills in the lines and the space inside. You can also make more complex shapes like circles or spheres. Some shapes use special math called parametric curves to stay smooth. You can even add details like color, line weight, or dash patterns.

Phone.jpg
Phone.jpg

People have used vector technology for a long time. In 1958, the US SAGE air defense system used vector displays. In 1963, a pioneer named Ivan Sutherland ran a program called Sketchpad. This program used a computer at the Massachusetts Institute of Technology. Later, many arcade games used vector monitors to show graphics. You might recognize games like Asteroids or Tempest. There was even a video game console called the Vectrex that used this style.

Space Rocks (game).jpg
Space Rocks (game).jpg

Today, many different file formats store these mathematical shapes. Common types include SVG, PDF, and EPS. The SVG format is a standard for the World Wide Web. It is very useful because it does not depend on a screen's resolution. This means an SVG image will look the same on a tiny phone or a big monitor. Some special software, like CAD, uses its own private formats. These tools help engineers and architects build very accurate plans for buildings and machines.

Vector graphics are very different from the raster graphics we see in photos. Raster graphics use a grid of pixels, which are tiny dots of color. If you make a raster photo too large, it looks blurry or blocky. However, a vector image can grow to any size without losing quality. You could print a small logo on paper or a huge logo on a billboard. It will stay crisp and clear both times. This makes vector graphics the best choice for fonts and graphic design.

405 words

Vector graphics are a method of creating digital images using mathematical descriptions. Instead of using a grid of colored dots, these images are built from geometric shapes. These shapes include points, lines, curves, and polygons. They are placed on a Cartesian plane, which is a mathematical grid used to define positions. This system allows for extreme geometric precision.

Bitmap VS SVG.svg
Bitmap VS SVG.svg
Because the images are based on math, they can be scaled to any size. This makes vector graphics essential for fields like engineering, architecture, and typography.

The mechanism of vector graphics relies on coordinate geometry. The computer defines shapes as a set of points in a two- or three-dimensional system. These points are often called vertices. Because a shape contains infinite points, the software only stores a finite sample of these important vertices. For example, a square can be defined by its corner locations. The software then uses interpolation to draw the boundary lines and fill the interior space.

Phone.svg
Phone.svg
You can also add properties to these shapes. These include visual traits like color, line weight, or dash patterns. In specialized systems like Geographic Information Systems (GIS), shapes can also store data like name, age, or size.

There are many different types of geometric primitives used in this model. The simplest is a single point. A line segment is defined by two end points. A polyline is a connected set of line segments. A polygon is a region of space defined by a boundary where the start and end points meet. More complex shapes use parametric curves. These include circular arcs, Bézier curves, and cubic splines. These mathematical instructions allow the computer to draw smooth, non-linear paths.

Phone.jpg
Phone.jpg
For three-dimensional work, software uses polygon meshes or parametric surfaces like NURBS to create complex solids.

History shows that vector technology has been used for decades. In 1958, the US SAGE air defense system utilized vector displays. In 1963, computer graphics pioneer Ivan Sutherland used the TX-2 at the Massachusetts Institute of Technology to run a program called Sketchpad. Later, vector graphics appeared in arcade games like Asteroids, Space Wars, and Tempest. There was even a dedicated video game console called the Vectrex. While specialized vector hardware like the pen plotter or vector CRT has mostly disappeared, the data models remain vital in modern software.

Today, vector graphics are stored in many different file formats. Common types include SVG, PDF, EPS, and AI. The Scalable Vector Graphics (SVG) format is the standard for the World Wide Web. SVG files are essentially printable text that describes paths and attributes. This makes them independent of a screen's resolution. This means an SVG will look sharp on both a tiny mobile phone and a large monitor.

Phone.jpg
Phone.jpg
Other industries use specific formats, such as Autodesk's DWG for computer-aided design (CAD) or various formats for geographic data.

One of the most important concepts is the difference between vector and raster graphics. Raster graphics, like JPEGs or PNGs, use a grid of pixels. If you enlarge a raster image, it becomes blurry or pixelated. Vector graphics avoid this problem entirely. Because they are mathematical instructions, they can be resized without losing any quality. You could print a small logo on a business card or blow it up to the size of a billboard. It will remain perfectly crisp in both instances. This scalability is why fonts are stored as vector graphics.

Converting between these two types is a one-way street in many cases. Modern displays and printers are raster-based devices. This means vector data must be converted into a bitmap (a grid of pixels) to be seen. While it is easy to turn a vector file into a raster file, it is much harder to go the other way. When a vector image is converted to a raster, it loses its ability to scale without losing resolution. It also becomes much harder to edit individual parts of the image as separate objects.

Bitmap VS SVG.svg
Bitmap VS SVG.svg

659 words
🖼️ Images & Media (4)
File:Bitmap VS SVG.svg
Bitmap VS SVG.svg
File:Space Rocks (game).jpg
Space Rocks (game).jpg
File:Phone.jpg
Phone.jpg
File:Phone.svg
Phone.svg
Up Next
💻
Raster graphics
Technology
More to explore

What is Nepedia?

A free, ad-free encyclopedia for children. Every article is written at five reading levels, so the same page works for a five-year-old and a fifteen-year-old — use the level switcher above to see this one change. No account needed to read.