数据可视化学习路线

article/2025/10/1 3:48:48

写在前面

有幸看到了这篇关于数据可视化学习的指导文章,由于原作链接访问异常,只得从百度快照中看到原文,所以这里搬运过来,特此声明本文系【转载】,在此感谢原作者,以下为原文正文(略有删减)。

原作者: 张迪 2018年01月03日 于 张迪的blog 发表
原文链接

本文将从可视化设计、数据分析、技术实现三个角度来阐述要学习的内容。

image_1dg9uuqnji8f198l1g8u18ls12f89.png-126kB

(*图中的chinaviz应为chinavis)

可视化设计

首先是可视化设计。可视化设计是指数据可视化过程中的表达方式,是我们最终设计的软件的灵魂。然而这个灵魂不可能一开始就得到。需要我们在分析前人工作的基础上,通过不断模仿和摸索才能获得。具体的说,可分为如下几步进行:

  • 收集资料:从chinavis官网上收集所有挑战赛获奖作品、通过百度学术、知网等平台上下载相关论文。
  • 总结:写多篇竞品分析类文章:总结挑战赛获奖作品中所用的可视化设计、分析方法和采用的技术。这些可视化设计、分析方法和技术必须能找到对应的论文。
  • 提炼:以思维导图的形式归纳这几篇文章的核心内容。并得到:哪些可视化设计、分析方法和技术是必须的,哪些是可选的,哪些是可以改进的。
  • 分析探讨:将提炼出的结果,跟其他同学和老师进行探讨。从而形成设计方案。
  • 形成设计方案:将设计方案,用图片+文字的方式加以描述。

数据分析

然而可视化设计不能独自进行,在总结、提炼、分析探讨的过程中,必须不断地与数据分析过程结合,从而验证方法的有效性。数据分析与可视分析通常是循环进行,互为补充,具体分为如下几个步骤:

  • 收集资料:从chinavis官网上下载数据集,以及从其他数据源上获取数据。
  • 数据概览:要从数据集的描述信息中了解大致内容(例如,字段的大致内容和数据类型,表之间的关联关系等)然后确保可以通过商业数据可视化软件如tableau、Excel、Gephi、cytoscape将之打开。
  • 经典复现:试着用商业数据可视化软件复现获奖作品和经典论文中的可视化设计。从而确认
  • 哪些可视化设计、分析方法和技术是必须的,哪些是可选的,哪些是可以改进的。
  • 摸索试错:尝试用依赖自己的想法,使用商业数据可视化软件展示数据中的规律。从而帮助形成可视化设计方案。
  • 实践检验:把最后实现的可视分析软件,套用真实数据进行检验,确保其有可用性。

技术实现

为了支撑以上的可视化设计与数据分析,还需要学生掌握一些基础技术。这些基础技术包含两大类,其一是商业可视化软件的使用,这个比较简单,要求2周内可以实现示例(例如tableau可以轻松地用它是现实教程示例)。其二是web开发技术。这个比较复杂。每个同学的侧重点各有不同:

  • 编程能力比较好的同学:直接实现web应用的基础框架。通过这个基础框架实现一个API,该API可以从数据库读取数据,然后封装成Json格式发送到前端即可。API的设计风格建议restful。至于具体采用什么技术栈,看自己的特长而定。
  • 对于编程能力比较弱的同学:先学习web前端基础,要求必须学会使用HTML/CSS/JQuery和Bootstrap构建网页。为了保证学习进度和成效,推荐去Github上追这个最火的编程学习项目:freecodecamp。这个项目课程设置得很平滑,既有循序渐进的基础知识,又有自由发挥的小项目,一边实践一边学习,更打游戏闯关一样的体验,比看教学视频、w3cshool之类强的多。

此外,所有同学都要学习前端数据可视化编程的知识,具体的说就是要掌握百度echarts类库的实现一般可视化图例的方法,和使用D3js类库实现自定义可视化图例的方法。对于某些选择了特殊题目的同学来说,webGL的threejs类库也是必须了解的。

image_1dg9v5jhs149v1dds1r9a1n3p4ptm.png-166kB

考虑可视化整套流程下来要学习的内容较多、较杂,因此定时的知识总结和强力的工作监督必不可少。故而最好在学习过程中每周总结一篇博客,要求有图有真相。内容可以是最近学习的软件或JS库的使用方法总结、技术开发总结、数据分析说明、可视化设计案例总结等等。



😒 留下您对该文章的评价 😄



http://chatgpt.dhexx.cn/article/IybwG3Nc.shtml

相关文章

数据挖掘——数据可视化

数据可视化 1.数据可视化第一关 数据可视化的内涵1>数据可视化是什么?2>为什么需要数据可视化?3>历史演变4>习题 第二关 初识数据第三关 柱状图第四关 散点图第五关 直方图 2.数据可视化进阶第一关 热图1>热图的作用?2>习题…

初识前端数据可视化

目录 前端数据可视化的开发工具 前端三件套 Echarts.js Highcharts.js D3.js Vue.js python Tableau 编译器 数据可视化的分支 信息可视化 科学可视化 可视分析学 什么是前端?前端,通俗来说就是网页呈现给我们看的那部分。比如hao123这个…

数据可视化 复习笔记2022

1.可视化释义 可视化对应Visualize和Visualization。Visualize是动词,即“生成符合人类感知”的图像;通过可视元素传递信息。Visualization是名词,表达“使某物、某事可见的动作或事实”,对某个原本不可见的事物在人的大脑中形成一幅可感知的…

前端数据可视化入门

这是一篇给大家提供数据可视化开发的入门指南,介绍了可视化要解决的问题和可以直接使用的工具,我将从下面几个方面给大家介绍,同时以阿里/蚂蚁的可视化团队和资源举例说明: 什么是数据可视化? 怎样进行数据可视化&…

