Comments (6)
记录一些slack上的讨论:
Q:地图填色是否误导?
A:行政区划填色确实有误导性,这个历史上讨论的比较多了,主要是面积这个隐含维度的影响。但是因为我们是交互地图,可视化主要是一种指引,引导观者去查看各行政区的具体数值,我觉得没有什么大问题
Q:是否应该改用点图?
A:点图对字的遮挡和彼此遮挡太严重了。
Q:是否应该改用热力图?
A:热力图和+大小的散点图主要便于展示趋势,未必适合引导观察数据。热力图与行政区划配合不好,散点图可能有比较严重的遮盖
cr: @yarray
from map-viz.
存档之前的讨论:
地图设计
scatter+map:可以用于绘制具体信息,如医院求助、物资求助
heatmap+map: 最贴近丁香医生的视图信息
[scatter+heatmap+map]: 背景颜色是城区的某个统计信息,点是重要的坐标信息
binning on map:应该是相当于对丁香医生那个设计的直接细化,把一个城市分割成小格点。如果删掉grid,zoom out足够多之后县市级别的视觉效果应该比较偏近丁香医生的展示。当然应该也可以根据zoom程度重做binning,不过应该不必要这么复杂
hierarchical绘制: 点击一个省,只重绘省的地图,与上面的地图无限zoom-in相对应。其他encoding可以复用。
交互设计
- 可以包含timeline做时序filtering(也可以有线图显示一些统计信息)
from map-viz.
另外就地图设计来说,个人觉得主要是两类地图
第一类是使用scatter的map,主要是在地图上标记点,呈现信息(主要是医院物资的求助)。
另一类是使用heatmap,按照区域热力图信息(主要是确诊人数等信息)。
然后针对scatter+map,我现在想到的有如下feature:
1、可以根据输入参数在对应的坐标上放置标记点,呈现求助信息。
1-1、求助信息根据不同类别呈现不同样式。
1-2、求助信息可以筛选和过滤。
2、地图可缩放。
针对heatmap,我现在想到的有如下feature:
1、实现timeline,根据时序呈现信息。
2、heatmap的粒度可调整,也就是可以查看**每个省的感染情况,也可以查看某省每个市的感染情况。
3、实现line-chart,以折线图的形式呈现感染数据。
from map-viz.
除了核心可视化,是不是也需要信息的筛选和过滤的组件,可以将string entry和number entry map到checkbox和slider
from map-viz.
这里我的建议是,既然要做地图组件,我们就做纯粹的地图组件,如果要筛选,直接让前端的同学过滤了数据后传到我们组件中来,我们的地图组件重新渲染即可。
这样一是给予前端的同学更大的自由度,他们可以自行决定checkbox或者slider的位置以及对应的事件,二是我们的地图组件也会更加健壮和稳定~
from map-viz.
嗯,也有道理,实际上我们也可以把地图打造成其中一种筛选控制,比如点击省份可以帮助他们筛选相应医院等等,只不过会需要允许他们传入mouseevent~
from map-viz.
Related Issues (20)
- 偶尔点击virusMap的timeline右边virusCharts线会消失 HOT 1
- 在疫情地图添加治愈/死亡/确诊等多个数据维度 HOT 3
- 增加一个如何使用virusmap的指南
- 研究一下如何接入世界地图 HOT 1
- bug: 引入 webCell 版本的 HierarchicalVirusMap 出现报错
- bug: 引入 webCell 版本 HierarchicalVirusMap 有时候无法加载折线图
- 关于React版组件需要完善的地方
- 确诊小区的可视化 HOT 1
- [webCell 版本] 修复移动端展示问题
- [Feature] 是否可以增加热力图展示类型 HOT 3
- 合并两个折线图 HOT 1
- 增加疫情数据的直接显示 HOT 1
- 对demo/javascript目录进行yarn start报错 HOT 2
- [Bug] 地图中省市疑似数据均为 0
- 香港、澳门 鼠标无法选择
- 临时接口中的丁香园实时疫情接口疑似挂了 HOT 3
- 引用本项目后打包分析得出echarts占的空间很大导致页面加载龟速 HOT 4
- 3D地球可视化项目申请加入 HOT 11
- information map的icon不用字,用一些“医院”,“酒店”的icon HOT 2
- 移动端两个折线图被百度地图遮挡,部分窄屏机型图例会消失 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from map-viz.