NodeJS vykresľovanie bez frontendu lib pomocou plotly.js

Blog

NodeJS vykresľovanie bez frontendu lib pomocou plotly.js

NodeJS vykresľovanie bez frontendu lib pomocou plotly.js

NodePlotLib

Knižnica na vytváranie špičkových grafov priamo v NodeJS nad plotly.js bez akýchkoľvek front-endových príprav. Inšpirované matplotlib.

Animácia (Zobraziť na Github)

pridať do poľa js

Inštalácia

npm install nodeplotlib # or yarn add nodeplotlib

Použitie

Prehľad

Použitie s TypeScript/JavaScript:

import { plot, Plot } from 'nodeplotlib'; const data: Plot[] = [{x: [1, 3, 4, 5], y: [3, 12, 1, 4], type: 'line'}]; plot(data);

Ak ES5 používa | _+_ | namiesto | _+_ |. Tu je krátka animácia o postupe a výsledkoch.

Podrobné použitie

Pretože Python poskytuje matplotlib knižnicu na vytváranie okien vykresľovania, NodeJS nie je predvolene. V klientskom rozhraní však existujú úžasné knižnice vykresľovania. Toto lib sa teda zameriava na ľudí, ako sú vedci, ktorí chcú ľahko vytvárať krásne zápletky, ktoré šetria čas.

Knižnica ponúka jednoduché rozhranie (zatiaľ) iba s tromi funkciami. A | _+_ |, | _+_ | a | _+_ | funkciu. | _+_ | funkcie spustí prehliadač, ak je ako argument zadaná plotdata. V opačnom prípade vykreslí všetky | _+_ | ed plotdata. Argumenty sú typu | _+_ |, ktorý je súčasťou plotlyho | _+_ | typ. Pomocou | _+_ | funkciu zásobník zásobníka je možné vymazať.

Vďaka funkcii zásobníka je užívateľ schopný vytlačiť viac grafov na jednu stránku.

require()

Funkcia plot vykreslí všetky skladané grafy a graf daný parametrom (ak existuje). Potom sa dočasný kontajner vyčistí a môžete zavolať | _+_ | a | _+_ | opäť bez akýchkoľvek preddefinovaných zápletiek.

Funkcie sú vo forme:

import

Rýchly štart

V tejto časti je niekoľko príkladov, ako začať. Pozrite sa na celý príbeh ťahák .

Riadkové zápletky
plot
Barové grafy
stack
3D čiary
clear
3D povrchy
plot()
Radiálne zápletky

Aby bolo možné štýl štylizovať, je možné, aby ste zadali | _+_ | parameter, ktorý je vnútorne typeof | _+_ | z plotly’s | _+_ |. Pozrite si celú dokumentáciu rozloženia tu .

Pomocou tohto parametra je možné definovať štýly ako titul , štítky osí , podkresy a mnoho ďalších.

stack()

Druhy zápletiek

Jednoduché grafy Rozšírené grafy 3D grafy
Rozptyl Grafy 2d hustoty Rozptyl
Riadok Histogramy Povrch
Bar Krabicové pozemky Riadky
Koláčové grafy Obrysové grafy
Sankeyove diagramy Tepelné mapy
Tabuľky Radarové mapy

V zákulisí

Lib spustí webový server a otvorí nové karty pre každý graf umiestnený na | _+_ |. Na tejto adrese je k dispozícii dočasný súbor šablóny html, skript nodeplotlib a plotly.min.js. Strana klienta js požaduje údaje o vykreslení na | _+_ |. Potom, čo sa všetky čakajúce grafy otvoria na jedinečnej karte a vyžiadajú sa všetky údaje, server sa vypne. Ak spustíte iný sprisahanie, server začne znova, kým vykreslíte, a automaticky sa vypne.

python prevádza json na xml

Ďalší port je možné poskytnúť prostredníctvom premennej prostredia PORT.

Prispievanie

Príspevky vo všetkých formách sú vítané.

Príručka pre vývojárov

Vidlica Úložisko Github a naklonujte ho do počítača. Nainštalujte závislosti npm pomocou | _+_ | príkaz. Nainštaluje závislosti a skopíruje vykreslené typy do zdroja projektu. To neovplyvní strom git.

Cestovná mapa

Bolo by pekné urobiť knižnicu kompatibilnou s pozorovateľnými streammi a aktualizovať grafy v reálnom čase.

Podrobnosti na stiahnutie:

Autor: ngfelixl

GitHub: https://github.com/ngfelixl/nodeplotlib

#nodejs #javascript #node-js #node