值得推荐的十大交互式可视化的网站

news/2024/5/5 18:26:24/文章来源:https://blog.csdn.net/weixin_34342992/article/details/89009734

厌倦了静态图表,最近一直在看一些关于可以交互的数据可视化的案例,整理了一些有趣的交互式可视化的网站分享给大家。

01 Matt Daniels

The Lasting Mark of Miles Davi

bigsec

关于维基百科里提到“黑暗王子”迈尔斯·戴维斯的页面次数统计,来证明这个音乐家留给后人关于音乐方面的遗产。滚动右边的文字,左边固定的数据图也会根据内容随之变化颜色显示。

原网址:http://polygraph.cool/miles/

02 Google chrome 浏览器小组

网络的演变

bigsec

很帅的网络技术演变的可视化图表,用了很多交互的形式展示主流浏览器的演变技术发展;不同颜色的线条代表着不同的技术,不同的时间线段代表着不同浏览器的诞生、迭代、消亡。

原网址:http://www.evolutionoftheweb....

03 Matan Stauber

Histography

bigsec

“Histography”是一个互动的时间表,绘制了从大爆炸到2015年期间的历史事件,数据收集来源是维基百科和网站本身的更新记录。每个点代表一个事件,你也可以选择看特定的时间或者特定的事件。

原网址:http://histography.io/

04 Berliner Morgenpost

Larmkarte Berlin

bigsec

基于柏林白天和夜晚噪音分贝的数据统计,视觉上根据颜色的冷暖阶梯表示分贝数的高低变化,让我喜爱的是当放大时看到地图效果上的的细节处理。鼠标悬停在你想要看到的地方,会有关于此处早晚的具体分贝数以及主要造成分贝数的交通工具。

原网址:http://interaktiv.morgenpost....

05 IBM

IBM Watson NewsExplore

bigsec

“Kantar Information is Beautiful Awards 2016”获奖作品,是IBM对新闻报道中事件的人物、组织、公司关联热度的统计,在进行交互的形式下更简单、更好地捕捉到用户自己想要显示或隐藏的信息内容,也会重点突出哪些热门新闻提供给用户。

原网址:news-explorer.mybluemix.net

06 Trump

The new Republican center of gravity

bigsec

川普在党派中看看哪些政治家停留在支持他的轨道和哪些持反对。鼠标悬停在某个政治家的头像上时,会有这个人的姓名以及他的态度,网页下方会有政治家的态度以及判断他态度的言语。这个可视化的有趣之处在于轨道中心的川普表情变化,当你鼠标悬停在支持他的轨道上,他是面带笑容;当你鼠标在其他轨道上,他又会是另一个表情。

原网址:https://www.theguardian.com/u...

07 InMeteo, s.r.o.

The Ventusky

bigsec

直观设计的一个很好的案例,它会即时显示世界各地天气的总体趋势,以及风向的流动趋势。左侧是一些关于气候的不同维度。例如选择温度,则右下角的不同颜色则会代表温度从高到低的度数,地图就会根据位置的温度来决定显示什么颜色,呈现出色彩丰富、犹如油画的可视化。

原网址:https://www.ventusky.com/?p=4...

08 Airbnb

Airbnb activities around the world

bigsec

bigsec

Airbnb制作的住宿交互地图,地图的视觉设计处理在所有常见地图中比较特别,让用户在旅行前感到乐趣。用户可以在地图中选择要去的地方,查看房源信息,以及当地游客的年数量。

原网址:https://pt.airbnb.com/map?cdn...

09 David McCandless

Who Old Are You?

bigsec

这是一个与用户自己相关的数据可视化,用户通过输入自己的出生日期,数据库实时匹配相关图列。正中间的黑色线是你现在的年龄,线上黑色的原点是你,数据图缩到最小便是你的整个人生的历程,其他的原点是别人在你这个年龄的时候有什么成就。

原网址:http://www.informationisbeaut...

10 Google News Lab

The Rhythm of Food

bigsec

bigsec

谷歌通过搜索数据制作了多年来人们不同季节对食物和配方的爱好上升和下降的趋势,发现除了不同季节对食物需求的变化、不同国家对食物喜爱的时间也有不同、一些节日让人们对食物欢迎度的增加等等。这个数据可视化更多的是让我们可以学习到对于数据的分析和呈现方式。

