https://github.com/project-nv/night-vision

Highly customizable charting library, created for professional traders
https://github.com/project-nv/night-vision

candlestick chart charts financial javascript svelte timeseries

Last synced: 3 days ago
JSON representation

Highly customizable charting library, created for professional traders

• Host: GitHub
• URL: https://github.com/project-nv/night-vision
• Owner: project-nv
• License: mit
• Created: 2022-11-07T07:13:13.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-29T20:03:51.000Z (6 months ago)
• Last Synced: 2024-12-15T22:26:15.279Z (10 days ago)
• Topics: candlestick, chart, charts, financial, javascript, svelte, timeseries
• Language: JavaScript
• Homepage: https://nightvision.dev
• Size: 14.2 MB
• Stars: 252
• Watchers: 29
• Forks: 59
• Open Issues: 34
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


![PepeNV](https://github.com/project-nv/night-vision/blob/main/docs/docs/public/nv-banner.jpeg?raw=true)



![npm](https://img.shields.io/npm/v/night-vision.svg?color=brightgreen&label=version) ![license](https://img.shields.io/badge/license-MIT-blue.svg) ![build](https://img.shields.io/badge/build-passing-brightgreen.svg)



#  Night Vision Charts™ 

**NightVision** is a highly customizable charting library, created for professional traders. It is a continuation of [TradingVueJS](https://github.com/tvjsx/trading-vue-js) project, borrowing its core ideas, but applying better design decisions and improving performance. Built with Svelte.   

Start your charting journey with our interactive [**[DOCS]**](https://nightvision.dev/guide/intro/night-vision-charts.html).

![Screen](https://raw.githubusercontent.com/project-nv/night-vision/main/docs/docs/public/screen.png)

## Installation

```sh

npm i night-vision

```

## Usage

```js

import { NightVision } from 'night-vision'

let chart = new NightVision('')

// Generate some random data

function data() {

    return Array(30).fill(1).map((x, i) => [

        new Date(`${i+1} Nov 2022 GMT+0000`).getTime(),

        i * Math.random()

    ])

}

// Set the dataset

chart.data = {

    panes: [{

        overlays: [{

            name: 'APE Stock',

            type: 'Spline',

            data: data(),

            settings: {

                precision: 2

            }

        }]

    }]

}

```

## Roadmap

- ~~Add stocks support (Index-Based mode)~~

- ~~Improve the layout: x/y axis calculation~~

- ~~Expand the built-in overlay collection~~

- ~~Add keyboard & mouse events~~

- ~~Port the script system from TVJS~~

- ~~Create a built-in indicator collection~~

- NavyJS tutorial

- Data API (the high-level API)

- *Add tool overlays* ???

- *Toolbar* ??? 

- Mobile support



Happy charting!