@visx/point

What is @visx/point?

@visx/point is a utility library for working with 2D points in JavaScript. It provides a simple Point class that can be used to represent and manipulate points in a 2D space, making it useful for various graphical and data visualization tasks.

What are @visx/point's main functionalities?

Creating a Point

This feature allows you to create a new Point object with specified x and y coordinates.

const { Point } = require('@visx/point');
const point = new Point(10, 20);
console.log(point); // Point { x: 10, y: 20 }

Manipulating Points

This feature allows you to perform arithmetic operations on points, such as adding two points together.

const { Point } = require('@visx/point');
const point1 = new Point(10, 20);
const point2 = new Point(5, 5);
const sum = point1.add(point2);
console.log(sum); // Point { x: 15, y: 25 }

Distance Between Points

This feature allows you to calculate the Euclidean distance between two points.

const { Point } = require('@visx/point');
const point1 = new Point(10, 20);
const point2 = new Point(13, 24);
const distance = point1.distance(point2);
console.log(distance); // 5

Other packages similar to @visx/point

point-geometry

point-geometry is a lightweight library for 2D point geometry operations. It provides similar functionalities to @visx/point, such as creating points, adding points, and calculating distances. However, it is more focused on performance and minimalism.

geometry-2d

geometry-2d is a comprehensive library for 2D geometry operations, including points, lines, and polygons. It offers more advanced geometric operations compared to @visx/point, making it suitable for more complex geometric computations.

README

@visx/point

A simple class to represent an x, y coordinate.

Installation

npm install --save @visx/point

Example Usage

import { Point } from '@visx/point';

const point = new Point({ x: 2, y: 3 });
const { x, y } = point.value(); // Get the coords as an object
const [x, y] = point.toArray(); // or array

Methods

point.value()

Returns an { x, y } object with the x and y coordinates.

point.toArray()

Returns the coordinates as an array [x, y].