精华内容
下载资源
问答
  • 地址:https://github.com/mbostock/d3一个基于数据操作文档的js数据可视化框架,最流行的可视化库之一。2:Chart.jsstar:48.7k中文网:http://chartjs.cn/GitHub地址:https://github.com/nnnick/Chart.js基于 ...

    1:D3

    star:91.5k
    官网:https://d3js.org/
    GitHub地址:https://github.com/mbostock/d3

    一个基于数据操作文档的js数据可视化框架,最流行的可视化库之一。

    044b39b8e3435fd88688c336cbf8f605.png

    2:Chart.js

    star:48.7k
    中文网:http://chartjs.cn/
    GitHub地址:https://github.com/nnnick/Chart.js
    基于 HTML5 的 JavaScript 图表库

    c8ca97dc8c978245623858896d4972a2.png

    3:ECharts

    star:41k
    中文网:https://echarts.apache.org/zh/index.html
    GitHub地址:https://github.com/ecomfe/echarts
    ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。是百度的一个开源的数据可视化工具。

    1869af05fdaa6bbde7257a37dcc7976f.png

    4: Leaflet

    star:27.8K
    官网:https://leafletjs.com/download.html
    GitHub地址:https://github.com/Leaflet/Leaflet

    Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库, 并只有38k,包含了大多数开发者需要的地图特点。常常被用于需要展示地理位置的项目。

    7978a4e8f8867467beb0be88a5da8038.png

    5:highcharts

    star:9.5K

    中文网:https://www.highcharts.com.cn/
    GitHub地址:https://github.com/highcharts/highcharts
    基于SVG的JavaScript 图表框架,兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库。 一般的问题好解决,但是一旦遇到了关键问题,个人支持非常有限, 支持图形相对于fusioncharts来说,比较少

    cfa36966cec82f5e2b2c1af92f54f758.png
    展开全文
  • 1:D3 star:91.5k ...一个基于数据操作文档的js数据可视化框架,最流行的可视化库之一。 2:Chart.js star:48.7k 中文网:http://chartjs.cn/ GitHub地址:https://github.com/nnnick/Cha...
    1:D3

    star:91.5k
    官网:https://d3js.org/
    GitHub地址:https://github.com/mbostock/d3

    一个基于数据操作文档的js数据可视化框架,最流行的可视化库之一。

    2:Chart.js

    star:48.7k
    中文网:http://chartjs.cn/
    GitHub地址:https://github.com/nnnick/Chart.js
    基于 HTML5 的 JavaScript 图表库

    3:ECharts

    star:41k
    中文网:https://echarts.apache.org/zh/index.html
    GitHub地址:https://github.com/ecomfe/echarts
    ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。是百度的一个开源的数据可视化工具。

    4: Leaflet

    star:27.8K
    官网:https://leafletjs.com/download.html
    GitHub地址:https://github.com/Leaflet/Leaflet

    Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库, 并只有38k,包含了大多数开发者需要的地图特点。常常被用于需要展示地理位置的项目。

    5:highcharts

    star:9.5K

    中文网:https://www.highcharts.com.cn/
    GitHub地址:https://github.com/highcharts/highcharts
    基于SVG的JavaScript 图表框架,兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库。 一般的问题好解决,但是一旦遇到了关键问题,个人支持非常有限, 支持图形相对于fusioncharts来说,比较少

    展开全文
  • 3D可视化应用开发对每个企业来说都是大工程,需要...封装threejs库,前端工程师可实现在线开发,可视化场景通过拖拽和简单写一些代码,对接数据源,项目部署之后就可以运行在您的服务器了~真是简单好用呢。 thin...

    3D可视化应用开发对每个企业来说都是大工程,需要投入大量的人力物力财力才能做好这项工程,但其实可是化繁为简,不需要大费周章,具体来说,thingjs3D可视化开发平台,基于webgl3D绘制标准,使用最热门的Javascript语言,封装threejs库,前端工程师可实现在线开发,可视化场景通过拖拽和简单写一些代码,对接数据源,项目部署之后就可以运行在您的服务器了~真是简单好用呢。

    thingjs-面向物联网的3D可视化开发平台

    /**

    * 说明:将场景中对象展示到界面上

    * 操作:点击界面上选择框

    * 说明:场景初始化完成后,子物体的显隐、样式默认继承父物体的显隐状态、样式

    *      通过 obj.inheritVisible = true/false 控制子物体是否继承父物体显隐状态

    */

    // 引入jquery.easyui插件

    THING.Utils.dynamicLoad(['lib/jquery.easyui.min.js', 'lib/default/easyui.css'], function() {

        var panel =

            `<div class="easyui-panel" style="opacity: 0; padding:5px; width: 300px;height: auto;margin-top: 10px;margin-left: 10px; position: absolute; top: 0; left: 0; z-index: 1;background-color: white">

                <ul id="objectTree" class="easyui-tree"></ul>

            </div>`

        $('#div2d').append($(panel));

    })

    var app = new THING.App({

        url: 'https://www.thingjs.com/static/models/storehouse'

    });

    // 这里使用了jquery.easyui的tree插件

    app.on('load', function (ev) {

        var buildings = app.query('.Building');

        buildings.forEach(function (building) {

            building.floors.forEach(function (floor) {

                // 设置楼层不受建筑显隐控制

                // floor.inheritVisible = false

            })

        });

        $('#objectTree').parent().css('opacity', 1);

        $('#objectTree').tree({

            data: getRootData(ev.campus),

            checkbox: true,

            cascadeCheck: false,

            onCheck: function (node, checked) {

                app.query('#' + node.id).visible = checked;

            }

        })

    });

    // 根节点信息由 建筑 和 室外物体 组成

    function getRootData(campus) {

        var data = [];

        campus.buildings.forEach(function (building) {

            data.push(getBuildingData(building));

        });

        campus.things.forEach(function (thing) {

            data.push(getThingData(thing));

        });

        return data;

    }

    // 收集 建筑 信息

    function getBuildingData(building) {

        var data = {

            id: building.id,

            checked: true,

            state: 'closed',

            text: building.type + ' (' + building.id + ')'

        };

        data["children"] = [];

        building.floors.forEach(function (floor) {

            data["children"].push(getFloorData(floor));

        });

        return data;

    }

    // 收集 楼层 信息

    function getFloorData(floor) {

        var data = {

            id: floor.id,

            checked: true,

            state: 'closed',

            text: floor.type + ' (level:' + floor.levelNumber + ')'

        };

        data["children"] = [];

        floor.things.forEach(function (thing) {

            data["children"].push(getThingData(thing));

        });

        return data;

    }

    // 收集 物 信息

    function getThingData(thing) {

        return {

            id: thing.id,

            checked: true,

            text: thing.type + ' (' + thing.name + ')'

        };

    }

    简单好用threejs库3D可视化平台thingjs,前端工程师会js就可以的,试一下你就知道如何做啦~

    展开全文
  • D3.js可视化库 v6.1.1

    2020-09-28 11:29:47
    为您提供D3.js可视化库下载,D3.js是一个JavaScript,用于根据数据处理文档。D3可帮助您使用HTML,SVG和CSS使数据栩栩如生。D3对Web标准的强调为您提供了现代浏览器的全部功能,而又不会使自己陷入专有框架,而是...
  • 凭借一流的解决方案引领数据可视化市场,我们总是很高兴看到不仅公司,而且来自世界各地的个人如何在他们的项目中使用它们来生成交互式图表。这是我们最近了解的一个有趣的新示例。来自叙利亚的Mais Hatem,目前是...

    AnyChar HTML5图表高度可定制且高度兼容。拥有纯JavaScript API,AnyChart图表内置客户端数据实时更新,多层次向下钻区和具体参数更新。强大的主题引擎使你通过一系列图表进行独特的演示体验,而PDF和图像输出能产出图书质量打印文档。

    点击下载AnyChart最新版

    在这里插入图片描述
    凭借一流的解决方案引领数据可视化市场,我们总是很高兴看到不仅公司,而且来自世界各地的个人如何在他们的项目中使用它们来生成交互式图表。这是我们最近了解的一个有趣的新示例。来自叙利亚的Mais Hatem,目前是贝鲁特美国大学(黎巴嫩)的一名本科生,创建了“ Cloud a Subreddit ”,这是一个网络项目,可借助AnyChart JS库在任何给定Reddit的subreddit中生成漂亮的交互式词云图表。

    我们对Mais进行了一次简短的采访,在采访中她向我们详细介绍了她使用AnyChart的工作和经验,一探究竟。

    AnyChart:嗨,迈斯!让我们向您介绍我们的社区。你能自己谈谈吗?

    迈斯·哈特姆(Mais Hatem):嗨,我是迈斯,是计算机科学专业的大四学生。我来自叙利亚的一个小镇,目前居住在黎巴嫩。在业余时间,我喜欢尝试使用JavaScript和RESTful API。

    A:数据可视化在您的生活中扮演什么角色?我们已经在您的个人网站上展示了几幅作品,您是在学习框架内创建图形还是出于个人兴趣?

    MH:主要是业余爱好。尽管我从未在任何课程中使用数据可视化,但我确实为将单词和数字转换为彩色图表而在视觉上吸引人的行为而感到非常兴奋,这是您看到的所有这些项目的主要思想。

    一般而言,有大量开放的API,其中大量信息以无聊的JSON或XML格式存储。因此,我想如果可以在卫生或公共治理等领域中可视化更重要的数据,那将是很好的。当您有图表来支持您时,与人们交谈也绝对容易。

    A:“ Cloud a Subreddit ”的想法是如何产生的?您为什么决定开发它?

    MH:我当时正在尝试挑战#7days7网站,并且遇到一位开发人员,他将电影脚本分析成性别图表。我花了很多时间阅读他们的文档并理解他们的代码。而且由于我是Reddit的日常用户,所以我认为刮掉每个subreddit的前几页并在其中形成词云会很酷。

    除了很有趣之外,词云还是一种非常快速的方法,可以使读者清楚地了解文本的内容。在这种情况下,这样的彩色气泡可以提供当前对某个子reddit的订户和访客最重要的内容的快照。

    A:那么,什么是“ Cloud a Subreddit”,它正是您想要构建的东西吗?

    MH:对于用户来说,就这么简单。您输入一个subreddit的名称(不带“ / r /”或空格),然后按橙色按钮,您便会看到:一瞬间在同一页面上生成了一个漂亮的交互式词云,您可以一目了然地看到什么单词是该subreddit当前首页帖子标题中使用最频繁的单词。

    那正是我要提供的基本功能。

    当然,总会有更多关键字要过滤。该项目是开源的,我记得在GitHub上将其标记为一个问题,这导致该存储库从HacktoberFest参与者那里获得了有益的贡献。这让我感到非常高兴,因为这是我第一个与陌生人一起工作的资料库。

    A:确实看起来很酷!您是否考虑过在标签云工具中添加或更新某些内容?

    MH:为了将来的改进,可以从很多地方入手,包括前端布局。但是,主要诱使采用NLP处理来自动标记单词,而不是填充字典。另一个很酷的事情是,每个词云也要显示给定子reddit的“一般情感”。

    因此,可以做很多事情,而我想做的更多。基本上,我希望这个项目可以成为我在文本挖掘方面的知识和技能的良好起点,并且我有足够的时间进行所有事情。

    A:请向我们详细介绍技术方面。您如何使用Reddit数据?您的项目使用什么技术堆栈?将AnyChart集成到其中很容易吗?

    MH:我可以将.json添加到任何Reddit链接这一事实使一切变得容易。为了发出GET请求,我使用了JavaScript的Fetch API。然后,我将通过单词过滤器过滤不重要的单词(例如链接单词以及定冠词和不定冠词)之后,填充了单词出现的字典。然后是将字典传递给我的anychart对象的有趣部分,以使单词变得模糊。我使用Bootstrap来保持响应速度。

    实际上,将AnyChart集成到我的项目中确实是无缝的,因为我只包括两行CDN导入。

    A:为什么您完全选择AnyChart JS图表库?您最喜欢什么?

    MH:我研究了不同的库和框架,但是AnyChart由于其出色的文档资料而最容易启动和熟悉。

    A:当有人问您关于使用哪个JavaScript库进行数据可视化的建议时,您如何概括地推荐AnyChart?

    MH:易于个性化图形和出色的文档。

    A:谢谢!

    相关产品推荐:

    AnyGantt——构建复杂且内容丰富的甘特图的理想工具

    AnyStock——基于XML/JSON的Flash金融图表解决方案

    AnyMap——可交互式地图

    本文章转载自【慧都科技】evget欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,尊重他人劳动成果
    原文链接:https://www.evget.com/article/2020/11/30/39416.html

    展开全文
  • Bounce.js是一款功能非常强大的可视化CSS3动画代码生成js库插件。该js库插件提供了一个在线APP,通过该APP可以在可视化的条件下编辑CSS3的各种动画效果。此外,你也可以单独使用Bounce.js,通过js代码来完成各种CSS3...
  • 基于JS可视化库 除了基于matplotlib的可视化库之外,Python中有很多基于JS可视化库,其中比较流行的是:Bokeh,HoloViews,Plotly等。基于JS开发的可视化库相对于matpltolib来说,其优势之一是:交互可视化。 ...
  • pixel-glass-js, 用于可视化检查标记的小型JS库 像素玻璃 |像素Glass是一个小型JavaScript库,它可以帮助你查看你的标记如何适合你的设计。 不需要跳转到图形编辑器和后退,每次需要查看设计时都不需要离开页面。...
  • Cytoscape.js - 用于可视化和分析的图论(网络)的JS库
  • 用vis.js库实现Neo4j的可视化

    千次阅读 2017-05-08 21:43:31
    用vis.js库实现Neo4j的可视化用visjs库实现Neo4j的可视化 visjs简介 功能需求 实现步骤获取查询结果 转换数据格式 指定绘图容器 配置绘图参数 绘图实例参考 最终结果 总结vis.js简介vis.js是一个基于浏览器的动态...
  • 简介:vue项目中添加复杂人物可视化关系,利用...基于浏览器的动态可视化库vis.jsGitHub案例:可视网络-networkv jiis.js Installation ``` npm install --save vue2vis ``` or ``` yarn add vue2vis ``` U...
  • 使用Chart.js可视化数据 - 教程Chart.js库是一个伟大的在线JavaScript库,它使用HTML5 canvas元素来绘制图形和图表,并附带文档。要查看Chart.js的实际运行情况,我们将使用Web编程语言构建以下图...
  • D3.js 是近年来十分流行的一个数据可视化开发。 采用BSD协议 源码:https://github.com/mbostock/d3 官网:http://d3js.org/ 中文资料:http://www.ourd3js.com/ C3.js是一个基于D3.js的图表。 ...
  • D3.js 数据可视化

    千次阅读 2018-08-09 18:41:56
    简单点,是一个JavaScript函数,使用它主要用来做数据可视化。 D3 是一个开源项目,作者是纽约时报的工程师。 D3也叫D3.js: 提供了各种简单易用的函数,大大简化JS操作数据的难度,尤其在数据可视化方面,D3已...
  • d3.js 数据可视化教程

    2015-12-02 15:18:20
    将数据以图形的方式表现出来,这个过程就是数据可视化。 没错,一图胜千言。我们很难从枯燥的数字中发现规律与异常,但很善于从图形 中...d3.js是一个优秀的数据可视化库,可以让我们方便快捷地实现数据到图形的变换。
  • 它涵盖了一些基本概念,诸如D3.js是什么,以及如何搭建一个适用于D3.js数据可视化程序的开发环境等。 第 2章,精挑细选,向你介绍了D3数字可视化中最基本的一项操作——选集。选集可以帮助读者定位页面上的元素。 第...
  • 本书展示了D3数据可视化库的强大功能,并通过代码示例让读者快速熟悉D3。同时,本书收录了超过70个实际的数据可视化案例,有助于读者解决实际应用中的可视化问题。本书适合那些熟悉HTML、CSS和JavaScript的开发者。
  • JointJS是一款可以进行互动的HTML5可视化图表js插件。它可以用来创建静态图表,并且它拥有完全交互式绘图工具和应用程序生成器。jointjs可以很容易地创建各种各样的可视化工具。
  • 可视化库D3.js.zip

    2019-07-19 09:55:19
    D3 是最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到DOM,然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格,或是利用它的流体过度和交互,用相似的数据...
  • three-geo 是一个基于 three.js 的地理可视化库。 使用three-geo,我们可以通过简单地指定地球上任何地方的GPS坐标,轻松地近实时地建立卫星纹理的3D地形模型。 地形的几何形状基于Mapbox Maps API提供的RGB编码DEM...
  • 动态可视化库Vis.js

    千次阅读 2014-04-16 21:55:48
    动态可视化库Vis.js
  • 2019最流行可视化js库

    2019-03-22 09:51:49
    原文地址:https://blog.bitsrc.io/11-javascript-charts-and-data-visualization-libraries-for-2018-f01a283a5727 译文地址:https://www.itcodemonkey.com/article/9371.html
  • 用于JavaScript数据可视化库。 使用NPM安装 npm install keen-dataviz --save 现场演示 自定义CSS主题生成器 例 import KeenDataviz from 'keen-dataviz' ; import KeenAnalysis from 'keen-analysis' ; // API ...
  • 可视化界面设计js库

    千次阅读 2013-04-27 15:09:49
    目地在于帮助你创建可重用的d3.js图表和图表组件而不降低d3.js的强大功能。 这个类库非常新,拥有的组件和图表不是很多,但是可以帮助你轻松的管理和自定义图表,而不必自己去构建所有的开发细节。 支持的图形...
  • LightningChart JS是Web上性能最高的图表具有出色的执行性能 - 使用高数据速率同时监控数十个...JavaScript可视化图表LightningChart JS最新版安装教程 JavaScript可视化图表LightningChart JS入门第一步 Lightn
  • NetV.js:一个基于网络的用于大规模图和网络的高效可视化1 论文概述1.1 文章摘要1.2 引言1.3 文章脉络2 相关工作3 设计3.1 设计要求3.2 设计细节3.2.1 图模型管理器3.2.2 渲染引擎3.2.3 交互管理器3.2.4 布局...
  • 下面是抄的介绍。感受以后再补。。相比于很多基于Flex、Air、HTML5的...但是由于之前数据可视化偏向于学术化和定制化,不 易于在日常大规模复用,这很大程度上限制了数据可视化的普及。datav.js就是为了降低日常对于
  • 我们可以给用户提供最佳的数据本身功能,表格和数字图表通常很容易阅读,但很难从大型...相反,我们可以使用整洁的数据可视化方法,这些方法可以利用大脑以视觉方式识别和处理数据的能力。为了帮助你入门并轻松将漂...
  • 数据可视化示例 本文由Michaela Lehr和Tim Severien进行了同行评审。 感谢所有SitePoint的同行评审员使SitePoint内容达到最佳状态! D3.js是一个JavaScript,用于根据数据处理文档。 D3可帮助您使用HTML,SVG和...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,157
精华内容 862
关键字:

js库可视化