An open API service indexing awesome lists of open source software.

https://github.com/egor-progger/pointlinejs

Typescript library for drawing and visualization diagrams, binary tree, comments tree.
https://github.com/egor-progger/pointlinejs

binary-tree data-visualization diagram-generator diagrams html javascript pointlinejs svg tree-structure typescript visualization

Last synced: 30 days ago
JSON representation

Typescript library for drawing and visualization diagrams, binary tree, comments tree.

Awesome Lists containing this project

README

          

# PointlineJS

PointlineJS is an SVG based JS library for drawing tree diagrams.
It relies on Treant-JS, Raphael for handling SVG and animations, JQuery.

# Build status

[![Node.js Package](https://github.com/egor-progger/pointlinejs/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/egor-progger/pointlinejs/actions/workflows/npm-publish.yml)
[![NPM Downloads](https://img.shields.io/npm/dm/pointlinejs?label=npm%20downloads)](https://www.npmjs.com/package/pointlinejs)
[![NPM Version](https://img.shields.io/npm/v/pointlinejs?label=Current%20version)](https://www.npmjs.com/package/pointlinejs)
[![Static Badge](https://img.shields.io/badge/Documentation-green)](https://egor-progger.github.io/pointlinejs/documentation/)
[![Quick start example](https://img.shields.io/badge/Quick_start_example-blue)](https://github.com/egor-progger/pointlinejs-quick-start/)

# Quick start

1. clone repository with command:

```
$ git clone https://github.com/egor-progger/pointlinejs-quick-start
```

2. to run this example you need to install some dependencies:

```
$ cd pointlinejs-quick-start
$ npm install
```

3. start local web-server:

```
$ npx webpack serve
```

4. open in browser address http://localhost:9001

For Docs, Examples, and everything else see: https://egor-progger.github.io/pointlinejs/documentation/

# Development

## Requirements

Node version: minimum 20.18.1

## How to compile sources

`npx webpack --config webpack.config.js`

## How to run dev-server for debugging

1. `npm run start`
2. open `http://localhost:9000/documentation/` in browser