TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Weekend project, D3.js Globe of Recent Earthquakes

79 点作者 sakai超过 12 年前

9 条评论

mercuryrising超过 12 年前
Really nice.<p>It doesn't always auto play, and clicking play/pause doesn't make it work (happened twice to me in five refreshes on Chrome).<p>When it said "Highlight an earthquake..." I was nervous I would have to follow those little circles with my mouse while trying to read the information, but it works well!<p>The earth quake zones just popping into view looks a little goofy. Is there any way to fade them in, or have them start as a line and transform into a circle (going through an ellipse). That might make it look a little cleaner on entry/exit.<p>Great work!
评论 #4695769 未加载
评论 #4695699 未加载
nosignal超过 12 年前
This looks beautiful, but it doesn't release my mouse click on Chrome; i.e. when I click on the globe to click &#38; drag, the rotation of the globe keeps following my mouse, and I can't click the "play" button.<p>Nice project though, as a geo guy who's been meaning to play with D3, it's inspiring.
评论 #4695607 未加载
评论 #4695609 未加载
jklio超过 12 年前
I know it's based off D3.js but is the rest of the code open source?<p>I'd like to use it for a project and credit you. The most advanced I've found open so far is just a base rotating D3.js globe (<a href="http://bl.ocks.org/d/1246403/" rel="nofollow">http://bl.ocks.org/d/1246403/</a>).
评论 #4696003 未加载
lucasf超过 12 年前
It's really cool. Care to explain why do you have <a href="http://mbostock.github.com/d3/d3.v2.min.js" rel="nofollow">http://mbostock.github.com/d3/d3.v2.min.js</a> in header that has only one line - links to actual d3 at <a href="http://d3js.org/d3.v2.min.js" rel="nofollow">http://d3js.org/d3.v2.min.js</a>? Am I missing some reasoning behind this? It doesn't seem very reasonable. Adds two unnecesary hops to two different domains? If you dont want to host d3 why not just reference it directly in header from d3js.org?<p>Edit: Oh, and how you distort svg to make it look spherical while dragging? This is very cool.
评论 #4696010 未加载
brycecammo超过 12 年前
Looks great, well done.<p>One nitpick I have is that earthquakes are no longer measured on the Richter scale, but rather the Momentum magnitude scale. See <a href="http://www.usgs.gov/faq/index.php?sid=54684&#38;lang=en&#38;action=artikel&#38;cat=118&#38;id=1750&#38;artlang=en" rel="nofollow">http://www.usgs.gov/faq/index.php?sid=54684&#38;lang=en&#38;...</a>
评论 #4695999 未加载
lathamcity超过 12 年前
The first time I tried it, nothing happened. I clicked on the globe because I thought maybe you had to drag it, and couldn't un-drag so it kept jiggling around without doing anything. No red dots came up.<p>I glanced at the comments to see if anyone said "It's broken" and nobody did, so I went back and tried hitting the play button but nothing happened, same result.<p>Then I read the first comment on here and went back one more time and it worked; however, this time when it spins and I click on a red dot nothing happens and I get ' error parsing d="" ' in the console, with the line being /quakes/:1, which is just the &#60;html&#62; tag.
评论 #4696158 未加载
评论 #4696157 未加载
biftek超过 12 年前
Well done!<p>I actually had the same idea, but changed it slightly when it came time for execution because I wanting to use geolocation api's. Never really ended up finishing it though, turns out theres not much quake activity on the east coast and I lost intrest. :(<p><a href="http://quakes.arrly.co" rel="nofollow">http://quakes.arrly.co</a>
tlrobinson超过 12 年前
Nice. Only suggestion would be intertial rotation. I keep flinging it thinking it will keep spinning.
评论 #4696343 未加载
andrewcooke超过 12 年前
nice, but what's the arc for down the right hand side of the globe?
评论 #4695773 未加载