TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

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

79 pointsby sakaiover 12 years ago

9 comments

mercuryrisingover 12 years ago
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 未加载
nosignalover 12 years ago
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 未加载
jklioover 12 years ago
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 未加载
lucasfover 12 years ago
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 未加载
brycecammoover 12 years ago
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 未加载
lathamcityover 12 years ago
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 未加载
biftekover 12 years ago
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>
tlrobinsonover 12 years ago
Nice. Only suggestion would be intertial rotation. I keep flinging it thinking it will keep spinning.
评论 #4696343 未加载
andrewcookeover 12 years ago
nice, but what's the arc for down the right hand side of the globe?
评论 #4695773 未加载