火爆全网的动态曲线图是怎么做的？

发布于
昨天的次条给大家发了一个新华社的视频
45秒看清多国疫情变化！（点击下图即可观看）
之前大家遇到的最多的就是动态条形图，看来大家都对这种比较少见的动态曲线图非常感兴趣。
而且这种动态图在抖音、B站等视频网站都可以轻松获得不错的播放量。
所以今天给大家简单讲讲这种图怎么做的？
分割线
火爆全网的动态曲线图是怎么做的？
其实非常简单哈
介绍一下：Flourish是一款动态图表的制作工具，轻松制作各种酷炫的动态图表。
不过由于是国外的网站，所以打开速度较慢。
制作动态曲线图（Line chart race），首先我们要打开这个网址
https://app.flourish.studio/@flourish/horserace
点击创建
应该会提示需要创建账户，按照指引创建即可，我是直接选择了用谷歌账户登录
回到上一步，点击创建，会发现已经有了示例
我们点击data，上传我们自己的数据
我们可以看到主要有name，pic以及各个时间点。
我们是打算仿照新华社的全球疫情视频，所以name列是国家，那么pic列可以填上各个国家的国旗图片地址，按天的疫情数据我已经利用数据接口获取，公众号“凹凸数据”后台回复疫情数据即可获得。
所以我们按照这格式整理好数据，并上传到Flourish去
展示一下
点击preview，再点击replay开始运行
会发现已经开始运行了，但是页面比例是电脑的，下图中位置可以选择固定尺寸或自定义尺寸。
这样就比较适合手机观看或者上传到抖音上啦。
如果上传到B站等视频网站，可以自定义宽尺寸。
然后右边呢，是各种设置，我们可以自定义很多地方，我就只说几个重要的点吧，其他地方可以自己摸索，像我这种英语渣打开网页翻译即可。
主要是在Y轴这里，一开始我发现自己的Y轴不会动，打开设置才知道Dynamic Y axis没有打开。
还要就是Suffix这里默认是%，所以你的Y轴都是百分比，我们这里是人数，所以可以不填或者填写“人”。
至于如何导出视频呢？
点击右上角的“Export&publish”即可
额
打扰了
搬出我的录屏软件吧
我这里用的是oCam，大家任选一款即可。
成功得到动态曲线视频√
我们再简单加上BGM即可获得一个酷炫狂吸赞的视频
PS：疫情数据利用数据接口AkShare获得，特此感谢

来源：https://blog.csdn.net/yangjianrong1985/article/details/104624231

评论

发表评论

此博客中的热门博文

iOS任意版本号APP下载（含itunes 12.6.5.3 最后带AppStore版本）

发布于
软件介绍 下载iOS旧版应用，简化繁琐抓包流程。 一键生成去更新IPA（手机安装后，去除App Store的更新检测） 软件界面 支持系统 windows 10/windows 8/windows 7（由于使用了Fiddler库，所以需要.Net环境） 使用方法 一、直接搜索方式 搜索APP，双击选择。 双击选择要下载的版本。 在iTunes中下载即可。 二、复制APP链接方式 在iTunes下载按钮右侧下拉菜单中，选择【复制链接】。 双击选择要下载的版本。 在iTunes中下载即可。 常见问题 问：iTunes 账号无法登录成功 请先关闭本工具，再进行 iTunes 登录操作。 登录成功后，再打开本工具即可。 问：iTunes对电脑进行授权时，授权不了，反复授权 关闭本工具，再进行授权即可。 问：搜不到APP历史版本号？（以下方法100%可解决） 先不要拦截，在iTunes商店中下载此软件，等待下载完成。 在本工具中【安装管理】下找到对应IPA安装包，右键选择【查找版本ID】。 即可列出软件所有历史版本ID，版本号按新版到旧版排序。 PS：暂时没有通过版本ID，查版本号的接口，所以抓下来，看吧。 问：iTunes 一直显示正在下载... iTunes 先取消下载。 本工具【停止拦截】，再点击iTunes【继续下载】。 问：下载完APP，安装到手机，打开闪退。 先在手机中卸载该APP。 使用下载此App的账号，登录 App Store，在 App Store 中随便下载一个应用，不要卸载。 使用同步助手，重新安装。（如果仍闪退，尝试覆盖安装） 问：导入伪旧版App后，iTunes未检测到更新。 iTunes 更新列表页面下，按F5即可。 如上述方法未解决，删除当列表所有文件，保留文件，再点击右下角检测更新按钮。 问：“已停止供货”的APP 怎么抓取？（已失效） 取消拦截，下载该软件最新版。 本助手里切换到【安装管理】，右键APP，选择【伪装旧版APP】。 双击【*_伪装版.ipa】（或右键，在文件夹中打开），将APP拖动到iTunes资料库，替换，检查更新，该软件变为更新状态。 【开始拦截】，iTunes中更新该软件，即可正常下载该版本。 查杀链接 查杀链接 视频教程 ht...
阅读全文

