Artikel ini ialah artikel koleksi dan perkongsian alat pembangunan (perpustakaan). Saya ingin berkongsi dengan anda perpustakaan visualisasi JavaScript berikut untuk meningkatkan kecekapan pembangunan dan menjadikan projek anda lebih jelas dan menarik semua orang!

Alat visualisasi data Disyorkan Visualisasi Data
Adalah sangat sesuai untuk membina perpustakaan/alat visualisasi peringkat syarikat daripada gores dalam pasukan R&D Rendah (sama ada kos atau keupayaan, dll...), secara ringkasnya, hari ini saya mengesyorkan beberapa alat sedia ada dalam arah web (termasuk garis besar pelaksanaan, arahan teknikal) untuk rujukan anda.
Semua pautan di bawah adalah repositori kod sumber.
Suka dan Kumpul Anda tidak perlu risau lagi tentang mencari perpustakaan untuk visualisasi data .

-
metrik-grafik - ialah perpustakaan yang dibina di atas D3, dioptimumkan untuk visualisasi dan susun atur data siri masa.


-
Chart.js - Carta HTML5 ringkas menggunakan Kanvas

-
paper.js - Grafik Vektor – Penulis skrip dialihkan ke JavaScript dan penyemak imbas menggunakan kanvas HTML5

-
fabric.js - Perpustakaan Kanvas JavaScript Juga menyediakan Penghurai SVG ke Cnanvas (Kanvas ke SVG).

-
raphael - Pustaka grafik vektor JavaScript.

-
echarts - javascript menyediakan carta yang kaya dan perpustakaan visualisasi.

-
sigma.js -
专用于图形绘制的JavaScript库 Version1:canvas svg Version2 : Webgl canvas

-
visjs - berbilang Perpustakaan untuk dinamik, visualisasi data berasaskan pelayar. (Tangkapan skrin di bawah ialah rangkaian)

-
two.js - API lukisan dua dimensi web bebas pemapar.

-
dc.js - Carta berbilang dimensi dibina untuk berfungsi secara asli dengan penapis silang yang diberikan oleh d3 js

-
flot - Carta JavaScript berdasarkan jQuery

-
nvd3 - untuk d3 Bina carta boleh guna semula dan. komponen carta js.

-
svg.js - untuk memanipulasi dan menganimasikan perpustakaan ringan SVG.

-
dimple.js - Carta analisis perniagaan ringkas disokong oleh d3.


-
zaman - Pustaka carta masa nyata am.

-
c3 - Pustaka carta boleh guna semula berdasarkan D3.

-
BabylonJS - Rangka kerja untuk membina permainan 3D dengan HTML5 dan WebGL.

-
carta semula - Pustaka carta ditakrifkan semula menggunakan React dan D3.


-
G2 - ialah satu set enjin asas visualisasi berdasarkan teori tatabahasa grafik, berorientasikan kepada carta statistik konvensional , Tatabahasa graf visual.

-
G2Plot - Perpustakaan carta statistik yang ringkas dan mudah digunakan dengan keupayaan pengembangan dan gabungan tertentu

-
Cytoscape.js - Perpustakaan teori graf berfungsi sepenuhnya.

-
cola.js - perpustakaan untuk mengatur dokumen dan rajah HTML5 anda menggunakan teknik pengoptimuman berasaskan kekangan
)
-
jointjs - Pustaka carta untuk mencipta carta statik atau alatan carta interaktif sepenuhnya. (Termasuk versi percuma dan/berbayar)
)
-
vizzu - Perpustakaan untuk visualisasi data animasi dan penceritaan data.
)
-------------------------------- ----Masalah rangkaian tanpa tangkapan skrin------------------------------------------ ---
mxGraph - Pustaka carta yang membolehkan aplikasi graf dan carta interaktif dibuat dengan cepat dan dalam mana-mana penyemak imbas utama yang disokong oleh vendornya Berjalan secara asli.
Carta Frappe - Carta SVG ringkas dan moden yang diilhamkan oleh GitHub untuk web dengan kebergantungan sifar.
Frappe Gantt - Pustaka carta gantt yang ringkas, interaktif dan moden untuk web.
jquery.sparkline - Pemalam untuk perpustakaan JavaScript jQuery untuk menjana carta mini kecil terus dalam penyemak imbas.
d3-cloud - Cipta awan perkataan dalam JavaScript.
-
Beberapa produk berbayar lain
amchart: https: //www. amcharts.com/
anychart: https://www.anychart.com/
plotly: https://plotly.com/
highchart, : https:/ /www.highcharts.com/
carta kilat: https://www.arction.com/lightningchart-js/
[Cadangan tutorial video berkaitan:depan web -akhir
】
Atas ialah kandungan terperinci Muntah darah: Perpustakaan visualisasi JavaScript yang anda patut tahu (Koleksi). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!