设计与产品hint.fm
风图
Wind Map
2012 — 2015，它一次次回到首页
黑点是上首页（≥ 50 分）的那次投稿，空心点是没冲上去的投稿，点越大分数越高。
导读
Wind Map 是一个用动态粒子线条展示美国近地面风场的网页可视化：细线随风移动，把风向和风速变成一幅不断流动的地图。它更像直观的宏观风况画像，而非精确的局地气象工具。
为什么经久不衰：它把抽象的风场数据变成优美、可感知的动态图，是数据可视化领域的经典范例，今天仍能让人一眼看懂风的流动。
HN 评论精选
风能与风速立方相关，因此这张按风速线性呈现的地图不适合评估风能潜力。
这其实不能很好地代表风能潜力，因为风功率与风速呈立方关系（单位体积动能是 v^2，再乘以单位时间通过截面积的体积因子 v）。所以能量潜力集中在“长尾”——不频繁的强风。（例如 30 mph 的功率是 15 mph 的 8 倍，是 10 mph 的 27 倍）。真实分布在空间上（成簇）和时间上（波动）都比一张按风速线性映射的地图显得“不均匀”得多。
uvdiv查看英文原文
Not actually a good representation for wind energy potential, because wind power is cubic in wind speed (v^2 for kinetic energy per unit volume, times v^1 for volume/(cross sectional area * unit time)). So energy potential is concentrated in the "long tail", infrequent high winds. (E.g. 30 mph is 8x more powerful than 15 mph, 27x more than 10 mph). The distribution looks much more "uneven" -- both in space (clustered) and time (fluctuating) -- than a linear-in-windspeed map shows. Off topic: if anyone's looking for a slightly gigantic weather history dataset ("oodles of terabytes"), look at [1]. It has accumulated "a few thousand" weather stations, at 5 minute intervals, going back "a few" years (I forget the numbers). [1] http://madis.noaa.gov/
视觉上优美直观，但缺乏局地精确信息；理想方案应兼顾美感与实用细节。
这很美，也是一个极好的、直觉式的“十万英尺高空”风运动图景。但如果你关心某个具体地点的风况，它并不太有用。比如很难判断某地是 15mph 还是 10mph。可以对比 passageweather.com 这类地图：它们不漂亮也不直观，但对想获取详细局地风况的人有用。似乎应该在这张风图和 passageweather 这类地图之间找到某种中间形态：既直观漂亮，又能提供详细有用的信息。
jordanb查看英文原文
This is beautiful and a brilliant, intuitive "100,000 feet up" picture of wind movements. But it's not horribly useful if you are interested in wind conditions at a particular place. Trying to figure out if a spot is experiencing 15mph wind vs 10mph is hard, for instance. Compare it to these maps: http://passageweather.com/ which are not pretty nor are they intuitive but they are useful for someone trying to use the map to get detailed, localized wind condition information. It seems like there should be some kind of middle ground between this wind map and maps like passageweater.com, maps that are intuitive and pretty but also provide detailed, useful information.
建议叠加地形图层，以便解释风场特征与山脉等地形的关联。
漂亮的 visualization！如果底下叠加一层地形图，能让人把风型中的特征与山脉等对应起来，会很有意思。
lutorm查看英文原文
Beautiful visualization! It would be interesting to have an underlay showing the topography so one can correlate features in the wind pattern with mountain ranges, etc.
数据来自模型预测而非观测，局部精度有限；并担忧美学盖过对数据的理解。
它用的是计算机模型预测，不是观测。飓风中心附近预报可能更准，但我可以说很多其他地方并不很准。粒子模拟很棒，整体美学也很讨喜，但我担心这种漂亮效果压过对数据的良好理解会成为常态。
th0ma5查看英文原文
This uses computer model predictions, not observations. While the forecast may be more accurate towards the center of the hurricane, I can say that it isn't very accurate in many other places. Particle simulations are great though! And the general aesthetic is very pleasing, but I fear that such things trumping good data understanding are going to be the norm going forward.
历次讨论
同类还值得读
贝塞尔曲线入门
A Primer on Bézier Curves
Pomax 编写的贝塞尔曲线在线教程，从基础概念一路讲到曲线求交、投影、曲率等进阶内容，并配有可交互的示例和配套的 bezier.js 库。
设计与产品上首页 7 次 · 2014–2022pomax.github.io编辑精选WebGL 水面模拟
WebGL Water
Evan Wallace 制作的 WebGL Water 演示：在浏览器里实时渲染一片水面，展示折射、反射和焦散等 GPU 图形效果。
设计与产品上首页 6 次 · 2011–2025madebyevan.com设计建议：永远不要使用黑色
Design Tip: Never Use Black
设计随笔提出“永远不要用纯黑”的建议，主张在界面和绘画中改用深灰或带色相的暗色，并借阴影与色彩关系来论证。
设计与产品上首页 5 次 · 2012–2021ianstormtaylor.com用于思考不可想象之物的媒介
Media for Thinking the Unthinkable
Bret Victor 的这个页面围绕《Media for Thinking the Unthinkable》展开，探讨我们用来思考和表达复杂问题的媒介，以及以文字/符号为主的传…
设计与产品上首页 5 次 · 2013–2020worrydream.com编辑精选页面重量很重要
Page Weight Matters
博文讲 YouTube 工程师 Chris Zacharias 的一次页面瘦身实验：团队做了一个更轻量的页面版本，起初从整体平均加载时间看反而更慢；按地理区域分层后才发现，轻量版…
设计与产品上首页 4 次 · 2012–2022blog.chriszacharias.com