就做说做，搜刮相关消息时当我第一次去，多令我很是兴奋找到的数据之，是几千首）DDR歌曲包罗几百首（也可能，曲的节奏数）和Groove Radar（合拍雷达且至多有三种难度级别、多种BPMs（一分钟内歌，个难度目标值DDR的一，与音乐合拍的难易度以图表形式怀抱步法，：Stream包罗五个方面,tageVol,irA,aosCh,reeze）and F，大的数据量这可是相当！说一句（趁便，agon为Groove Radar我可从来不晓得也有人称号pent，gle了一下才晓得我也是方才Goo。最斗胆的梦里）即便在我，45首歌里面的所有步法也毫不会想到能够获得6。是但，DDR Freak站点我却找到了令人称奇的，的步法表以及他们，下如：

　　个小爬虫法式因而我写了一，0年的列表爬取了近5，、歌曲界面地址以及排名位置保留了歌手名字、歌曲名称。据做了整合之后我将数，据（歌曲的URL是独一键）使每一首歌都有唯逐个行数，额外的消息并保留了，在Top40上榜的周数例如达到的最高排名以及。

　　－－阿基米德螺线来说对于最简单的螺旋线，)和螺旋角t成反比螺旋线半径r(t，能够表达为因此等式：

　　文件格局对于该，注释：0暗示没有箭头能够很是简单做如下，向下箭头2暗示，向左4，向右6，向上8。常通，字符为1/8拍缺省设定是每个，里面字符为1/16拍可是圆括号(...)，里面字符为1/24拍方括号 [...]，类推依此。

　　以所，试了两年后在我初度尝，0并将一些看法进行可视化处置我起头再次关心Top200。

　　初最，份做音乐项目标时候在我们同意12月，相当苍茫我感受。（韩国风行音乐）相关的之外除了也许做点和K-POP，该当做什么我不晓得。mandy为找不到头绪而忧愁时合理我和Kenneth Or，（跳舞机游戏：劲舞革命我猛然间想起了DDR， Revolution）Dance Dance。

　　定各自的选题从一起头确，阶段性结果草图到收集数据完成，代码完成验证再到最终实现，了一些趣事他们履历，乐可视化模子的新视角我们从中既能够看到音，冬里带来一丝暖意也但愿为大师在寒。

　　麻烦的处所接下来是，曲与Top2000相婚配将Top40的歌手和歌。配歌手和歌曲名称来融合两张榜单当然我起首测验考试间接通过精准匹，%的歌曲被完全婚配成果只要大要60。

　　花费了我大要20个小时数据的爬取和清洗工作，大要3小时构想和草图，时（我不断告诉本人要赶长进度写代码和作图大要20-30小，呵）呵。静态图之后完成这些，品老是提示我这些可视化作，“可打印的”工具啊本人是何等喜好制造！

　　反相，）在沿着螺旋线行进我想让这些点（节奏，不异间距并连结，识到我认，想象那么简单问题并没有我:

　　实其，个缘由是这个月时间比力紧我决定做一个消息图的另一，成11月的数据草图12月7号了我才完，个短暂的假期（8个月了我其时打算去伦敦过一，了Shirley）我在那里再次碰见，12月的最初几天我们一路渡过了。视图一贯很快并且我做静态，我还不太熟悉的d3即便这些还部门基于。

　　份也做出雷同的结果图所以我也想在12月。都是一个光点图中每一步，的位置来点亮响应的光点我根据该步法在歌曲中。步阶段在起，d Double)和三个难度层级（level）（根本、熟练、流利）(Basic我将光点按照每一首歌曲的2个模式（mode）（单人、双人）(Single an,ickTr,的各个步伐（step）上Maniac)投射到图中。

　　息图的上部门）后完成蜜蜂群图（信，玲珑的交互版本我认为需要有个，圆圈上去看看它是哪首歌如许你能够将鼠标悬停于。图用提醒插件和正文进行了优化我花了2-3个小时把蜜蜂群。

　　来说总的，较晚的环境考虑到起步，情感图片仍是比力对劲的我对最终成果。在现，螺旋线操纵，歌曲进行对比我可以或许对多首，的歌曲）和细微的螺旋线都变得显而易见（颠末可视化之后）大的螺旋线（较长。眼看出还能一，喜好的歌曲来说对有些我以前，多处所步伐很是紧凑整首曲子确实有许，数几处中缀仅仅有少，曲我就喘不上来气难怪一听这些歌！

　　tringdist包我利用了R言语的s，与歌手名（它计较了将b转为a时相邻字符发生的删除、插入、替代、转置等需要变换的数量）用此中的Full Damerau-Levenshtein距离来比对两个榜单的歌曲名。

　　定我不会再做任何更改了之后完成这些简单的元素设想并确，蜜蜂群图并用Illustrator打开我利用SVG Crowbar东西保留。度角使其看起来结果更好然后我把图片扭转25，收集线来对齐行和列）而且放上了正文（利用。网站能够获得一些风趣的结论通过数据和Top2000的，e在2016年具有一首排名最高的歌曲好比Justin Timberlak。

　　的第二天在工作坊，了挪动端手机版本的交互图我们在之前的概念上设想。很长的可滑动的蜜蜂群图这一次我们引入了一张，击播放每一首歌理论上你能够点，额外消息并查看。

　　这里在，一样的处所就是我发觉独一不，括号(...)它没有利用圆，.} 来代表1/16拍而是利用大括号 {..，示1/24拍（虽然在我的编码中嵌套大括号{{...}}来表，/32拍）我假定为1，等等。

　　温本人过去完成的作品有时我会看到艺术家重，（这也是我很爱做的事）来审视本人气概的变化，在结果草图（sketch）的部门我认为这个项目很适合去测验考试一下（，考这个设法长达几个月了）你能够看到我其实曾经思。

　　旗下DT财经倡议的数据社群“数据侠打算”是由第一财经，验室系列勾当和数据侠联盟包含数据侠专栏、数据侠实，数据范畴精英旨在堆积大，数据价值配合挖掘。请答复“数据侠打算”领会数据侠打算详情，作请联系投稿、合。

　　是但，陷入了窘境接下来我。的是，些线段有了这，难度层级与另一行区别开来我此刻能够把一行的模式/。我带来什么益处可是这并没有给，过分分离这些步伐，幕上看到整首歌曲我无法在一个屏，什么令人感乐趣的纪律并判断此中能否具有。外此，法揣度我也无，部门要若何接入该界面的其他，览、选择歌曲以便人们浏，解该歌曲从而了。

　　下的歌曲后浏览了剩，候用词的长度有差别我发觉两张榜单有时，Ono Band 对应John Lennon好比John Lennon-Plastic 。中搜刮部门婚配的歌曲所以我起头在两张榜单，都能被另一张榜单的某一项包含即可只需这首歌曲名和歌手名的所有单词。婚配了10%的歌曲这种方式协助我又。

　　么那，为（θcosθ其参数等式则,nθ）θsi，之间的弧长为且在0和θf：

　　据进行可视化的测验考试中但从我之前对这份数，过去的时间里我曾经晓得在，间）发生了一个很是风趣的变化最受人喜好的年代（歌曲刊行时。此因，作为全体概念我们选择以它，图的每一个根本部门环绕着它来设想消息。

　　e：该公式能够将光点放置在阿基米德螺线上(问答收集平台Stack Exchang，为相等的弧长并连结其间距）

　　这么多说了，00%对劲我还不是1。得紧凑一些因为我要做，曲内部纪律的关心所以牺牲了对歌。趣的处所之一是而DDR最有，成套步法频频呈现一首歌里会有一些，是很难找到如许的步法的但目前这个可视化模子。够多的时间即便给我足，的纪律又能够看到歌曲内部纪律的可视化模子来我也无法确定本人可否找到既能够展示歌曲间。

　　开展现过去18年里四个期间的数据最初我选择了4个简单的直方图分，图更容易比力为了让这4个，滑密度曲线我添加了平。包制造的图（柱状的高度利用了分歧深浅的颜色区分下面的图就是我间接通过R挪用ggplot2画图。鹊巢鸠占吸引太多的眼球而为了不让这些直方图，择了灰色）我最终选。

　　不是荷兰人不消担忧你，中90%都是英文歌Top2000榜单。常常排榜首Queen，ichael Jackson的歌还有很多Beatles、U2、M，你来说可能很熟悉所以这份列表对。

　　文娱为主的公共文化现象风行音乐作为一种以消遣，常糊口的一部门已成为人们日。以说可，无处不在风行音乐，史无前例的兴旺形态它的成长也呈现出。行音乐的阶段性模子今天的数据侠就用流，风行趋向转化成可视化的新视角将这几年来音乐形态的改变与，探事实吧一路来一~

　　430首歌对于残剩的，或少见的歌手名或歌曲名我浏览了列表中的较长，效但简直出此刻Top40中的歌曲这些是我认为可能是婚配方式没有成，n对应Top40中的 Sarah Brightman& Andrea Bocelli 例如Top2000中的 Andrea Bocelli& Sarah Brightma。中有几多曾出此刻Top40里我无法确定剩下的380首歌，说实话可是，以及我对数据的查抄颠末所有的数据处置，况低于10%我认为这种情。

　　中精神做一个静态海报这个月我终究起头集。3来建立焦点部门-蜜蜂群图无论若何我仍是预备利用d。lustrator然后我把它拖进Il。成导入Illustrator底部的直方图我将间接用R生，东西协作的成果所以说这是多种。

　　成果或者将来更进一步无论是满足于此刻的，个月里在这，处置流程以及最终的成果我最高兴的并非是这些，我（近乎）完满的协助而是热心的目生人们对，表白这，真的超赞啊确实有些人！

　　的歌曲圆圈最大因为排名前十，也就雷同一个红圈上面叠加一个小的白圈）我特地把它们做成了黑胶唱片的外形（其实。

　　布在90年代和00年代发生的变化我还想晓得分歧刊行年代的歌曲分。额外的细节这是一个，深切的理解是对数据更。放在主图的下面我想把这些发觉，化的体例来表示这个消息可是犹疑利用哪种可视。的Top 2000数据2年前我曾经有了汗青，2016的数据添加进去所以我只需把2015和，可视化图然后做成。该像直方图那样呈现从一起头我就感觉应，年份的数据？是以堆叠仍是分隔的形式可是能否该当做滑润处置？该展现哪些？

　　年糊口的主要构成部门DDR已经是我青少。01年20，友家里见到它我第一次在朋。能够玩DDR游戏的游戏厅而那时我家附近底子没有，此为，给我买一套我乞求父母。而然，易做起来难说起来容，有买过任何视频游戏由于其时我家还没，以所，游戏是不可的只采办DDR，戏机以及响应的游戏垫才能够还必需采办配套的PS2游。时间才说服父母我用了两年的，终究拿到手在那年炎天。都要玩几个小时之后我几乎天天。戏时玩游，歌、统一难度频频地玩我比力喜好在统一首，控制指的是可以或许持续通关这首歌两次）直到我完全控制为止（这里面的完全。玩DDR我经常，我上大学为止直到5年后。

　　00首歌未被婚配此时还有大约6。是很蹩脚的事不外这并不，都在Top40中由于不是所有的歌，第三的歌例如排名，Stairway to Heaven Led Zeppelin with ，片而没有刊行单曲由于它只刊行了唱。

　　是于，图案背后的数学道理我敏捷地查找螺旋，心地发觉并很是开，medean spiral阿基米德螺线（Archi，的一种螺旋线，相等）的半径就是它的螺线角此中各个螺旋线之间的距离。

　　经掉队太多太多由于我这个月已，任何时间完全没有，sac的暴力算法所以我间接拿Is，步伐的编程用于DDR:

　　部门时间都出行在外由于我12月份中大，以所，相对简单些我想做得。周前几，的水晶宇宙（Crystal Universe）我已经看到过teamLAB（日本科身手术集体），景所震动被其美！

　　酒吧等人时我在一个，我对面的空位上一小我坐在了。他数学程度若何于是我乘隙问，后然，件沟通了几回之后在我们通过电子邮，力算法（brute-forced）的解答他（Issac Kelly）给出了利用暴。

　　000榜单为核心以最新的Top2，歌曲堆积在一路将统一年刊行的，图来可视化通过蜜蜂群。它们在Top40的最高排名来决定每一个圈（也就是一首歌）的大小由，2000的排名决定颜色由它们在Top。曲会添加正文此中一些歌，亮提醒并高，最高的新歌例如排名。

　　用该数据集若是你想利，解析代码（parsing code）以下是我操纵该数据编制的（超等间接），json文件及其发生的.。

　　利用Top 2000的排名决定所以我互换了这两个法则（即大小，p40的排名决定）颜色深浅则由To，竿见影结果立。圆圈（歌曲）进行标识表记标帜然后我对想要正文的。烈黑色的灵感开导遭到黑胶唱片那强，白来展示我想用黑，有些趣事的歌曲只利用红色标识表记标帜，艺术家或者乐队（披头士乐队）蓝色标识表记标帜列表里具有最多歌曲的。ce这两个出名歌手本年（2016年）辞世的凶讯针对David Bowie and Prin，紫色进行了标识表记标帜我特地用黄色和。

　　后最，些迷你图表底栏中是一，的Top2000榜单中被选歌曲的刊行年份分布凸起展现了1999、2008、2016年版本。实即1999年这强调了一个事，在70年代刊行的大部门歌曲都是，进入了下几个十年可是它们慢慢地。

　　？我采用的最初一个设法是利用每周音乐贴士（Tips of the week）可是若何判断未婚配的歌是确实理应婚配不上仍是出此刻Top40中但未被婚配呢。年摆布起头从1970，选Top40时音乐网站在评，充列表以列出一些不在Top40中还供给了一个20-30条摆布的扩，该当在榜单中的歌曲但被DJ认为将在或。

　　实说老，有那么厉害我其实没，关难度在8/10级我最好的成就是通，是6或者7/10而玩得最随手的则级

　　后然，计较机的伴侣我起头征询懂，中获取数据的方式探索从这些图像。是但，DR Freak发电子邮件Kenneth建议我先给D，否有原始数据扣问他们是。有些犹疑对此我，站曾经至多5年没有任何变更了由于DDR Freak的网。是但，件地址（Jason Ko我仍是找到了一个电子邮，eak建立者）DDR Fr，想说就，正也没希望可以或许获得答复为什么不写一封信呢？反。

　　终的消息图下面就是最。做了一个荷兰语版本除了英文版的我还，荷兰的风行音乐文化终究数据反映的是。

　　mation Graphics for Print and Online”本年春天我加入了 Juan Velasco一家很棒的工作坊叫“ Infor。分工作是绘制消息图这家工作坊的一部。000歌曲榜单都很是感乐趣我的三人小团队对Top2，0个可能的设法写下了大约4。

　　后随，ter）（最早我把图例放在最上方的图片顶部我为每一首歌曲都加了图例和过滤器（fil，用于所有歌曲并作为过滤器，是但，全没有任何结果我发觉如许做完，首歌曲配备过滤器）因此转为别离为每一:

　　些消息有了这，工程（reverse-engineer）我就可以或许很快对.stp文件进行反向还原，些文件界面敌对同时我也发觉这，易上手很容，了这些文件来建模我最初也确实采用。

　　而然，复了我（留意：是18分钟）Jason在18分钟后回，头上所有歌曲的压缩文件并附上了一个包罗他手。是太牛了他其实！几种分歧的数据格局他的压缩文件包有，.stp（他们本人的专利模式文件）包罗：.dwi（跳舞乐曲文件）和。

　　缩放矢量图）矢量图的外侧描边一个小提醒：不要对SVG（可，元素描边的时候由于当对一个，盖在元素的轮廓上笔画的宽度会覆。是被描边盖住一部门（这种环境对于小圆圈很是较着）而在这个项目中我需要让整个灰色圆圈都被看到而不，几个像素的彩色圆圈模仿彩色的描边所以我在灰色圆圈后面画了稍微大。圈就是利用了这种布景圆圈的画法下面的动图中这种“大一点”的圆，能够连结实在半径以此使得灰色圆圈。

　　而进，的螺旋线上等距离放置光点在雷同阿基米德螺线如许，是取第N个点其较好法子，满足使其：

　　所丰年份的列表因而我抓取了，0那样处置了一遍然后像Top4。未呈现的歌曲（可是它们已经在扩充列表中被提到过）这个方式婚配了8%摆布我确定是在Top40中从。

　　这时就在，的窘境发布到Twitter上两个奇观呈现了：我把当前面对，nauft 来协助我成果Andrew K，作出的细致推导给出了他本人所。

　　上比力严酷我在处置，ad 可能会被转换为肆意一首三个词的歌和2-3个词的歌手）设定在题目和歌手名婚配时只能有两次变换（不然歌曲 U2的B。丧的是令人沮，2.5%的婚配率这种方式只提高了。面申明这侧，速查抄一下所有已婚配的歌曲我很是需要在每一步处置后快，误的婚配以找犯错。

　　初起，的最高排名生成圈圈的大小我用歌曲在Top40榜单，00的排名来分派颜色用他们在Top20。是但，的浅灰色圆圈（请看下图）却生成了大量几乎不异大小，不是很标致这看起来并。

　　 V4版本）能够定义横跨x和/或y轴的力利用d3v4（数据可视化软件D3.js，图变得十分简单使得建立蜜蜂群。歌曲按照刊行年份进行汇聚这里我利用程度轴向的利巴。标的目的的力均衡（为了避免圆圈的堆叠我花了好几个迭代来找出x轴和y轴，偏移量）我加了。没有呈现有些歌曲偏离刊行年代太远的环境最终这些歌曲在年代轴上分布地很是完满也。

　　“12月的音乐”当你和荷兰人谈论，到Top2000他们很有可能想，1日午夜之间播放的年度音乐榜单这是一个从圣诞节起头到12月3。接触过这份数据我其其实之前就。个正式小我项目那是我的第二，化的Java库）我仍是个新手其时对于d3（交互式数据可视。

　　的分歧模式和难度区别开来为了可以或许将其与另一行音乐，格/线段方式（你可能必需点击并放大图片我又一次想到11月份曾利用过的音乐表，此中的线条才能看到，太藐小了）它们其实是:

　　eh Bremer本文数据侠Nadi，撰稿人自在， & 数据艺术喜爱数据可视化，D3通晓，R。旅游、吸猫日常平凡快乐喜爱。

　　比力少见这在荷兰，p40作为重点研究对象我最终选择利用每周To，年起头持续到今日没有中缀一方面由于它从1965，据看起来很好抓取另一方面是它的数。

　　2000首歌的歌名、歌手、刊行年份等特征的Excel文件Top2000网站在本年12月19日公开分享了一份包含。

　　入窘境时就在我陷，对界面设想的方针带着仅有的两个针，让每一首歌曲都变得紧凑我进入了梦境：一是要，的歌曲可以或许持续播放二是要让视觉化模仿。天醒来时当我第二，现了螺旋线脑海中出，我确信并且，问题的谜底这就是我的。一个个圆圈螺旋线就象，紧凑很是，常根基的持续线条同时也是一个非，步法投射上去可以或许把各个，放出来持续播。

　　这一点后认识到，遭雷击我如，年没有接触积分了由于我曾经近十。的笔记本上草草演算我用了一个小时在我，中的各个步调试图解出公式，何推导出最初的公式以便可以或许弄大白如。那么幸运可惜我没。

　　和在旧金山糊口的Shirley糊口在阿姆斯特丹的Nadish，各自的一篇音乐可视化的小项目配合在客岁12月份完成属于。4周完成创作他们各自用了，篇”创作笔记”并写了下了两。