关于html5:令人敬畏的数据可视化示例灵感

54次阅读

共计 1443 个字符,预计需要花费 4 分钟才能阅读完成。

AnyChart 是基于 JavaScript (HTML5) 的图表控件。应用 AnyChart 控件,可创立跨浏览器和跨平台的交互式图表和仪表。AnyChart 图表目前已被很多出名大公司所应用,可用于仪表盘、报表、数据分析、统计学、金融等畛域。

数据可视化是咱们的激情,咱们很快乐有五位共享它的人!欢送来到 DataViz Weekly!对于你们所有人,咱们还组织了另外四个值得一试的新的很棒的交互式数据可视化我的项目。浏览上面的列表,而后认真看一下:

  • 2020-2021 休赛期的 WorldTour 换乘流动 -Carrie Bennette
  • 2020 年美国大选的区域地图 - 效果图
  • 随着工夫的推移,美国参议院中的几代人代表了— wcd.fyi
  • 伦敦衰弱街道指数— _STREETS

2020-2021 休赛期的世界巡回赛转会

**
**

数据科学家和数据可视化设计师 Carrie Bennette 创立了一个乏味的 Sankey 图,它能够激发自行车赛车迷的趣味。该图代表了在最近的休赛期 UCI WorldTour(国内女子公路自行车巡回赛)上进行的所有接送。

该图表在显示团队及其实力如何变动方面做得很好。依据 ProCyclingStats(PCS)点数对团队进行排序,顶部为 2020,底部为 2021。节点之间的线代表各个骑手。线的宽度对应于每个骑手的 PCS 排名。该图是交互式的,您能够将鼠标悬停在流和节点上以查看更多详细信息。

找出在这个 WorldTour 转会赛季完结后,谁挪动了地位以及哪些团队胜利取得了更高的排名。

2020 年大选区地图

**
**

《纽约时报》的《Upshot》登载了 2020 年大选的“极其详尽”的选区地图。它代表了 42 个州中 1,922 个县(共 3,143 个)的县级投票后果,并随着新数据的到来而不断更新。

除了 2020 年的后果之外,该地图还容许您通过可视化投票保证金变动来考察 2016 年以来的变动。从这个角度来看,它极大地显示了市区产生的事件。看看亚特兰大(如上图),菲尼克斯和匹兹堡,这是最显著的例子,其中蓝移趋势非常明显。

摸索无关美国如何投票的详细信息。如果您想查看更多的选举地图,请不要错过咱们的特别版,《20 多个可视化 2020 年美国总统选举后果的选举地图》。

随着工夫的推移,美国参议院中年龄段的代表

**
**

在查看 2020 年大选后美国参议院的变动时,咱们不要错过一件与政党关系不大的重要事件。第一个千禧一代到了!来自佐治亚州的 33 岁的乔恩·奥索夫(Jon Ossoff)是有史以来第一位参议员。在 wcd.fyi 的这个简略但酷的可视化中,您能够看到他被示意为孤单的粉红色瓷砖。

图表可视化,美国参议院的一段时间,因为 1947 年根底上从 ProPublica 国会 API 数据的代击穿。一瓦就是一名参议员 - 将鼠标悬停在其上即可查看姓名,年龄等。

参见参议院的代际转变。在图表下方,您能够理解其构建形式以及查找备用表格视图的办法。

伦敦衰弱街道指数

**
**

_STREETS 钻研小组公布了一张互动地图,高深莫测,显示了伦敦市中心每条街道的衰弱水平。可视化基于“衰弱街道指数”得分,该得分总结了十个城市环境和体验指标 - 空气质量,噪声程度,交通劣势,停车和劳动场合的可利用性,看和做的事件等等。综合思考这些因素,能够确定一条街道的步行,骑行和消磨工夫的情况。

应用红色(低)到黄色(中)到绿色(高)的传统调色板显示每条街道的“衰弱街道指数”分数。

该我的项目目前仅实用于伦敦市中心。然而作者曾经在致力扩大它,首先笼罩整个英国,而后走向国内。一探到底。

正文完
 0