当前位置:首页 > 程序设计 >
《D3.js数据可视化实战手册》电子书封面

D3.js数据可视化实战手册

  • 发布时间:2019年12月19日 09:16:50
  • 作者:朱启
  • 大小:39 MB
  • 类别:D3.js电子书
  • 格式:PDF
  • 版本:高清版
  • 评分:9.3

    D3.js数据可视化实战手册 PDF 高清版

      给大家带来的一篇关于D3.js相关的电子书资源,介绍了关于D3.js、数据可视化方面的内容,本书是由人民邮电出版社出版,格式为PDF,资源大小39 MB,朱启编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:8.5。

      内容介绍

      如今这个互联网时代,人们每天都生产海量的数据,如果直接面对这些数据,可能让人无从下手。将数据可视化,用形象立体的形式将其展现,有利于分析其中的关联,攫取可能存在的商业机会。《D3.js数据可视化实战手册》意图通过大量的示例和代码,向读者讲述如何利用D3.js来实现数据可视化。只要读者了解JavaScript,就能完全掌握本书的内容。

      D3.js数据可视化实战手册》一共13章,从如何搭建D3.js的开发环境开始,逐步介绍D3中的各种操作,包括选集、数据的初步处理、数据映射、坐标轴组件、动画过渡效果、SVG相关介绍、绘制图表、安排布局、可视化交互、力学模拟、制作地图和测试驱动。《D3.js数据可视化实战手册》包含有大量的示例和代码,可以帮助读者充分理解书中讲述的每一个概念。《D3.js数据可视化实战手册》最后的附录部分,介绍了另外两个JavaScript库,主要是关于三维制图和多维图表的。希望本书的内容能对读者理解和学习数据可视化有所帮助。

      目录

      • 第1章 D3.js入门指南 
      • 第2章 精挑细选 
      • 第3章 与数据同行 
      • 第4章 张弛有“度” 
      • 第5章 玩转坐标轴 
      • 第6章 优雅变换 
      • 第7章 形状之美 
      • 第8章 图表美化 
      • 第9章 井然有序 
      • 第10章 可视化交互 
      • 第11章 使用“原力”! 
      • 第12章 地图的奥秘 
      • 第13章 测试驱动

      学习笔记

      使用D3.js创建物流地图的示例代码

      本文介绍了使用D3.js创建物流地图的示例代码,分享给大家,具体如下: 示例图 制作思路 需要绘制一张中国地图,做为背景。 需要主要城市的经纬坐标,以绘制路张起点和终点。 接收到物流单的城市,绘制一个闪烁的标记。 已经有过物流单的目标城市,不再绘制路线。 每次新产生一笔物流单,都有一个标记沿路线移向目标的动画效果。 绘制结束后的数据,需要清理掉,以减少对浏览器的资源占用。 开始撸码 1.创建网页模板 加载D3JS,为了方便调试,直接下载d3.js文件在本地,实际使用的时候,可以换成加载路径。注意,使用的是V4版的D3,和V3版有差异。 创建一个DIV块,准备绘图。 !DOCTYPE htmlhtml ……

      D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)

      上篇文章给大家介绍了圆柱图:https://www.jb51.net/article/160958.htm 散点图(Scatter Chart),通常是一横一竖两个坐标轴,数据是一组二维坐标,分别对应两个坐标轴,与坐标轴对应的地方打上点。由此可以猜到,需要的元素包括circle(圆)和axis(坐标轴)。需要进行可视化的数据有: //圆心数据 var center = [ [0.5,0.5],[0.7,0.8],[0.4,0.9], [0.11,0.32],[0.88,0.25],[0.75,0.12], [0.5,0.1],[0.2,0.3],[0.4,0.1],[0.6,0.7] ] 然后定义一个SVG的绘制区域: //定义一个svg的绘制区域。 var width = 600; //svg绘制区域的宽度 var height = 500; //svg绘制区域的高度 var svg = d3.select("#body") //选择id为body的div .append("svg") //在body中添加avg .attr("width",width) //设定svg的宽度属性 .attr……

      D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)

      现在用D3.js + react做一个带坐标轴和比例尺的柱形图。我已经尽力把代码全部注释上了,最后我也会把完整柱形图代码奉上。如果还有疑惑的,可以去翻看一下我之前介绍的方法,以下方法都有介绍到。 还有数据都是自己定义的假数据,大家参考一下制作方法即可。 首先定义柱形图的数据、绘图区域的宽高、和上下左右的边距: var width = 600; //SVG绘制区域的宽度 var height = 500; //SVG绘制区域的高度 //定义数据 var dataList = [50,43,120,87,99,167,142] //定义上下左右的边距 var padding = {top:20,right:20,bottom:100,left:100} 然后设定SVG: var svg = d3.select("#body") //选择id为body的div .append("svg") //在body中添加avg .attr("width",width) //设定svg的……

      D3.js实现简洁实用的动态仪表盘的示例

      本文介绍了D3.js实现简洁实用的动态仪表盘的示例,分享给大家,具体如下: 动态效果图: 仪表盘效果图 细看上面的动态效果图,可以发现: 一个值变换到一个新的值时,是一个渐变的过程; 圆弧末尾有一个竖线,作为仪表盘的指针,在仪表盘数值变化时,有一个弹性的动画效果。 一开始,我是用Echarts来实现仪表盘,但是它无法满足上面的两点需求。所以后来改成用D3.js。 D3.js可以完美地实现图表的定制,从细节上,完美地满足我们的需求。 初始化仪表盘 1、首先定义一个svg元素: svg id="myGauge" width="80" height="108" /svg 然后,声明一些变量用于初始化: var width=80, height=108, //svg的高度和宽度,也可以通……

      以上就是本次介绍的D3.js电子书的全部相关内容,希望我们整理的资源能够帮助到大家,感谢大家对码农之家的支持。

      上一篇:Visual Basic程序设计理论与实践

      下一篇:构建Oracle高可用环境

      展开 +

      收起 -

      • 《D3.js数据可视化实战手册》PDF下载

      下载地址:百度网盘下载
      D3.js相关电子书
      Python3爬虫、数据清洗与可视化实战
      Python3爬虫、数据清洗与可视化实战 含源码版

      这是一套通过实战教初学者学习采集数据、清洗和组织数据进行分析及可视化的Python读物。以Python爬虫技术应用实战为主,适合Python 初学者及高等院校的相关专业学生

      立即下载
      Python数据可视化
      Python数据可视化 影印中文版

      本书介绍了利用Python实现数据可视化。并介绍了数据、信息与知识之间的关系,想要学习Python数据可视化的同学可以下载参考一下

      立即下载
      大数据搜索与挖掘及可视化管理方案
      大数据搜索与挖掘及可视化管理方案 完整第3版

      本书的分布式大数据搜索、日志挖掘、可视化、集群监控与管理等方案是基于Elastic Stack 5而提出的,它能有效应对海量大数据所带来的分布式数据存储与处理、全文检索、日志挖掘、可视化、集

      立即下载
      JavaScript数据可视化编程
      JavaScript数据可视化编程 扫描版 立即下载
      Python数据可视化之matplotlib实践
      Python数据可视化之matplotlib实践 超清完整版

      全方位解读应用matplotlib绘图各种各样数据图表的方式,并灵便设定图型 选用很多实例,使用户能够 依据本身要求灵便应用matplotlib中的涵数、面向对象方法和制图句子 这书依靠Matplotlib解读进

      立即下载
      R数据可视化手册
      R数据可视化手册 影印版

      R数据可视化手册中绝大多数的绘图案例都是以强大、灵活制图而著称的R包ggplot2实现的,充分展现了ggplot2生动、翔实的一面

      立即下载
      Tableau数据可视化:从入门到精通
      Tableau数据可视化:从入门到精通 高清版

      本书由专业的数据分析师基于Tableau 10.1精心编撰,详细介绍Tableau的数据连接、图形编辑与展示功能,包括软件的安装与激活、数据类型和运算符、连接数据源、基础操作、数据与图形的导出、

      立即下载
      数据可视化与数据挖掘:基于Tableau和SPSS Modeler图形界面
      数据可视化与数据挖掘:基于Tableau和SPSS Modeler图形界面 完整高清版

      大数据可视化容许运用图型、图象处理、计算机视觉及其操作界面,根据表述、模型及其对立体式、表层、特性及其动漫的显示信息,对统计数据多方面数据可视化表述,大数据可视化技术性

      立即下载
      读者留言
      simplyred4ever

      simplyred4ever 提供上传

      资源
      37
      粉丝
      26
      喜欢
      87
      评论
      17

      Copyright 2018-2020 www.xz577.com 码农之家

      投诉 / 推广 / 赞助:QQ:520161757