原网址:http://rhythm-of-food.net/

作者冒烟烟 UX设计师
主要负责岂安科技的UI界面和交互设计。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_742381.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

云服务器 ECS 建站教程:Discuz安装教程

Discuz安装教程Discuz! 是全球成熟度最高、覆盖率最大的论坛软件系统之一。自 2001 年 6 月面世以来,Discuz! 已拥有 15 年以上的应用历史和 200 多万网站用户案例。目前,Discuz! 已经发展成为一个以社区为基础的专业建站平台,让论坛&#xf…

网站开发需要哪些技术_app开发需要哪些技术?4种app制作方法对比

开发一个完整的app需要哪些技术?App开发的到底要多少钱?如何简单快速低成本的开发app?现在,市场上的app开发可以分为4种不同的app开发方式,不同的app开发方式,对app技术、开发人员、开发成本、开发周期的要…

网站页面左右_网站优化都包括什么

SEO优化主要包括四个方向:内部结构优化,内容优化,内部链优化和外部链优化。 一,优化内部结构 1.TDK优化:此TDK不仅包括首页,还包括角页和文章页的TDK。因此,建议您在创建站点时自定义标签。T也就是title,网…

网站开发必备-快速浏览Asp.Net网站绿色小工具

< DOCTYPE html PUBLIC -WCDTD XHTML TransitionalEN httpwwwworgTRxhtmlDTDxhtml-transitionaldtd> 选择此工具的理由&#xff1a;1.快速浏览Asp.Net网站 2.小巧 3.绿色 点击下载 前提&#xff0c;系统必须安装 .NET Framework 方法一. 将此程序放在网站根目录&#xff…

一步一步SharePoint 2007之十九:解决实现注册用户后,自动具备访问网站的权限的问题(1)——配置Provider...

考虑到实现注册用户后&#xff0c;自动具备访问网站的权限的文章共有近20幅截图&#xff0c;截图总大小近2M&#xff0c;为了尽量减少打开网页的时间&#xff0c;本篇文章将被分割成几个小的部分。因此而给大家带来的阅读不便&#xff0c;就请海涵了:)解决这个问题&#xff0c;…

网站服务器c盘在哪找,云服务器c盘在哪儿

云服务器c盘在哪儿 内容精选换一换根据磁盘ID&#xff0c;查询云服务器挂载的单个磁盘信息。GET /v2.1/{project_id}/servers/{server_id}/os-volume_attachments/{volume_id}参数说明请参见表1。参数说明参数是否必选描述project_id是项目ID。获取方法请参见获取项目ID。serve…

后台控制其他域名显示_SiteGround域名解析教程 | 如何将NameSilo 域名绑定到WordPress外贸网站...

我们在新购买的Siteground主机上成功安装Wordpress程序之后&#xff0c;下一步就是完成 Siteground 域名解析。你在浏览器中访问你的域名是无法正常打开网站的&#xff0c;这是因为&#xff0c;我们还没有把域名解析到Siteground的主机上。如下图&#xff0c;因为域名还未解析到…

搭建好域名服务器怎么设计网页,使用域名建站的几个步骤

相信大家都知道&#xff0c;建站第一步就是注册域名&#xff0c;然后购买主机服务器之类的&#xff0c;那么怎么使用域名去搭建网站呢?第一步&#xff1a;域名注册域名注册就是选一个合适自己的网址&#xff0c;域名非常重要&#xff0c;是我们迈出建站的第一步&#xff0c;也…

hive 的数据案例 统计网站的数据信息

根据hive的案例一增加需求一&#xff1a; 增加案例需求&#xff1a; 统计 pv , uv , 登录人数 , 游客人数 , 平均访问时长 , 二跳率 , 独立IP 用一张表去处理 1.1 查看track_log的分区 show partitions track_log ; 1.2 建立一张会话信息表&#xff08;session&#xff09;&am…

django搭建一个小型的服务器运维网站-最简单的实践之修改服务器时间

目录 项目介绍和源码&#xff1b; 拿来即用的bootstrap模板&#xff1b; 服务器SSH服务配置与python中paramiko的使用&#xff1b; 用户登陆与session;最简单的实践之修改服务器时间&#xff1b; 查看和修改服务器配置与数据库的路由&#xff1b; 基于websocket的实时日志实现&…

