Need help with pts?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

williamngan
4.6K Stars 162 Forks Apache License 2.0 711 Commits 36 Opened issues

Description

A library for visualization and creative-coding

Services available

!
?

Need anything else?

Contributors list

# 16,730
CSS
TypeScr...
generat...
generat...
609 commits
# 41,523
CSS
React
GraphQL
Ember
20 commits
# 143,178
Haskell
Kotlin
Shell
jvm
12 commits
# 247,370
HTML
CSS
generat...
generat...
3 commits
# 234,687
Go
k8s
bosh
HTML
3 commits
# 38,432
Electro...
Neovim
Vim
React
3 commits
# 344,034
HTML
CSS
generat...
generat...
1 commit
# 244,116
HTML
CSS
generat...
generat...
1 commit
# 118,455
Three.j...
real-es...
HTML
global-...
1 commit
# 1,062
TypeScr...
Babel
Electro...
ESLint
1 commit
# 45,537
CSS
cheat
csv-for...
Less
1 commit

Pts

image

Pts is a typescript/javascript library for visualization and creative-coding.

Get started at ptsjs.org.

Please give it a try, file issues, and send feedbacks to @williamngan. Thank you!


Usage

Option 1
Get the latest

pts.js
or
pts.min.js
(in dist folder). Alternatively use a CDN service like cdnjs or jsdelivr or unpkg. Then add it to your html page like this:
html

Pts is pretty lightweight. Currently at ~90kb minified and 26kb gzipped.

Option 2:
Install via

npm install pts
. Then you can choose to import some parts of Pts into your project as needed.
js
import {CanvasSpace, Pt, Group, Line} from 'pts';

To quickly get started, try download or clone these repos: - pts-starter-kit: Get started with a sample app using npm and webpack - pts-react-example: Try an example of using Pts with React. - react-pts-canvas: Use it in your React project by extending react-pts-canvas component

Get Started
Read the guides and take a look at the demos and their source code.
If you need help, please don't hesitate to file an issue.


For development

Pts is written in typescript. You can clone or fork this project and build it as follows:

Build and test

Clone this repo and install dependencies via

npm install
.
npm start
npm run build
npm test

Generate documentations

Run this to generate Pts styled documentations. (Requires python 3.6)

bash
npm run docs 

If you prefer to generate default typedocs, run this:

bash
typedoc --readme none --out typedocs src --name Pts

Generate typescript declaration files and minify

npm run typings
npm run minify

Contributing

We appreciate your support and feedbacks!

Please file issues if you find bugs and have feature requests. If you are able to send small PRs to improve Pts or fix bugs, that would be awesome too.

For larger PRs, please ping @williamngan to discuss first.


License

Apache License 2.0. See LICENSE file for details.
Copyright © 2017-2019 by William Ngan and contributors.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.