关系数据可视化

关系数据可视化 本文所做的数据的数据可视化实现基于python 3.9.4,需安装matplotlib、numpy、pyecharts、pandas、plotly等依赖库,可通过下述命令完成。 pip install matplotlib pip install numpy pip install -v pyecharts1.1.0 pip install plotly …

Echarts数据可视化

Echarts Echarts 简介Echarts快速上手柱状图柱状图的基本使用其他常见效果 通用配置项titletooltiptoolboxlegend 折线图折线图基本配置其他效果 饼状图 Echarts 简介 Echarts 缩写来自 Enterprise Charts(商业级数据图表),是百度的一个开源的…

实验4 Matplotlib数据可视化

1. 实验目的 ①掌握Matplotlib绘图基础; ②运用Matplotlib,实现数据集的可视化; ③运用Pandas访问csv数据集。 2. 实验内容 ①绘制散点图、直方图和折线图,对数据进行可视化; ②下载波士顿数房价据集,并…

数据可视化-期末复习重点笔记

文章目录 前言一、绘制常见图形。1.1 sinx、cosx曲线图1.2 散点图1.2.1通过matplotlib实现1.2.2通过pyecharts实现 1.3 柱形图1.3.1通过matplotlib实现1.3.2通过pyecharts实现 1.4 柱形堆叠图1.4.1通过matplotlib实现1.4.2通过pyecharts实现 1.5 折线图1.6 拟合曲线1.7 堆叠面积…

【独家】一文读懂数据可视化

前言 数据可视化,是指将相对晦涩的的数据通过可视的、交互的方式进行展示,从而形象、直观地表达数据蕴含的信息和规律。 早期的数据可视化作为咨询机构、金融企业的专业工具,其应用领域较为单一,应用形态较为保守。步入大数据时代,各行各业对数据的重视程度与日俱增,随之…

4.2 数据可视化

一、 数据可视化介绍 1. 概念 数据可视化:是指以 图形、图像、地图、动画 等更为生动、易于理解的方式展现具体数据,诠释数据之间的关系和发展的趋势,以期更好地理解和使用数据。 大数据可视化分析利用支持信息可视化的用户界面以及支持分…

一图胜千言!这10种可视化技术你必须知道

全文共4549字,预计学习时长9分钟 图片来源:Willian Justen deVasconcellos on Unsplash 相比于浩如烟海的数据表格,大部分人还是更喜欢视觉资料,这一点已不足为奇。也是出于这个原因,人们通常才会在学术论文的前几页加上一张图表,并且清楚地标记上各种注释。 当数据科学家…

谷歌浏览器输入网址显示该网页无法正常运作

谷歌浏览器 是一款大家喜爱使用的浏览器,它为我们的生活提供了便捷, 可是,不少朋友还不知道怎么解决谷歌浏览器无法打开网页的问题 具体如下: 首先,请大家找到电脑中的“谷歌浏览器”,点击进入主界面&…

谷歌浏览器无法上网,其他浏览器正常,换chrome搜索引擎

谷歌浏览器无法上网,其他浏览器正常,第一种情况:打开代理设置,开启自动检测设置,重新打卡浏览器 情况二:打开windows注册表,删除配置,重启浏览器不废话,上图 情况三&…

chrome谷歌浏览器通过小米路由器访问网页一会儿后显示:无法访问Internet

近一个月,出现了chrome浏览器国内的网页也没法打开了,使用其他浏览器就能正常使用,比如:Edge。 家里宽带上使用的是小米路由器,用chrome访问网站出现如下截图: 经过网上查找相关资料,结合实践配…

一招搞定谷歌搜索、谷歌学术无法訪问的问题

近期,谷歌搜索、谷歌学术“突然”无法訪问了?我百思不得其解啊,禁不住想问一下:前辈们。你们这是要如何?我们写个论文easy吗?怒火燃尽,言归正传,事实上要解决问题也是非常easy的,原理不赘述。直接上菜。下面谨代表个人意见,大仙们有好的方法记得留言共享讨论。谢谢。…

解决Chrome中打不开Google搜索结果链接

由于Google的搜索结果都要经过Google跳转(Safari上视乎没有跳转,可以直接进入结果页面),默认跳转使用未加密的HTTP连接,经常被我国GFW拦截,导致无法打开Google搜索结果! 解决办法是,…

关于chrome浏览器地址和不能搜索访问的问题

正版的chrome浏览器地址 这里别下载错,我就是重装电脑之后下载chrome浏览器然后发现是盗版本的。正版地址:https://www.google.cn/intl/zh-CN/chrome/ 浏览器默认下载地址最好改为除C盘以外的盘,避免C盘以后爆满,在设置里面改。 不能搜索…

Google chrome谷歌浏览器,打开后是百度搜索或其他搜索怎么办?

如果遇到Google浏览器打开后是百度或者其他浏览器,说明我们在谷歌浏览器的设置有问题,只需要下面简单的操作就可以完成替换。 setting-on start-open a specific page or set of a page,在下面的框中手动敲入www.google.com就欧克了

搜索引擎突然无法访问问题

1.winR键运行 2.输入 inetcpl.cpl 打开 3.点击上方的高级 点击下面重置 勾选删除个人配置 4.最后重启

实用技巧:Google 搜索打不开的解决方法【图文教程】

很多人都喜欢用 Google 搜索,但自从 Google 服务器搬离中国大陆后,大陆用户用 Google 搜索时会自动跳转到 google.com.hk,不仅莫名其妙的关键字被过滤,而且经常出现“无法显示此网页”,相当悲催。 大家比较熟悉的解决方…