网站漏洞修复方案防止SQL注入攻击漏洞

SQL注入漏洞在网站漏洞里面属于高危漏洞&#xff0c;排列在前三&#xff0c;受影响范围较广&#xff0c;像asp、.net、PHP、java、等程序语言编写的代码&#xff0c;都存在着sql注入漏洞&#xff0c;那么如何检测网站存在sql注入漏洞&#xff1f; SQL注入漏洞测试方法 在程序代…

phpcms ajax加载列表,phpcms v9建站 ajax列表分页加载更多word文档教程

最新文章https: open weixin qq com 有这个的账号&#xff0c;给客户开通微信小程序不需要认证费直...https: open weixin qq com 有这个的账号&#xff0c;给客户开通微信小程序不需要认证费直...相关内容phpcms调用随机栏目 随机调用SQL语句&#xff0c;可以使用PHPCMS的get标…

谷歌运维新书《网站可靠性工作手册,SRE最佳实践》

为什么80%的码农都做不了架构师&#xff1f;>>> 最近谷歌发布了一本关于运维新书《The Site Reliability Workbook — Practical Ways to Implement SRE》&#xff08;网站可靠性工作手册&#xff0c;SRE最佳实践&#xff09;。这是继《Site Reliability Engineeri…

讲讲自己亲身经历网站备案的前前后后

终于是有了自己的个人备案&#xff0c;之前网站一直是挂在公司的服务器上&#xff0c;后来在阿里云买了一台虚拟主机&#xff0c;然后就把网站搬家了。其实在这次备案之前&#xff0c;我也只是对网站备案方面有个大概的了解&#xff0c;真正的还没有自己实际操作过&#xff0c;…

【转】高扩展性网站的50条原则

《高扩展性网站的50条原则》&#xff0c;利用一天半的时间快速浏览总结的电子书&#xff0c;对网站的建设有一个原则性的把握&#xff0c;书中提到的大部分原则现在已成为互联网行业的共识&#xff0c;但并不妨碍我们重新整理分类&#xff0c;从全局层面把控高扩展性网站的建设…

centos7云主机nginx+WordPress完整建站(博客)流程记录

一、安装nginx1、安装依赖#安装gccyum install gcc-c#安装 pcre-develyum install -y pcre pcre-devel#安装zlib yum install -y zlib zlib-devel#安装OpenSSL yum install -y openssl openssl-devel2、安装nginx#创建nginx.repo文件vi /etc/yum.repos.d/nginx.repo #然后写…

centos7服务器网站不能登录,centos7无法联网_网站服务器运行维护

linux怎么启动docker服务_网站服务器运行维护linux启动docker服务的方法&#xff1a;1、使用sudo yum install 命令安装Docker。2、使用“sudo systemctl start docker”命令启动docker服务。1、修改配置文件使用 vi 编辑器修改 /etc/sysconfig/network-scripts/ifcfg-eth0进入…

HTML CSS设计与构建网站

《HTML & CSS设计与构建网站》基本信息原书名&#xff1a; HTML and CSS: Design and Build Websites原出版社&#xff1a; Wiley作者&#xff1a; (美)Jon Duckett [作译者介绍]译者&#xff1a; 刘涛 陈学敏出版社&#xff1a;清华大学出版社ISBN&#xff1a;97873023110…

网站开发必备-快速浏览Asp.Net网站绿色小工具

< DOCTYPE html PUBLIC -WCDTD XHTML TransitionalEN httpwwwworgTRxhtmlDTDxhtml-transitionaldtd> 选择此工具的理由&#xff1a;1.快速浏览Asp.Net网站 2.小巧 3.绿色 点击下载 前提&#xff0c;系统必须安装 .NET Framework 方法一. 将此程序放在网站根目录&#xff…

18个使用 jQuery 制作的创意网站欣赏

jQuery 是一个非常优秀的 Javascript 框架&#xff0c;在现在的 Web 开发项目中扮演着重要角色&#xff0c;借助 jQuery 可以让网站有更好的可用性和用户体验&#xff0c;让访问者对网站留下非常好的印象。今天这篇文章与大家分享18个使用 jQuery 制作的创意网站&#xff0c;一…