首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    数据分析之20个大数据可视化工具推荐

    你只需要上传你的数据,便能轻松地创建和发布图表,甚至是地图。Datawrapper提供了 众多的自定义布局及地图模板。...数据可视化之开发展篇 JavaScript库 2 D3.js D3.js是最好的数据可视化工具库。D3.js运行在JavaScript上,并使用HTML,CSS和SVG。...所有您将创建的图表是交互式的,有的还可缩放。 Google Charts非常人性化,有全面的模板库,你可以从中找到所需模板。...它使用了Sass的个性化风格,它的SVG输出是响应式的。 N3-charts N3-charts是一种基于AngularJS框架的工具。它建立在D3.js之上,帮助您创建简单的互动图表。...Polymaps Polymaps是一款地图可视化一个JavaScript工具库。 Polymaps使用SVG实现从国家到街道一级地理数据的可视化。可以使用CSS格式来修改你的样式。

    5.1K40

    使用svgdeveloper 和 svg-edit 绘制svg地图

    描述 有的时候我们需要自定义地图,本文提供基本的基于SVG的矢量图制作教程; 2....代码将这一行删除即可 最后我们可以根据配色方案修改区域的背景色或者边框颜色 制作完成后,保存为吉林.svg,这样我们的矢量地图就绘制完成了 4.7 导入制作完成的svg地图 自定义地图...地图的代码拷贝到本地的编辑器中,将文件另存为后缀为svg格式的地图,吉林2.svg 5.6 删除背景图片 将背景图片部分的代码删除,然后保存即可 最后我们可以根据配色方案修改区域的背景色或者边框颜色...,然后将修改后的代码保存到svg文件中即可 这样我们的矢量地图就绘制完成了。...5.7 导入制作完成的svg地图 自定义地图,导入刚刚绘制的吉林2.svg

    10.3K50

    从入门到精通,全球20个最佳大数据可视化工具

    你只需要上传你的数据,便能轻松地创建和发布图表,甚至是地图。Datawrapper提供了众多的自定义布局及地图模板。 5....D3.js 毋容置疑D3.js是最好的数据可视化工具库。D3.js运行在JavaScript上,并使用HTML,CSS和SVG。 D3.js是开源工具,使用数据驱动的方式创建漂亮的网页。...Google Charts Google Charts 以HTML5和SVG为基础,充分考虑了跨浏览器的兼容性,并通过VML支持旧版本的IE浏览器。所有您将创建的图表是交互式的,有的还可缩放。...它使用了Sass的个性化风格,它的SVG输出是响应式的。 17. n3-charts N3-charts是一种基于AngularJS框架的工具。它建立在D3.js之上,帮助您创建简单的互动图表。...Polymaps Polymaps是一款地图可视化一个JavaScript工具库。 Polymaps使用SVG实现从国家到街道一级地理数据的可视化。您可以使用CSS格式来修改你的样式。

    4K40

    全球20个最佳大数据可视化工具,高级PPTers的法宝

    你只需要上传你的数据,便能轻松地创建和发布图表,甚至是地图。Datawrapper提供了众多的自定义布局及地图模板。 5. Plotly ?...D3.js ? 毋容置疑D3.js是最好的数据可视化工具库。D3.js运行在JavaScript上,并使用HTML,CSS和SVG。 D3.js是开源工具,使用数据驱动的方式创建漂亮的网页。...NVD3运行在d3.js之上, 它可建立可重用的图表组件。该项目的目标是保持所有的图表整洁和可定制性。 NVD3是d3.js之上的简单的接口,保持了d3.js的所有强大功能。...Google Charts 以HTML5和SVG为基础,充分考虑了跨浏览器的兼容性,并通过VML支持旧版本的IE浏览器。所有您将创建的图表是交互式的,有的还可缩放。...Polymaps是一款地图可视化一个JavaScript工具库。 Polymaps使用SVG实现从国家到街道一级地理数据的可视化。您可以使用CSS格式来修改你的样式。

    6K40

    Power BI SVG地图载体选择

    Power BI SVG地图载体选择 原创 wujunmin wujunmin 2025年06月06日 07:50 陕西 SVG图像(Power BI SVG制图入门知识2025版)可以在Power...BI 制作着色地图、红绿灯地图、叠加迷你图的地图、流向地图等,实现地图可视化自由。...内置的散点图、表格矩阵、新卡片图、按钮切片器视觉对象都可以作为SVG地图的载体。以下对使用情景做一个总结。...当需要制作红绿灯地图、气泡地图时,可以使用散点图视觉对象实现,无需了解SVG代码含义,参考教程:Power BI 散点图实现地图可视化 当地图不是主体,且需要展示的信息密度较大时,使用表格矩阵,把地图放在条件格式图标...999像素时,把地图放在按钮切片器: 以上是内置视觉对象的地图展示情景,如果需要更精准的点对点双向交互,可以使用HTML Content视觉对象加载SVG地图。

    25000

    收藏!52个实用的数据可视化工具!

    毋容置疑D3.js是最好的数据可视化工具库。D3.js运行在JavaScript上,并使用HTML,CSS和SVG。D3.js是开源工具,使用数据驱动的方式创建漂亮的网页。D3.js可实现实时交互。...Google Charts 以HTML5和SVG为基础,充分考虑了跨浏览器的兼容性,并通过VML支持旧版本的IE浏览器。所有您将创建的图表是交互式的,有的还可缩放。...它使用了Sass的个性化风格,它的SVG输出是响应式的。 22.n3-charts ? N3-charts是一种基于AngularJS框架的工具。它建立在D3.js之上,帮助您创建简单的互动图表。...Polymaps是一款地图可视化一个JavaScript工具库。Polymaps使用SVG实现从国家到街道一级地理数据的可视化。您可以使用CSS格式来修改你的样式。...它由两个库组成:一个是Python库,从形式函数或Post GIS中提出矢量地图,并把它们转换成SVG格式;另一个是JavaScript库,将这些SVG格式转换成交互式地图。

    5.7K11

    D3.js库-1-入门篇

    bring data to life using HTML, SVG, and CSS....,总结D3.js库的几大特点: 一款基于JavaScript的函数库 借助HTML、SVG和CSS等实现可视化 组件强大,通过数据驱动的方式来操作DOM 安装 下载最新的版本V5.16.0。...:可缩放矢量图形,用于绘制可视化的图形 以上知识点没有必要掌握的非常精通,建议到W3school快速入门,了解基本概念,再看几个案例demo,以后遇到不懂的地方可以进行查看。...可缩放矢量图形,即SVG,是W3C XML的分支语言之一,用于标记可缩放的矢量图形 SVG-菜鸟课程 SVG|MDN SVG图像入门教程|阮一峰老师 D3.js 第一个推荐的网站肯定是D3官网...D3.js的V5版本入门教程 慕课网-使用D3制作图表 数据可视化编程-使用D3.js Data Visualization with D3.js - Full Tutorial Course,油管上的一个实例演示课程

    20K30

    20个免费和开源数据可视化工具

    您甚至可以使用CSS动画和过渡到SVG元素。 14. ColorBrewer ColorBrewer是一款免费工具,可用于使您的地图在配色方面更好。该工具可以轻松区分复杂地图上的颜色。 15....D3.js D3.js 是一个免费的JavaScript库,可以帮助您使用数据创建图像。该工具使您可以将任意数据连接到文档对象模型(DOM),然后将数据驱动的转换应用于文档。...您可以使用该工具通过上载CSV文件或连接到SQL数据库来创建D3.js图表和地图。您还可以使用R或Python创建图表。 17....Polymaps Polymaps是一个免费的JavaScript库,用于在浏览器中创建动态的交互式地图。您可以使用该工具在地图上显示多缩放数据集。...该工具使用可缩放矢量图形(SVG)来显示图像,从而使您能够使用CSS定义设计。 18. Weave Weave是一个符合ADA标准的免费数据可视化平台。

    15.7K1214

    《让地图“活”起来:D3.js交互式地理可视化全攻略》

    D3.js,全称Data - Driven Documents,是基于Web标准技术(HTML、SVG和CSS)的数据可视化JavaScript库。...在D3.js中绘制静态地图,核心是利用地图投影和路径生成器。地图投影是将地球表面的三维坐标转换为二维平面坐标的过程,因为我们需要在平面的屏幕上展示地图。...路径生成器则负责将地理数据(如点、线、多边形)转换为SVG路径,以便在画布上绘制。...我们通过选择地理数据中的要素,结合投影方式,使用路径生成器生成路径,然后将这些路径添加到SVG画布上,就能绘制出基本的地图形状。...比如,我们将城市的边界数据通过路径生成器转换为SVG路径,填充上合适的颜色,一个城市的轮廓就出现在了屏幕上。静态地图只是起点,让地图“动”起来、具备交互性才是构建动态地图的关键。

    52700

    Flex:地图缩放平移效果(简易版)

    应用场景:目前各地铁、医院、大型商场、机场均有单点触摸查询屏,用这个功能可以实现用户的简单自助地图导航。 技术含量:这个,真木有!...唯一要注意的是,flash中任何物体的"基准注册点"均为左上角的顶点,且没办法修改(注:所谓基准点是指不论是缩放,还是旋转,都是以这个点为参考原点。)...Flash/Flex学习笔记(51):3维旋转与透视变换(PerspectiveProjection) 一文中提到的奇淫技巧,那上面有详细的图示解说,不过要伤点脑细胞想明白 :) 不足之处:这个只是单纯的图片缩放...2、如果文字大小不合适,缩放时会导致文字模糊不清晰 3、不适合文字的分级显示(这一点用过丁丁地图或google地图的人应该能理解,地图每放大一级,会显示更详细的地点文字标识) 文字图片分离的思路我已经有了...当然如果要实现跟google地图一样或类似的功能,还要考虑很多优化措施,比如图片的分块加载,也欢迎共同交流。

    1.3K60

    一些最好用的数据可视化工具

    (Scalable Vector Graphics,可缩放向量图形)可用来创建90多种类型的图表,包括2D和3D版本的图表;此外,他也重视工具间的互动性/提示框(tooltips)/向下延伸资料(drill...down)/可点选的图例关键字(legend keys)/缩放及上下捲动,以及一次按键进行图表输出或列印 Modest Maps 一个地图js插件,大小只有10KB,兼容Firefox/Chrome/...Opera/iOS/Android/IE7-9浏览器;这是一个小型的/免费/用于创建交互式地图的库 Pizza Pie Charts 这是一个基于Adobe Snap SVG框架的响应式的饼图,主要使用...但你也可以使用JavaScript对象;更方便的是,可以传送饼图到任何有Pizza的装置,在传送后,饼图会自动变成合适的大小形式,当然也可以固定它最大的长宽 Raw Raw是一个开源的数据可视化工具,基于流行的D3...Google Maps用来建立互动式地图,由两个libraries组成,并将两者结合到SVG和JavaScripts library,把SVG资料转变成互动性地图 TimeFlow 可视化时间分析工具,

    3.6K50

    2018年全球最受欢迎的30款数据可视化工具

    16) D3.js ? D3.js是一个开源的JavaScript函数库,用于使用HTML、CSS和SVG操作基于数据的文档,是JavaScript可视化框架的领导者。...开始学习D3.js时会感到很复杂,但是D3.js功能强大,非常灵活,值得开发者深入研究。需要注意的是,D3.js无法在较低版本的IE浏览器中显示图形。 17) Plot.ly ?...还支持根据任何设备大小缩放的响应式和交互式图表。单个用户可以使用ZingChart的免费版本,但其导出到图表上会有水印。...Kartograph.py是一个强大的Python库,它生成漂亮而紧凑的矢量SVG地图;Kartograph.js库则帮助你创建在所有主要浏览器上运行的交互式地图。 28) CARTO ?...dygraphs生成的交互式时间序列图表支持鼠标悬停、缩放和平移,甚至还支持实时数据更新和时间范围选择。

    5K20

    2019年最好的JavaScript图表库

    与此同时,高分辨率屏幕的出现以及通过触摸手势进行更常见的缩放,使分辨率独立的矢量图表成为最前沿。 进入当前由JavaScript和SVG(可缩放矢量图形)主导的数据可视化时代。...回顾了50多个可视化库,这9个产品脱颖而出: D3.js https://d3js.org/ ? D3.js是一个非常广泛和强大的图形JavaScript库。...D3.js可以是图表库的构建块。开发人员使用D3使其更容易使用消耗它的图表解决方案,例如NVD3。 D3.js是开源的,可以免费使用。...JSCharting图表库支持大量图表类型,包括地图,甘特图,股票和其他通常需要单独库使用的图表类型。它包括所有世界国家的内置地图和SVG图标库。...其他用途和库存需要商业许可,地图和甘特图是单独许可的。 amCharts https://www.amcharts.com/ ?

    6.2K20

    D3.js 力导向图的显示优化(二)- 自定义功能

    摘要: 在本文中,我们将借助 D3.js 的灵活性这一优势,去新增一些 D3.js 本身并不支持但我们想要的一些常见的功能:Nebula Graph 图探索的删除节点和缩放功能。...支持按钮缩放功能 说完删除选中点,在可视化视图中缩放操作也是比较常见的功能,D3.js 中的 d3.zoom() 就是用来实现缩放功能的,且该方法经过其他厂的业务考验相对来说成熟稳定,那我们还有什么理由要自己做呢...通过查看 d3.zoom() 代码,我们发现 D3.js 本质是获取事件中 d3.event 的缩放值再针对整个画布修改 transform 属性值,但这样处理 svg 中的节点和边元素 x、y 坐标不发生变化...我们先弄一个滑动条控件提供给用户进行手动控制缩放画布的比例,直接用 antd 的滑动条,根据它滑动的的值来控制整个画布缩放比例,下面直接贴代码了 svg width={width} viewBox...scale 参数是我们根据控件滚动条中缩放值来生成的,我们需要记录这个值来放大画布(svg 元素),从来造成视图缩小的效果的。

    5.1K50

    【DeveMobile实例】d3.js 与Trianglify 制作SVG格式Low-Poly 特效

    在升级了DeveMobile 主题的时候Jeff 也顺便将主题主页进行了更新,访问主页你会看到首屏的Low-Poly 背景(每次刷新都不同),这个效果就是利用了d3.js 与Trianglify 制作的...所需元素介绍 d3.js 自维基百科:D3.js(D3或Data-Driven Documents)是一个用动态图形显示数据的JavaScript库,一个数据可视化的工具。...兼容W3C标准,并且利用广泛实现的SVG,JavaScript,和CSS标准。...Trianglify Trianglify 是一个能够生成五颜六色的三角形图案的 JavaScript 库,可以用来作为 SVG 图像和 CSS 背景。...它的灵感来自于 Btmills 的 Geopattern,并使用 d3.js 建立多边形的 SVG 图形和使用 SVG 过滤器进行渲染。

    2.2K80
    领券