电信家庭云路由器插件免费提速宽带至500M，上行50M

发布于
宽带免费提速至500M，上行50M方法 原理是通过天翼云实现，声明免费，不用开通天翼云会员并且没有时间限制。 1、获取token。（获取方法：登录账号，启动提速。应用根目录下有一个文件，文本打开) 2、以K2**子固件为例。用winscp登录路由器，导入speedup代码 导入目录：etc/storage/script下。文件名命名为：Sh27_speedup.sh 3、重启路由器，然后再登录路由器。进入扩展功能-搭建web环境-家庭云提速 再填入第一步获取的token。保存应用。 4、再重启路由进日志查看，提速成功有显示。理论永久可提速，第一小时自动运行一次代码。 另友情提示，电信官网有360一年的纯宽带（20M，上行4M）。可以免费提速到500M下，50M上行。 这第便宜的宽带，然后再搞台配置高点软路由开小鸡。 Sh27_speedup.sh： https://paste.ubuntu.com/p/Q5cXdhmTB8/ 提速工具： 电信上下行提速_随缘.zip
阅读全文

你真的会使用XMLHttpRequest吗？

发布于
看到标题时，有些同学可能会想：“我已经用 xhr 成功地发过很多个 Ajax 请求了，对它的基本操作已经算挺熟练了。” 我之前的想法和你们一样，直到最近我使用 xhr 时踩了不少坑儿，我才突然发现其实自己并不够了解 xhr ，我知道的只是最最基本的使用。 于是我决定好好地研究一番 xhr 的真面目，可拜读了不少博客后都不甚满意，于是我决定认真阅读一遍W3C的 XMLHttpRequest 标准。看完标准后我如同醍醐灌顶一般，感觉到了从未有过的清澈。这篇文章就是参考W3C的 XMLHttpRequest 标准和结合一些实践验证总结而来的。 Ajax 和 XMLHttpRequest 我们通常将 Ajax 等同于 XMLHttpRequest ，但细究起来它们两个是属于不同维度的2个概念。 以下是我认为对 Ajax 较为准确的解释：（摘自 what is Ajax ） AJAX stands for Asynchronous JavaScript and XML. AJAX is a new technique for creating better, faster, and more interactive web applications with the help of XML, HTML, CSS, and Java Script. AJAX is based on the following open standards: Browser-based presentation using HTML and Cascading Style Sheets (CSS). Data is stored in XML format and fetched from the server. Behind-the-scenes data fetches using XMLHttpRequest objects in the browser. JavaScript to make everything happen. 从上面的解释中可以知道： ajax 是一种技术方案，但并不是一种 新技术 。它依赖的是现有的 CSS / HTML / Javascript ，而其中最核心的依赖是浏览器提供的 XMLHttpReques...
阅读全文

awesome-resume 求职简历模板和例句

