Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/FreezeSoul/awesome-data-visualization-solution
收集了市场上的一些数据可视化方案,包括常见商业方案和一些相关的开源组件等,持续更新... *** Data Visualization (数据可视化) ***
https://github.com/FreezeSoul/awesome-data-visualization-solution
List: awesome-data-visualization-solution
Last synced: 3 months ago
JSON representation
收集了市场上的一些数据可视化方案,包括常见商业方案和一些相关的开源组件等,持续更新... *** Data Visualization (数据可视化) ***
- Host: GitHub
- URL: https://github.com/FreezeSoul/awesome-data-visualization-solution
- Owner: FreezeSoul
- License: cc0-1.0
- Created: 2021-07-08T01:52:02.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-05-19T02:56:06.000Z (over 1 year ago)
- Last Synced: 2024-05-20T20:43:15.377Z (6 months ago)
- Homepage:
- Size: 26.4 KB
- Stars: 6
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- ultimate-awesome - awesome-data-visualization-solution - 收集了市场上的一些数据可视化方案,包括常见商业方案和一些相关的开源组件等,持续更新. *** Data Visualization (数据可视化) ***. (Other Lists / PowerShell Lists)
README
Awesome Data Visualization Solution
收集了市场上的一系列数据可视化解决方案,包括软件、平台及组件等。
> 打个广告:我们的数据可视化产品DataColour2.x也上线了,平台具备了可视化项目快速落地的支撑能力,推荐试用 - [DataColour数据可视化平台](http://www.datacolour.cn/)
# 国外产品
- [Tableau](https://www.tableau.com):国外知名度很高的BI(商业智能)工具,做可视化的人都知道的产品,国内很多可视化工具都是效仿了其产品。:checkered_flag:*是一个可视化分析平台,它改变了我们使用数据解决问题的方式,使个人和组织能够充分利用自己的数据。*
- [Power BI](https://powerbi.microsoft.com):微软提供的数据可视化解决方案,集成微软了一系列的产品,简单强大,符合微软一贯特色。:checkered_flag:*使用面向所有人的商业智能创造数据驱动型文化,借助最新的分析方法,使组织中的各级员工都可以做出有把握的决定。*
- [QlikView](https://www.qlik.com):前端交互性比较灵活、展示样式多样化,关联查询功能使其具有独特的数据钻取特性,可以让自助数据分析和所有信息都有一个灵活的直观的展现。:checkered_flag:*端到端的复合云数据集成与分析方案,将原始数据转化为卓著的业务洞察。缩短数据,洞察与行动之间的距离。*# 国内产品
- [阿里DataV](https://www.alibabacloud.com/zh/product/datav):阿里云出品的数据可视化工具,效果案例如双十一的大屏,不用多说值得推荐。:checkered_flag:*数据可视化DataV是阿里云一款数据可视化应用搭建工具,旨让更多的人看到数据可视化的魅力,帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用,满足您会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。*
- [阿里QuickBI](https://www.aliyun.com/product/bigdata/bi):阿里云的BI工具,是一个致力大数据高效分析与展现的轻量级自助BI工具服务平台。:checkered_flag:*阿里云上客户都在用的BI产品(中国唯一入选Gartner ABI魔力象限BI),无缝对接各类云上数据库和自建数据库,大幅提升数据分析和报表开发效率,0代码鼠标拖拽式操作交互,让业务人员也能轻松实现海量数据可视化分析。*
- [百度Sugar](https://cloud.baidu.com/product/sugar.html):百度出品的数据可视化工具,自助式的BI报表分析和可视化数据大屏制作工具,组件丰富,开箱即用,无需SQL和任何编码。:checkered_flag:*百度智能云数据可视化解决方式是大数据时代,数据的价值被挖掘利用起来,真正助力企业的发展。数据可视化与自助分析,以极具视觉冲击力的方式,帮您轻松理解数据,让真正懂业务的人完成分析!*
- [百度IotViz](https://cloud.baidu.com/product/iotviz.html):百度的物联网数据可视化解决方案,用做PPT的方式,助您零编程完成可视化开发,带给您所见即所得的可视化开发体验。:checkered_flag:*无缝对接海量实时数据,零编程设计可视化仪表盘,完美支持手机/监控大屏展现,更有强大的定制和嵌入功能,让开发物联网可视化应用如此简单。*
- [腾讯云图](https://cloud.tencent.com/product/tcv):腾讯云图(Tencent Cloud Visualization,TCV) 是一站式数据可视化展示平台,旨在帮助用户快速通过可视化图表展示海量数据,10 分钟零门槛打造出专业大屏数据展示。精心预设多种行业模板,极致展示数据魅力。采用拖拽式自由布局,无需编码,全图形化编辑,快速可视化制作。腾讯云图支持多种数据来源配置,支持数据实时同步更新,同时腾讯云图基于 WEB 页面渲染,可灵活投屏多种屏幕终端。
- [腾讯RayData](https://cloud.tencent.com/product/raydata):腾讯的数据可视化产品为与[光启元科技](https://web.raykite.com/)联合开发的产品,产品在三维方面有一定的优势,效果比较酷玄。:checkered_flag:*腾讯云 RayData 基于独有的实时渲染技术,结合云计算、AI、IoT,将大规模数据融合呈现,实现云数据实时可视化、场景化以及交互,让使用者更加方便地进行数据的个性化管理与使用。*
- [网易有数](https://youdata.163.com):网易出品的数据可视化产品,拥有数据填报和自助式商业智能分析产品,提供网页端和手机端应用。:checkered_flag:*网易有数是一款大数据敏捷数据分析平台,让客户通过快速建立灵活、高 效、开放的数据分析方案,立刻发现数据价值。*
- [华为DLV](https://www.huaweicloud.com/product/dlv.html):作为大厂,华为的数据可视化产品也值得关注。:checkered_flag:*数据可视化服务(Data Lake Visualization)是一站式数据可视化平台,适配云上云下多种数据源,提供丰富多样的2D、3D可视化组件,采用拖拽式自由布局,旨在帮助您快速定制和应用属于您自己的数据大屏。*
- [帆软FineBI](http://www.finebi.com/):帆软作为国内做的较好的商业智能解决方案,其产品分有FineBi(新)和FineReport(旧),国内的占有率不低,社区活跃。:checkered_flag:*FineBI帮助企业快速搭建面向全员的数据分析及BI平台,让每一个成员都能充分了解并利用他们的数据,辅助决策、提升业务。*
- [亿信ABI](https://www.esensoft.com/):亿信同样作为国内数据分析行业的佼佼者,占有率不低,社区活跃,其中酷屏是其大屏可视化新一代的平台。:checkered_flag:*酷屏是亿信华辰自主研发的新一代数据可视化产品,可灵活、快捷地制作各类交互式常规屏和大屏可视化,内置百余种炫酷组件和3D特效,让数据“跃然屏上“,得到更形象、更直观的可视化呈现。*
- [大数据魔镜](http://www.moojnn.com/):国内比较早的一批数据可视化产品,而且与多所院校合作参与实训教育行业。:checkered_flag:*国云大数据魔镜云分析平台,随时随地分析数据查看结果,让分析无所不能。*
- [ThingJS](http://www.thingjs.com/guide/):提供面向物联网的3D可视化解决方案,产品不仅包括2D的大屏可视化ChartBuilder,还包括3D的园区级 3D 场景搭建CampusBuilder、城市级别搭建组件CityBuilder、全景工具套件ThingPano,帮助企业走向数字孪生。
- [图扑Hightopo](https://www.hightopo.com/):从H5图形界面库的角度提供了一套可视化解决方案,即:构建先进2D 和3D 可视化所需要的一切。
- [永洪BI](http://www.yonghongtech.com/):具备多数据源对接能力,丰富精致的图表样式与动态效果,跨屏自适应能力,自助式数据分析手段,更规范可靠的数据安全管控,扎实的计算性能。
- [美林Tempo](http://www.meritdata.com.cn/):秉承“专业 敏捷 易用”的设计理念,丰富的可视化效果、灵动的视觉交互探索手段、交互式的即席分析体验,让业务人员更好地观察数据,与数据对话,发现数据规律,获取敏锐洞察,让数据分析更简单、更智能。
- [奥威PowerBi](http://www.powerbi.com.cn/):奥威BI致力于为企业提供一个敏捷的大数据可视化平台,以及无缝对接用友金蝶全系列ERP的标准方案和十多个行业方案,帮助企业解决各种困难,从企业信息化迈向智能化,打造数据驱动的智慧企业!
- [袋鼠云EasyV](https://www.dtstack.com/) :高效数据可视化平台,15天打造专属大屏;内含百余款通用组件,多款行业模板,保证项目高效率、高质量交付;一站式数据开发平台,保证数据实时、全域、精准;企业级一站式数据中台PaaS、覆盖数据全链路开发流程。
- [思迈特SmartBi](http://www.smartbi.com.cn):Smartbi大数据分析产品融合BI定义的所有阶段,对接各种业务数据库、数据仓库和大数据分析平台,进行加工处理、分析挖掘和可视化
展现;满足所有用户的各种数据分析应用需求,如大数据分析、可视化分析、探索式分析、复杂报表、应用分享等等。
- [睿思BI](https://www.ruisitech.com):以数据仓库技术为依托,采用数据导入/数据上传/数据填报等方式抽取企业在经营过程中产生的业务数据并集中于BI系统,利用数据可视化,多维分析、数据挖掘等技术构建商业智能平台,为管理者提供及时、准确、科学的决策依据,降低管理成本,助力客户构建智慧型企业。
- [润乾报表](http://www.raqsoft.com.cn/):中国报表鼻祖,开创非线性报表模型解决复杂报表。对Excel式的报表需求支持的比较好,同样支持了可视化大屏的展现方式,填报功能相对完备。
- [海致BDP](https://www.bdp.cn/):海致BDP帮助企业快速完成多数据整合,建立统一数据口径,支持自助式数据准备(ETL), 并提供灵活、易用、高效可视化探索式分析能力,帮助企业构建贴合自身业务的企业洞察,并将数据决策快速覆盖各层员工及应用场景。
- [万博DataVis](http://www.cn-wbst.cn/):万博 DataVis 依托可视化项目及品牌优势,产品提供从数据收集、数据处理、数据分析、数据可视化、数据营销的一站式商业智能解决方案。
- [象形科技ETHINK](http://www.ethinkbi.com/):强大、专业、智能,帮助行业企业建立拖拽式分析分析平台,强大的2次开发能力,帮助快速复制与行业推广。
- [鼎义数据](http://www.weiunion.cn/):专注于企业数据大屏分析展示领域,提供企业级自助式可视化大屏分析与数据大屏展示。
- [东软DataViz](https://cloud.neusoft.com/pages/product/p_dataviz):提供一站式自助探索式可视化分析与数据大屏服务;融合人、业务和物的高级数据分析服务,有效驱动企业更精准的客户洞察和运营优化,帮助企业用户快速准确地洞悉数据背后隐藏的商业价值。
- [Wyn商业智能](https://www.grapecity.com.cn/solutions/wyn):零编码即可实现您的全部需要,包括屏幕自适应、多页面仪表板、自动数据刷新、3D动画特效等,并已经应用到智慧园区、智能车间、健康医疗、电力能源、校园安全、数字指挥中心等场景。
- [数聚易视 DataCVG E-Vi](https://www.datacvg.com/):数聚易视®以简单(Easy)的功能操作、高效(Efficient)的投放体验、卓越(Excellent)的视觉交互设计赋能企业轻松构建动态炫酷的可视化大屏,助力企业推动数字化管理文化。
- [数视](http://www.data-viz.cn/):运用可视化技术,实现企业数据营销赋能,降低数据理解门槛,提升数据沟通效率。
- [文图](https://www.wentu.io/):以最佳方式制作可视化数据报告精致、专业,只在顷刻之间。文图旨在为用户打造一个可在线编辑、即时生成数据报告的工具,预设有海量的模板和配色方案,可用作大数据分析可视化,业务报表生成,日常工作报告等等
- [镝数](https://www.dydata.io/):镝数图表是一款功能强大的免费在线数据可视化工具,输入数据即可一键生成可视化视频、网页交互图表制作,数据动图、矢量图表、信息图表;支持包括词云图,桑基图,玫瑰图,河流图,雷达图等近100种图表种类;提供上千种可视化模版,内容创作、媒体运营、营销海报、市场研究、论文写作、工作总结、个人简历等场景的可视化设计均可在镝数轻松稿定。
- [灯果可视化](http://www.dengguobi.com/):灯果可视化是世野信息科技出品的拖拽式可视化工具,专精于业务数据与地理信息融合的大数据可视化。
- [艾科思BI](http://www.acleus.com):艾科思是一家移动BI和数据可视化服务商,我们秉承移动为先、数据驱动管理的理念,为企业老板、部门经理、员工、经销商,提供各种所需的手机报表,帮助客户快速掌握经营状况和KPI情况,及时发现经营中的问题,让客户做出最佳决策。
- [ByteV可视化](http://bytev.com.cn/):预置上千种可视化组件,涵盖各类图表组件、GIS地图、三维模型等,可支撑快速构建大屏端数据展示、PC端分析报告、移动端控制界面等。在新一代3D引擎的助力下, 将传统的展示方式全面提升为立体化展示方式,让数据“跃然屏上”,诠释数据立体美。
- [NBI-Dashboard](http://nbi.easydatavis.com:8033/):为企业解决了数据孤岛,允许企业接入所有业务数据,通过简单、直观、多维、探索式分析来洞察业务经营状况,提升企业决策能力。
- [简数科技](https://jianshukeji.com/index.html):提供基础的图表、图形等数据可视化组件,针对 Dashboard 、数据报表、网页数据可视化等使用场景的一个完整的解决方案。
- [莫奈数据可视化](https://monet.urban-computing.cn/monet-doc/):莫奈-数据可视化平台聚焦于大屏场景下的数据可视化展示,平台通过简单的图表拖拉拽和数据配置即可完成数据大屏的配置。提供多种可视化图表,充分满足用户多样化的可视化需求。
- [山海鲸数据可视化](https://www.shanhaibi.com/):使用山海鲸可视化给您的客户制作和交付大屏项目,不仅可以降低开发难度和成本,同时也可以通过灵活的交付方案提升项目交付效率。
- [捷码低代码](https://gemcoder.com/):深度集成Echart组件,灵活、快捷地制作各类交互式大屏和大屏可视化,内置百余种炫酷组件和3D特效。
- [RDP报表工具](http://rdp.cuafoo.cn/):颠覆传统报表、企业级Web报表工具多屏支持让数据就在眼前,公司的其他产品也很有意思。
- [UIPower](http://www.uipower.com/news/toolsintroduced.html):PowerUI Designer是一款界面可视化开发工具,提供丰富的界面控件和界面控件外观主题,可通过拖拽快速完成界面的设计和搭建工作。
- [Ptmind](http://www.ptmind.com/):Ptmind 让你和团队轻松通过数据,获取源源不断的用户洞察,并帮助将洞察转化为实践,赋予团队强大的数据驱动力,让团队业绩实现持续且快速的增长。
- [AnyReport](http://www.anyrt.com/):AnyReport报表 企业级数据收集、管理、统计分析平台;帮您快速搭建数据平台,对数据进行收集、审核、可视化、挖掘分析。
- [Ireport365](https://www.ireport365.com):全新的报表制作体验,应用于多种业务场景,多数据接口支持,10分钟制作精美的手机报表。
- [Rocket](http://www.zhoushankj.com/):拖拉拽生成可视化报表和酷炫大屏,操作所见即所得,零代码玩转数据可视化。
- [DataHunter](https://www.datahunter.cn/):专业的数据可视化分析和商业智能服务提供商,帮助人们查看分析数据并改进业务。
- [DataCool](https://www.bessystem.com/home):异构数据源整合,图形化编辑,实时数据动态展示,充分体现数据的价值。
- [PageNow](http://pagenow.cn):基于SpringBoot+Vue构建的数据可视化开发平台,满足你对数据大屏页面的一切想象。
- [Davinci](https://edp963.github.io/davinci/):Davinci 是一个 DVaaS(Data Visualization as a Service)平台解决方案,面向业务人员/数据工程师/数据分析师/数据科学家,致力于提供一站式数据可视化解决方案。既可作为公有云/私有云独立部署使用,也可作为可视化插件集成到三方系统。
- [数维图](https://www.sovitjs.com/): SovitChart是一款通过网页在线拖拽式页面的敏捷开发工具。可以用来制作可视化大屏界面、企业系统领导 驾驶舱页面、看板页面、图表式统计报表页面、大数据可视化页面及常用的可视化Web页面等。同时还可以用来配合售前人员进行案例快速制作、动态原型的快速制作,用来提供系统演示等。 产品包括:Sovit2D/Sovit3D/SovitChart# 开源方案
- [kibana](https://github.com/elastic/kibana):Elasticsearch 专用的数据分析检索仪表盘。ELK Stack 中的 K。日志系统常见的可视化开源解决方案。使用 Nodejs+AnglarJs+React 开发,元数据存储在 ES 的一个索引中。Elastic公司维护开源,社区非常活跃,持续迭代中。
- [grafana](https://github.com/grafana/grafana):可视化仪表盘和图形编辑器,是一款常用的指标分析和监控工具。支持Graphite、Elasticsearch、OpenTSDB、Prometheus 和 InfluxDB 作为数据源。使用 Golang+TypeScript+AngularJS 开发,元数据支持 mysql 和 postgres。Grafana Labs 公司维护,社区非常活跃,持续迭代中。
- [superset](https://github.com/apache/superset):Apache 孵化项目,很多大公司都在内部使用。支持的数据源有 MySQL、Postgres、Vertica、Oracle、Microsoft SQL Server、SQLite、Greenplum、Firebird、MariaDB、Sybase、IBM DB2、Exasol、MonetDB、Snowflake、Redshift、Clickhouse、Apache Kylin 等!使用 Python+Flask+react+jQuery开发,默认使用 sqlite 存储元数据。 社区非常活跃,持续迭代中。
- [zeppelin](https://github.com/apache/zeppelin):支持交互式数据分析的多用途 notebook 编辑器工具,可以接入不同的数据处理引擎和解释器,包括 Apache Spark,Python,JDBC,Markdown和Shell 等。内置Apache Spark集成。Java+Angular 开发,元数据 notebook 默认使用本地文件系统存储在git仓库中。 由 Apache 开源,持续迭代中。
- [hue](https://github.com/cloudera/hue):开发和访问SQL、数据应用的工作台,支持智能的SQL和任务编辑器、Dashboard 、任务工作流调度、数据浏览器。 Hadoop生态系统可视化利器。SQL支持: Hive、Impala、MySQL、Oracle、KSQL / Kafka SQL、Solr SQL、Presto、PostgreSQL、Redshift、BigQuery、AWS Athena、Spark SQL、Phoenix、Kylin等。任务支持:MapReduce、Java、Pig、Sqoop、Shell、DistCp、Spark等。使用Python+Django+jquery 开发,元数据默认使用 SQLite存储。Hue 由 Cloudera Desktop 演化而来,最后 Cloudera 公司将其贡献给Apache基金会的Hadoop社区。
- [CBoard](https://github.com/TuiQiao/CBoard):国产BI 报表和dashboard平台。支持JDBC数据源,Saiku2.x数据源,Kylin1.6,Elasticsearch 1.x, 2.x, 5.x。使用 Java Spring+MyBatis+AngularJS+Bootstrap 开发。元数据使用MySQL5+/SQLServer。上海楚国公司开源,官方出了收费的企业版,这个社区版有一定差异。
- [Mining](https://github.com/mining/mining):Python写的BI应用(Pandas web 界面)OpenMining 支持基于 ORM SQLAlchemy 的所有数据库。使用 Python+Lua+AngularJs+jQuery开发,元数据存储在MongoDB。由Avelino 和 UP! Essência开发,master分支的最新 commit 已经是2016年了。
- [Saiku](https://github.com/OSBI/saiku):经典的OLAP开源方案,Saiku是一个模块化分析套件,提供轻量级OLAP,易于嵌入,可扩展和可配置。 支持 Mondrian, XMLA 或者 Mongo数据源链接类型。其提供一个Schema设计器、交互式的报表引擎、展示板和nosql连接技术。使用REST API连接OLAP系统。使用Java+backbone+jQuery开发,使用JackRabbit管理树状元数据。最初叫做Pentaho分析工具,起初是基于OLAP4J库用GWT(google web toolkit)包装的一个前端分析工具。后改名Saiku,Analytical Labs 提供支持。
- [Metabase](https://github.com/metabase/metabase):简单快速的方式使用BI和分析。支持多种数据源。支持不写SQL 的方式做可视化分析。支持docker、jar包方式安装。使用clojure和node开发,前端使用react框架。元数据默认存储在H2数据库中。社区较为活跃,项目也在持续更新中。
- [redash](https://github.com/getredash/redash):SQL editor+可视化,支持35种数据源。后端使用Python 前端使用Angular、React,元数据环境使用PostgreSQL & Redis。该项目目前也比较活跃,持续迭代中。
- [SqlPad](https://github.com/rickbergfalk/sqlpad):不知放在这里是否合适,SqlPad一款基于web 的 SQL 编辑器,支持MySQL, Postgres, SQL Server, Vertica, Crate, Presto, SAP HANA, 和 Cassandra,支持数据可视化。但不支持仪表板等功能。使用Nodejs+React开发,元数据存储在 Nedb中。由Rick Bergfalk开发,持续维护中。
- [JimuReport](https://gitee.com/jeecg/JimuReport):一款免费的数据可视化工具,报表与大屏设计!类似于excel操作风格,在线拖拽完成报表设计!功能涵盖: 报表设计、图形报表、打印设计、大屏设计等,永久免费!
- [UReport2](https://gitee.com/youseries/ureport):UReport2是一款高性能的Java报表引擎,提供完善的基于网页的报表设计器,可快速做出各种复杂的中式报表。
- [DataGear](https://www.oschina.net/p/datagear):DataGear是一款数据可视化分析平台,使用Java语言开发,采用浏览器/服务器架构,支持SQL、CSV、Excel、HTTP接口、JSON等多种数据源, 主要功能包括数据管理、SQL工作台、数据导入/导出、数据集管理、图表管理、看板管理等。
- [DataEase](https://github.com/dataease/dataease):开源的数据可视化分析工具,帮助用户快速分析数据并洞察业务趋势,从而实现业务的改进与优化。支持丰富的数据源连接,能够通过拖拉拽方式快速制作图表,并可以方便的与他人分享。
- [DataV-Team](https://github.com/DataV-Team/DataV):Vue/React数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用。
- [AJ-Report](https://gitee.com/anji-plus/report):AJ-Report是一个完全开源,拖拽编辑的可视化设计工具。三步快速完成大屏:配置数据源---->写SQL配置数据集---->拖拽生成大屏。让管理层随时随地掌控业务动态,让每个决策都有数据支撑。
- [react-big-screen](https://gitee.com/MTrun/react-big-screen):一个基于 React、Dva、DataV、ECharts 框架的 " 数据大屏项目 "。支持数据动态刷新渲染、屏幕适配、数据请求模拟、局部样式、图表自由替换/复用等功能。
- [CharFun](https://github.com/ddiu8081/ChartFun):数据大屏可视化编辑器,功能不太完整,可供参考。
- [DataVisual](https://github.com/wangyapu/DataVisual):数据可视化平台;技术支持:SSH框架,R语言,Echarts,D3;主要功能:上传数据集、数据源格式转换、数据清洗、数据统计、聚类、关联、决策树、社会网络可视化。
- [h5-Dooring](https://github.com/MrXujiang/h5-Dooring):H5可视化页面配置解决方案,致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以react和typescript为主, 后台采用nodejs开发。
- [datart](https://gitee.com/running-elephant/datart):datart 是新一代数据可视化开放平台,支持各类企业数据可视化场景需求,如创建和使用报表、仪表板和大屏,进行可视化数据分析,构建可视化数据应用等。由原 davinci 主创团队出品,datart 更加开放、可塑和智能,并在数据与艺术之间寻求最佳平衡。
- [luban-h5](https://github.com/ly525/luban-h5):类似易企秀的H5制作、建站工具、可视化搭建系统。
- [H5Editor](https://github.com/hyhajnal/h5-editor):移动端页面 UI 生成器,用于将设计稿样式转化为组件化的代码。
- [steedos-platform](https://github.com/steedos/steedos-platform/):华炎魔方模型驱动低代码平台,Salesforce 开源替代方案,数据建模、权限管理、流程自动化。
- [NocoBase](https://github.com/nocobase/nocobase) NocoBase is a scalability-first, open-source no-code/low-code platform to build internal tools.# 视觉组件
- [D3.js](https://github.com/d3):2011年,Mike Bostock、Vadim Ogievetsky 和 Jeff Heer 发布了 D3,它是目前 Web 端评价最高的 Javascript 可视化工具库。不仅可用于数据可视化,还包括动画、数据分析、地理和数据实应用。
- [Echarts](https://github.com/ecomfe/echarts):百度出品的可视化图表组件,可以说是目前国内应用最广的可视化组件库。它也提供英文版本,适用于大数据集。它还支持 SVG 和 Canvas 渲染。目前也已经成为apache顶级项目。
- [Highcharts](https://github.com/highcharts/highcharts):在echarts之前大家的首选图表组件,发布于 2009 年的 JS 库,基于 SVG ,支持旧版浏览器的 VML 和 Canvas。 它提供了不同的项目模板。
- [Chart.js](https://github.com/chartjs/Chart.js):一个非常受欢迎的开源库,轻量级,允许你用 HTML5 Canvas 元素构建响应式图表。
- [antv](https://antv.vision/):蚂蚁集团数据可视化团队出品的数据可视化组件,包括一系列产品。G2:数据驱动,高度易用,可扩展的可视化图形语法。F2:专注于移动端的可视化解决方案,兼容 H5/小程序/Weex 等多端环境。G6:便捷的关系数据可视化引擎与图分析工具。X6:极易定制、开箱即用、数据驱动的图编辑引擎。L7:高性能/高渲染质量的地理空间数据可视化框架。AVA:AVA 是为了更简便的可视分析而生的技术框架。
- [raphael.js](http://raphaeljs.com/):也是早年比较流行的一个矢量图形 Javascript 库。用 SVG W3C 推荐标准和 VML 作为创建图形的基础,通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图表或图像的裁剪和旋转等复杂操作。
- [Three.js](https://github.com/mrdoob/three.js):不用多说,最流行3D图形库,该项目的灵活性和抽象性意味着它也可用于 2 维或 3 维的数据可视化。
- [Babylon.js](https://github.com/BabylonJS/Babylon.js):是微软出品的 3D 引擎,主要以游戏开发和易用性为主。由于其3D方面出众的能力,同样也常用于3D可视化项目。
- [Cesium](https://github.com/CesiumGS/cesium):是一个基于JavaScript编写的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区域,并提供良好的触摸支持,也是一个非常流行的地图可视化框架。
- [deck.gl](https://github.com/visgl/deck.gl):是Uber开发并开源的基于WebGL的地理大数据可视化框架,根据其官网的介绍其有以下三点优势:第一点由于是基于WebGL开发的可视化框架,前端大数据渲染的性能自然没的说,明显优于那些基于canvas 2D或者SVG的可视化库。第二点是其GPU渲染的高精度。第三点是该框架能与前端主流的React很好的集成。
- [Leaflet](https://github.com/Leaflet/Leaflet):是一个非常流行的用于移动端渲染交互式地图开源JavaScript库。其除了具备绝大多少的地图操作功能,并且强大的开源库插件涉及到地图应用的各个方面包括地图服务,数据提供,数据格式,地理编码,路线和路线搜索,地图控件和交互等类型。
- [SuperMapiClient](https://github.com/SuperMap/iClient-JavaScript):是SuperMap提供的一套开源开放的 WebGIS 客户端应用开发包,基于现代 Web 技术栈全新构建,是 SuperMap 云 GIS 和在线 GIS 平台系列产品的统一 JavaScript 客户端。它集成了领先的开源地图库、可视化库,支持多源数据与地图服务,支持多终端,跨浏览器。提供了全新的 GIS 大数据可视化、实时流数据可视化等功能,通过本产品可快速实现浏览器上美观、流畅的地图呈现。
- [MapboxGL](https://github.com/mapbox/mapbox-gl-js):Mapbox GL JS是一个JavaScript库,使用WebGL渲染交互式矢量瓦片地图和栅格瓦片地图。WebGL渲染意味着高性能,MapboxGL能够渲染大量的地图要素,拥有流畅的交互以及动画效果、可以显示立体地图并且支持移动端,是一款十分优秀的WEB GIS开发框架。
- [MapV](https://github.com/huiyan-fe/mapv):是一款地理信息可视化开源库,可以用来展示大量地理信息数据,点、线、面的数据,每种数据也有不同的展示类型,如直接打点、热力图、网格、聚合等方式展示数据。# 布局组件
- [Moveable](https://github.com/daybrush/moveable):是一个强大的可拖动的、可调整大小的、可缩放的、可旋转的、可扭曲的、可捏合的、可分组的、可捕捉的布局组件。
- [Gridster](https://github.com/ducksboard/gridster.js):一款基于 jQuery 的网格布局插件,可以从跨越多列的元素构建直观的可拖动布局,包括从网格中动态添加和删除元素。
- [gridstack.js](https://github.com/troolee/gridstack.js):可以用于仪表板布局的Typescript 库。可以轻松制作拖放式、多列响应式仪表板。可以很好地与 React、Vue、Angular 配合使用。
- [jQueryGridly](https://github.com/ksylvest/jquery-gridly):是一个 基于jQuery布局插件,可以在网格上进行拖放和调整大小。
- [Packery](https://github.com/metafizzy/packery):是一个 JavaScript 库和 jQuery 插件,可以实现无缝和可拖动的布局。 非常适合可拖动的仪表板和无缝的 Masonry 图像库。
- [GridList](https://github.com/hootsuite/grid):用于二维可调整大小和响应式项目列表的拖放库。
- [dazzle](https://github.com/Raathigesh/dazzle):是一个使用 React JS 构建仪表板的库,不依赖于任何前端库,但可以更轻松地与它们集成。
- [Freewall](http://kombai.github.io/freewall/):是一个跨浏览器和响应式 jQuery 插件,可帮助您创建多种类型的网格布局:灵活布局、图像布局、嵌套网格布局、metro 样式布局、pinterest 式布局。
- [gridmanager.js](https://neokoenig.github.io/jQuery-gridmanager/):可以让你在 Bootstrap 3.x 或 Foundation 5.x 等框架使用的网格布局中创建、重新排序、更新和删除行和列。通过它可以构建页面结构,用于 Web 应用程序、自定义 CMS 系统等。
- [GoldenLayout](https://github.com/golden-layout/golden-layout):是一个基于网格的多窗口布局管理器,非常适用于自定义的仪表板管理。
- [React-Grid-Layout](https://github.com/react-grid-layout/react-grid-layout):具有响应式的可拖动和可调整大小的网格布局,用于 React。
- [vue-grid-layout](https://github.com/jbaysolutions/vue-grid-layout):Vue.js 的网格布局系统,如 Gridster,用于 Vue.js。受 React-Grid-Layout 的启发。
- [angular-grid-layout](https://github.com/katoid/angular-grid-layout):是一个网格布局系统,可拖动和可调整大小。它主要用于创建高度可定制的仪表板。# 布局管理
- [baidu-amis](https://github.com/baidu/amis):百度前端低代码框架,通过 JSON 配置就能生成各种页面。
- [alibaba-formily](https://github.com/alibaba/formily):阿里的表单解决方案——支持React/Vue2/Vue3。
- [Vue-Layout](https://github.com/jaweii/Vue-Layout):基于UI组件的Vue可视化布局工具。
- [visual-drag-demo](https://github.com/woai3c/visual-drag-demo):可视化拖拽组件库 DEMO。
- [Web-Editor](https://github.com/bojue/Web-Editor):Web可视化组态编辑器(Angular8)。
- [antd-visual-editor](https://github.com/yu-tou/antd-visual-editor):一个 可视化实时渲染的 ant-design 页面搭建工具。ant-design 组件库实时可视化编辑器,实时生成 react 代码。
- [h5-editor](https://github.com/a7650/h5-editor):h5可视化编辑器,支持添加图片/文本/形状等,拥有图层/参考线/标尺/自动吸附对齐等功能。
- [BrickDesign](https://github.com/brick-design/brick-design):全场景流式布局,可视化拖拽、随意嵌套组合、实时渲染、实时辅助线展示,实时组件间距展示、实时拖拽排序、状态域管理,可视化属性配置、可视化样式配置、多设备适配展示,支持逻辑渲染、模板字符变量、表达式、自定义方法、自定义状态。
- [mita](https://github.com/chuxiaoguo/mita):一个类似阿里dataV的项目dataVisual。
- [dragView](https://github.com/itanhang/dragView):Jquery可视化拖拽,网页布局拖拽插件。
- [layout-ui](https://github.com/0123cf/layout-ui):在线可视化布局工具, 支持相对布局\ 绝对布局\ 弹性布局, 自适应可视化布局,适用于专业人员开发专业界面。
- [VueJsonDesign](https://github.com/fyl080801/vjdesign):Vue 界面可视化设计器,本设计器特色功能就是可以支持任何 vue 项目中被引用的组件,不需要二次开发就可以定义支持的组件以及组件的属性,并且对组件的属性和数据的关系以及表单的交互行为也可以通过设计器配置实现。
- [form-generator](https://github.com/JakHuang/form-generator):Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。
- [form-create-designer](https://github.com/xaboy/form-create-designer):基于 @form-create/element-ui 实现的表单设计器组件。可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间。
- [avue-form-design](https://github.com/sscfaith/avue-form-design):基于 Avue 的表单设计器,拖拽式操作让你快速构建一个表单。
- [gaea-editor](https://github.com/ascoders/gaea-editor):帮助开发构建可扩展的网站可视化构建器。
- [VvvebJs](https://github.com/givanz/VvvebJs):拖放网站构建器 javascript 库。
- [X-Page-Editor](https://github.com/OXOYO/X-Page-Editor-Vue):基于 Vue 的可视化布局编辑器插件。
- [Everright-formEditor](https://github.com/Liberty-liu/Everright-formEditor):一个可视化低代码表单编辑器。
- [Tefact Engine](https://github.com/staringos/tefact): 星搭开源无代码编辑器,使用图形化界面生成 网站、H5和表单. 无需任何代码生成应用程序!数据可视化DataColour2.x的开源版本在这里:[DataColour2.x](https://gitee.com/DataColour/DataColourDVP)
数据可视化Dashboard1.x也就是2.x的前身在这里:[Dashboard1.x](https://gitee.com/DataColour/DashboardClient)
内容持续更新中...