HTML5可互動的視覺化圖表js外掛庫
JointJS的事件驅動特性和MVC架構是它可以非常容易的整合到其它後臺程式之中。JointJS的特點有:
- 支援多種圖形元素(方形、圓形、橢圓形、文字、影象和路徑)
- 支援多種知名的圖表(ERD, Org chart, FSA, UML, PN, DEVS, ...)
- 支援基於SVG或程式設計的方式來定製圖表
- 可以和元素及連結進行互動
- 可以將圖表元素進行連結
- 可以自定義連結樣式(連結箭頭和標籤)
- 連結平滑過渡(bezier interpolation)
- 連結點可以放置在任何地方
- 支援圖表分級
- 支援從JSON格式序列化或反序列到JSON格式
- 高度的事件驅動-你可以對發生在畫布上的任何事件進行處理
- 支援放大縮小
- 支援移動觸控裝置
- 支援動畫
- 支援過濾器和漸變
- 支援NodeJS
- 渲染速度超快
- MVC架構
相關推薦
HTML5可互動的視覺化圖表js外掛庫
JointJS是一款可以進行互動的HTML5視覺化圖表js外掛庫。它可以用來建立靜態圖表,並且它擁有完全互動式繪圖工具和應用程式生成器。jointjs可以很容易地建立各種各樣的視覺化工具。 JointJS的事件驅動特性
17種資料視覺化圖表,有哪些適用場景?
隨著時代的發展,越來越多的資料量堆積,然而這些密密麻麻的資料的可讀性較差並且毫無重點,而資料視覺化更加直觀有意義,更能幫助資料更易被人們理解和接受。 因此運用恰當的圖表實現資料視覺化非常重要,本文歸結圖表的特點,彙總出一張思維導圖,幫助大家更快地選擇展現資料特點的圖表型別。 圖表型別-思
Github Repository 視覺化 (D3.js & Three.js)
Github Repository 視覺化 (D3.js & Three.js) 先上 Demo 連結 & 效果圖 demo 連結 github 連結 效果圖 2D: 效果圖 3D: 為什麼要做這樣一個網站? 最初想法是因為 github 提供的頁面無
聽說你想做一份高階的視覺化圖表?
雙十一狂歡,五折帶回家 想做一份高階的視覺化圖表,升職加薪,走上人生巔峰,em...迎娶白富美 or 成為白富美? 比如說,這樣滴... 又或者...是這樣滴... 然鵝!!!你做出來的圖表,實際是這樣的☟☟☟
2分鐘視覺化圖表製作|萬博DATAVIS視覺化平臺
圖表製作 進入圖示庫頁面,左側點選圖示型別頁面滾動到相應圖表區域 選中一個圖表點選建立,跳轉到圖示編輯頁 右邊欄可以對圖示進行編輯,下邊欄可以選擇資料或者直接上傳資料,同時可以選擇傳入到圖表的列資料,點選左上角儲存按鈕後彈出儲存提示框 選擇私有(只有自己可見)或公開(對所有人可見)的
Django顯示視覺化圖表
一 實戰 1 Django_lab\urls.py # -*- coding: utf-8 -*- from django.conf.urls import url,include from django.contrib import admin urlpatte
這些配色方案讓資料視覺化圖表更加高大上
今天聊點帶色的話題 圖表配色方案大全 讓你做的圖表 騷過巴黎時裝週場外任何一位時髦精 時髦精釋義:流行的東西成了精(並沒什麼卵用) 雖說配色是設計師的專業範疇,而且對於專業的設計師來說,配色也是一門終生的學問。 但是!!你也不希望你做出來的圖表瀰漫著一股……
視覺化圖表入門教程講解
資料視覺化,即通過圖表形式展現資料,幫助我們快速、準確理解資訊。好的視覺化會“講故事”,能向我們揭示資料背後的規律。 本文主要介紹常見圖表的資訊表達特徵和適用場景,幫助大家瞭解如何在不同的場景下選擇合適的圖表,從而幫助我們更清晰的傳遞資訊。(注:正文中所有圖表的製作所使用的
Python資料分析:手把手教你用Pandas生成視覺化圖表
大家都知道,Matplotlib 是眾多 Python 視覺化包的鼻祖,也是Python最常用的標準視覺化庫,其功能非常強大,同時也非常複雜,想要搞明白並非易事。但自從Python進入3.0時代以後,pandas的使用變得更加普及,它的身影經常見於市場分析、爬蟲、金融分析以及
三維電子沙盤大資料互動觸控互動視覺化地理資訊系統
根據武警、部隊、公安作戰管理需求,以三維地理資訊、部隊部署、要圖示繪等為基礎支撐,深度開發強化資訊查詢、地形分析、三維立體模型標繪、三維動態軍標標繪、態勢演示、聯網標圖、動員資料、實時視訊、北斗導航、實時語音、防恐防暴動態演示等主要功能,為指揮員處置應急突發事件、正確分析情況、判定態勢定下
三維電子沙盤在武警部隊人防應急指揮排程互動視覺化一張圖建設方案
隨著武警部隊人防資訊化建設的深入,決策支援手段不斷豐富,資訊來源和種類日益擴充套件,建立一個世界一流,國內領先的統一指揮決策分析平臺和展示平臺成為當務之急。基於豐富的操作互動、視景模擬、多點觸控的展示裝置:融合音、視訊以及各類流媒體的統一通訊平臺;以及高精度、高契合度的地理資訊系統等的武警
前端資料視覺化echarts.js使用指南
一、開篇 首先這裡要感謝一下我的公司,因為公司需求上面的新穎的需求,讓我有幸可以學習到一些好玩有趣的前端技術,前端技術中好玩而且比較實用的我想應該要數前端的資料視覺化這一方面,目前市面上的資料視覺化的框架琳琅滿目,例如:D3.js、hightcharts.js、echart
優秀的圖表JS外掛
1,ichartjs(國產) http://www.ichartjs.com/ ichartjs是一款優秀的國產開源外掛,作者是王鶴,英文名taylor,畢業於南昌大學軟體工程專業。 ichartjs 是一款基於HTML5的圖形庫。使用純jav
資料視覺化 D3.js實現力導向圖之二(node帶文字說明和提示)
從官方下載下的demo,直接加text帶文字,始終未能顯示出來,但是title卻能顯示出來,最後經過與網上其他地方做出來的例子用firebug進行跟蹤對比,發現能夠正確顯示title的html裡邊g標籤為node裡邊包含circle和text(circle、title和te
基於HTML5的資料視覺化方法有哪些
現在在大資料的帶領下,資料視覺化越來越突出,能夠清楚的分析出自己想要的資料,這也是我們現在最求的資料視覺化方法,那麼實現HTML5的資料視覺化方法有哪些?這都是我們值得研究的東西,資料可以給我們帶來敏感的市場未來發展,同時也能夠實時分別不同資料效果。 HTM
做可互動的統計圖表,這套圖形語法不容錯過
選好視覺化 “一圖勝千言”,是最直觀的資料視覺化魅力。以圖表來傳達和溝通訊息,其效率遠超枯燥乏味的資料表達。 有需求就有市場
vue-cli+v-charts實現移動端視覺化圖表
v-charts是餓了麼團隊開源的一款基於Vue和Echarts的圖表工具,在使用 echarts 生成圖表時,經常需要做繁瑣的資料型別轉化、修改複雜的配置項,v-charts 的出現正是為了解決這個痛點。基於 Vue2.0 和 echarts 封裝的 v-charts 圖表元件,只需要統一提供一種對前後
資料分析 | 資料視覺化圖表,BI工具構建邏輯
本文原始碼:[GitHub·點這裡](https://github.com/cicadasmile/data-manage-parent) || [GitEE·點這裡](https://gitee.com/cicadasmile/data-manage-parent) # 一、資料視覺化 ## 1、基礎
Python 三維視覺化筆記1 -- TVTK庫
Python 三維視覺化筆記1 – TVTK庫 Python 三維視覺化系列筆記是筆者在學習黃天羽老師的《Python科學計算三維視覺化》課程及筆者實踐三維視覺化的筆記。 課程連結: Python科學計算三維視覺化 參考文件: VTK 官方文件 環境:
分享一個超酷的開源html5 canvas互動網路圖形效果javascript類庫
線上演示 今天分享一個超酷的開源輕量級javascript圖形網路類庫 - sigma.js,這個類庫基於HTML5畫布實現。能夠非常好的生成靜態或者動態的互動網路圖形。 這個類庫特別為以下設計: 使用圖形軟體輸出生成互動的靜態圖形,例如,Gephi 快速的生成動態圖形