发布于
本模版由 ResumeJob 贡献，ResumeJob能帮助你重新规划你的职业生涯。 求职准备 请参考文章： 程序员如何写一份更好的简历 如何准备技术面试 程序员国外求职指南 系统设计面试 101 免费模版使用方法 把文件夹中的 HTML 文件中的文字内容修改为自己的实际情况。（预览修改效果时，请把浏览器缩放（"Command"+"+"）成 150% 查看实际转出PDF效果。）字体默认按照苹方体，冬青黑体，黑体，微软雅黑的顺序渲染。 按照你的语言习惯把 HTML 文件转变成 PDF 格式，这里附了一个 Python 脚本 convert.py，需要先安装  wkhtmltopdf  和  pdfkit ， 例如Windows下安装的话首先到 这里 下载，安装的时候请记住安装目录，安装完成后把安装目录下bin目录中的可执行wkhtmltopdf.exe文件放在模版目录下（如first/wkhtmltopdf.exe，second/wkhtmltopdf.exe）。 然后运行 python3 convert.py 即可。当然你也可以使用自己熟悉的语言来转换，例如 Javascript 可以使用  pdfkit 。 收费模版请通过 这里 下载。 收费模版只负责提供HTML代码以及解决HTML代码bug，购买前请确保懂得如何将HTML转换为PDF。（默认提供了 Python 的解决方案） 个人简介例句 通用： 有良好的代码风格，通过添加注释提高代码可读性，注重代码质量，研读多个开源项目，学习改善代码的健壮性与扩展性。 具备良好的代码编程习惯及文档编写能力，参与多个高性能网站架构设计与系统核心部分代码编写、重构，能进行技术攻关，突破关键技术瓶颈。 负责根据公司业务及目标引进人才、培养新人、规划团队人员、并建立完善的绩效考核制度有效留住人才，提高工作效率。 带领 10 人团队完成分布式系统的难点分析与架构设计工作，承担核心功能 代码编写，开发与维护系统核心模块。使用 Selenium 等工具协助持续集成 与自动化部署，保证代码的可靠和安全。 基于海量数据，挖掘信息，建立模型，并将机器学习算法应用于业务环节， 提升公司各环节效率。调研新技术在大数...
阅读全文

Windows 10新增云端下载系统新功能：无U盘重装

发布于
8月30日，微软面向Fast ring快速通道的Insider会员推送Windows 10新预览版，版本号Build 18970，隶属于20H1更新。 此次更新最大的变化是为二合一PC带来全新设计的平板模式。 但同时， 该版本也带来了一个Mac上备受好评的功能——云端下载系统镜像并重装系统。 具体来说， 打开新版Windows 10的设置-更新与安全-恢复-开始重置此电脑-清除所有数据中，会多出一个“云端下载”的选项，点选该选项后，Windows 10会自动从云端下载纯净版Windows 10镜像，并重装系统。 需要注意的是，希望从云端下载纯净系统的用户必须选择清除所有数据的选项，所以需要提前做好文件备份。 该选项应该可以取代大部分U盘重装的效果，如果该选项大规模普及应该也会减少不少“电脑高手”的日常操作量吧。
阅读全文

PHP使用SnowFlake算法生成唯一ID

发布于
前言 本篇主要介绍高并发算法Snowflake是怎么应用到实战项目中的。 对于怎么理解Snowflake算法，大家可以从网上搜索‘Snowflake’，大量资源可供查看，这里就不一一详诉，这里主要介绍怎么实战应用。 为什么有Snowflake算法的出现呢？ 首先它是Twitter提出来的。 前世今生 以前我们可以用UUID作为唯一标识，但是UUID是无序的，又是英文、数字、横杆的结合。当我们要生成有序的id并且按时间排序时，UUID必然不是最好的选择。 当我们需要有序的id时，可以用数据库的自增长id，但是在当今高并发系统时代下，自增长id速度太慢，满足不了需求。然而，对于有‘有序的id按时间排序’这一需求时，Twitter提出了它的算法，并且用于Twitter中。 需要注意的地方 可达并发量根据不同的配置不同，每秒上万并发量不成问题。 id可用时间：69年 使用限制 使用Snowflake其实有个限制，就是必须知道运行中是哪台机器。比如我们用Azure云，配置了10个实例（机器），要知道这10个机器是哪一台。 原理 ID由64bit组成 其中 第一个bit空缺 41bit用于存放毫秒级时间戳 10bit用于存放机器id 12bit用于存放自增ID 除了最高位bit标记为不可用以外，其余三组bit占位均可浮动，看具体的业务需求而定。默认情况下41bit的时间戳可以支持该算法使用到2082年，10bit的工作机器id可以支持1023台机器，序列号支持1毫秒产生4095个自增序列id。 开始用Snowflake 下面是PHP源码 <?php namespace App \ Services ; abstract class Particle { const EPOCH = 1479533469598 ; const max12bit = 4095 ; const max41bit = 1099511627775 ; static $machineId = null ; public static function machineId ($mId = 0 ) { self ::$mac...
阅读全文

一些免费的云资源

发布于
云 IaaS指提供系统（可以自己选）或者储存空间之类的硬件，软件要自己手动装；PaaS提供软件/框架（可以自己选）；SaaS只能使用开发好的软件（卖软件本身）；BaaS一般类似于非关系数据库，但各家不通用，有时还有一些其它东西。 其他人的集合 https://github.com/ripienaar/free-for-dev https://github.com/AchoArnold/discount-for-student-dev https://github.com/qinghuaiorg/free-for-dev-zh   很久没更新了 https://github.com/vincenthou/free-for-china-dev   很久没更新了 https://github.com/ivmm/Student-resources https://www.freeforstudents.org/ https://github.com/255kb/stack-on-a-budget https://github.com/Ibexoft/awesome-startup-tools-list https://www.cokemine.com/ Paas https://www.heroku.com/   java go py docker https://www.pythonanywhere.com/   限制非常多，几乎就和虚拟主机差不多了，免费账户不允许访问白名单之外的网站。但好歹能提供一个自动https的web app https://cloud.google.com/appengine/docs/   标准环境有一点储存空间和流量，柔性环境(.NET)必须启用结算，且现在标准环境要启用一个API，也要求绑卡 https://fly.io/docs/pricing/   docker https://m3o.com/   go https://anvil.works/   py，前端Drag and Drop UI，后端和数据储存用的是该网站的库 https://www.kintohub.com/   node go py java php docker 免费3个实例但内...
阅读全文

蜗牛星际小主机百兆网卡加电阻改千兆问题

发布于
买了小主机，卖家一般都是+20元帮改好，最为折腾一族，怎么可能要别人改，省一毛是一毛。 机子回来后，开始做功课，发现网上很难找到系统的，思路明确的改机教程，大多是一带而过的R186,R141补上电阻或短接； 又有人说直接短接会造成网络不稳定等云云。 于是继续找，本坛又有坛友说装10欧姆电阻即可。 于是拆机拍照，找电阻位置；我的机子是单网卡的，发现所有元件只装一组，另一组是空的，如下图，黑板字难对焦，凑合看吧： 图中，R186上面的电容全空，可以判定这是省略的一组元件号；而电阻R141什么的电容齐全，所以理解为短接或补上两个电阻是针对双网卡的说法。 其实单网卡，只要补上对应的R141即可，当然其他的主板我没见过，可能元件号不同，但是道理就是一个网卡只要补一个电阻，期待本坛大神能提供个官方图纸，指出一下这个电阻的用途的官方说法。 以上抛砖引玉，希望矿渣能火一把，让大家折腾一段时间。我的机子BIOS日期是2019年1月10日的，不知道是不是山寨无节操瞎填的日期；总体感觉很新，硬盘运行19次，合计1小时的。 重新补个清晰点的图（真是讨厌黑底版），红色的对应位置R141是要补的单网卡电阻，据说10欧即可；绿色的是另外一组省略的网卡，双网卡的需要补R186.图中，对应的UL22钳位二极管是空位。 来源：https://www.mydigit.cn/thread-29292-1-1.html
阅读全文

如何防止Cloudflare CDN背后的图片被盗连(Hotlink Protection)？

发布于
「Hotlink Protection」(直接链接保护)是经营网站经常需要去注意的一块，但为什么我们会需要「Hotlink Protection」呢？身为图文并茂的网络文章作家，最担心得就是自己的文章被别人整篇连文带图地拷贝粘贴到其它地方了。此时如果图片有套用「Hotlink Protection」的话，就可以让被盗用的图片在其它网站上「不被正常显示」出来，如此一来，就能使其它误入盗文页面的访客可以知道该篇文章是篇被盗用的文章。不同的网站架构有不同的「Hotlink Protection」的设置方式，如果您的网站有打开Cloudflare的CDN服务的话，可以参考这篇文章，来实现「Hotlink Protection」的功能。 我的网站服务器是用Nginx或Apache，难道不能直接对它们做设置吗？ 很遗憾，只要我们有激活Cloudflare的CDN服务，就无法有效地通过自己的服务器程序来设置Hotlink Protection。这是因为网页浏览器在打开您网站的图片时，会去链接Cloudflare的CDN服务器，而非我们自己的服务器，所以就算我们有在自己的服务器上制作Hotlink Protection的功能，也根本不会被触发到。 既然有Cloudflare CDN，为什么还要Hotlink Protection？被盗连的图，其流量不是不会算在我们头上吗？ 的确，有了Cloudflare CDN之后，就算图片被盗连，它主要也还是会去吃Cloudflare CDN服务器的流量。但是，您真的愿意让您文章中的图片原封不动地在盗文网站上显示出来吗？所以还是设置一下Hotlink Protection吧！ Cloudflare内置的Hotlink Protection开关 Cloudflare的控制后台中，其实就有提供一个一键套用Hotlink Protection的开关，只要打开来，就可以让有激活CDN功能的网域拥有Hotlink Protection的功能。这个开关藏在Cloudflare控制后台的「Scrape Shield」分页中。 这个Hotlink Protection一旦打开，整个有打开Cloudflare CDN服务的网域(包含子网域)下的图片链接，就只能在这整个网域(包含子网域)下打开，否则的话会直接回传HTTP的403...
阅读全文

千兆路由型号详细配置列表及评分（含Wifi6）

发布于
本人不定时收集到的热门机型的配置，相当部分来源于 https://www.acwifi.net/ 和其他网友拆机，也参考了官方宣传、维基百科。 说明：1、评分仅仅从硬件来看，仅供娱乐参考，实际使用还要看固件、驱动、供电、干扰、温度等诸多因素。 2、？的表示没有查到相关的拆机，知道的朋友请告知。 3、功放比较复杂，通常n×n就有对应外置的n路，有的一个就集成PA和LNA，有的单独PA或LNA，极个别1个管2路，有的集成在芯片内，有的功率大有的功率小，有错漏的请帮助指出。 4、无线芯片的高低，可以对比高端型号来判断。 5、cpu高低不做评论，规格比较透明，暂不用评分。 相关评价链接 点评几款流行的二手路由机型 1、功放：0是没有，PA是放大，LNA是降噪，PA+LNA是独立放大和降噪，FEM是放大降噪集成一个芯片。 2、 散热评分 无线评分 0 光板 芯片高低 各加1 1 小散热 外置功放 各加1 2 内部大散热 3×3 mu-mimo 加1 3 金属外壳或散热板很好 4×4 mu-mimo 加2 三频 加1 支持mesh 加2 厂商 型号 架构 制程nm 主频 代表机型 瑞昱Realtek RTL8197F系列 MIPS32 24Kc 28 单核1GHz 360 P4 海思 SD5650H Cortex-A9 40 双核1GHz 荣耀路由pro Hi5651H Cortex-A53 28 双核800MHz 荣耀路由X2 Hi5651T Cortex-A53 28 四核1.4GHz 荣耀路由pro2 联发科 MTK MT7621AT MIPS32 1004Kc 28 双核880MHz k2p MTK TP1900BN Cortex-A7 28 单核1.2GHz WDR7661 博通 Broadcom BCM4706 MIPS32 74Kc 65 单核600MHz 华硕n66u BCM47189 Cortex-A7 40 单核900MHz k2p bcm BCM47081 Cortex-A9 40 单核800MHz 华硕n18u BCM4708A0 Cortex-A9 40 双核800MHz 华硕AC68u BCM4708C0 Cortex-A9 40 双核1GHz 网件R7000P BCM4709A0 Cortex-A9 40 双核1...
阅读全文