Show HN: Weekend project, D3.js Globe of Recent Earthquakes • Hacker News Board

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

#21

Post by lathamcity » Thu, Oct 25, 2012, 2:55 AM UTC

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.

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.

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 tag.

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

#22

Post by [deleted] » Thu, Oct 25, 2012, 2:58 AM UTC

lathamcity wrote: post #21

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. 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. Then I read the first comment on here and went back o…

[deleted]

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

#23

Post by sakai » Thu, Oct 25, 2012, 2:58 AM UTC

lathamcity wrote: post #21

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. 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. Then I read the first comment on here and went back o…

Hmm, sorry you're having trouble with it. The 'error parsing d=""' is an issue with the SVG parser within your browser, and shouldn't prevent it from rendering properly. I believe upgrading to the next version of d3.js will likely fix this.

It's possible that it's not properly loading the data for you, either due to latency or some browser restrictions. What are you running?

I'd like to debug if possible. I believe D3.js only fully works in Chrome, Safari, and Firefox (+ maybe Opera?).

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

#24

Post by lathamcity » Thu, Oct 25, 2012, 3:00 AM UTC

sakai wrote: post #23

lathamcity wrote: post #21

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. 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. Then I read the first comment on here and went back o…

Hmm, sorry you're having trouble with it. The 'error parsing d=""' is an issue with the SVG parser within your browser, and shouldn't prevent it from rendering properly. I believe upgrading to the next version of d3.js will likely fix this. It's possible that it's not properly loading the data for you, either due to latency or some browser restrictions. What are you running? I'd like to debug if possible. I believe D…

I'm actually building a website in D3JS myself ( http://uscfstats.com/matches ) and the SVG and D3 work fine there, and I am using the latest version of Chrome.

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

#25

Post by lathamcity » Thu, Oct 25, 2012, 3:01 AM UTC

sakai wrote: post #23

lathamcity wrote: post #21

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. 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. Then I read the first comment on here and went back o…

Hmm, sorry you're having trouble with it. The 'error parsing d=""' is an issue with the SVG parser within your browser, and shouldn't prevent it from rendering properly. I believe upgrading to the next version of d3.js will likely fix this. It's possible that it's not properly loading the data for you, either due to latency or some browser restrictions. What are you running? I'd like to debug if possible. I believe D…

The error keeps replicating itself as long as the globe is moving.

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

#26

Post by tlrobinson » Thu, Oct 25, 2012, 4:06 AM UTC

Nice. Only suggestion would be intertial rotation. I keep flinging it thinking it will keep spinning.

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

#27

Post by sakai » Thu, Oct 25, 2012, 4:15 AM UTC

tlrobinson wrote: post #26

Nice. Only suggestion would be intertial rotation. I keep flinging it thinking it will keep spinning.

Haha, yeah that would be fun. Though it might get a bit out of control!

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

#28

Post by biftek » Thu, Oct 25, 2012, 5:13 AM UTC

Well done!

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. :(

http://quakes.arrly.co

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

#29

Post by Pinatubo » Thu, Oct 25, 2012, 6:02 AM UTC

sakai wrote: post #23

lathamcity wrote: post #21

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. 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. Then I read the first comment on here and went back o…

Hmm, sorry you're having trouble with it. The 'error parsing d=""' is an issue with the SVG parser within your browser, and shouldn't prevent it from rendering properly. I believe upgrading to the next version of d3.js will likely fix this. It's possible that it's not properly loading the data for you, either due to latency or some browser restrictions. What are you running? I'd like to debug if possible. I believe D…

Some D3.js code I wrote recently worked in Opera, so I think it should be fine there. I never did figure out how to make D3.js work in IE.

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

#30

Post by Pinatubo » Thu, Oct 25, 2012, 6:11 AM UTC

sakai wrote: post #20

lucasf wrote: post #17

It's really cool. Care to explain why do you have http://mbostock.github.com/d3/d3.v2.min.js in header that has only one line - links to actual d3 at http://d3js.org/d3.v2.min.js ? 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? Edit: Oh, and how you dist…

I hadn't noticed that re-direct. Thanks and fixed. All of the SVG magic is D3.js and simply modified from this sweet example by Mike Bostock: http://mbostock.github.com/d3/talk/20111018/azimuthal.html Edit: Oddly, I'm noticing that the title of Mike's page is "Afghanistan", which is the one country in the GEOJSON I'm using that doesn't render properly... (it shows empty like a 2nd Caspian Sea)

I was just looking at Mike Bostock's example, and there are also some rendering problems for Afghanistan there.

Maybe it has something to do with Afghanistan being the first country in an alphabetical list? I'd try putting another country in the first position in the data table and see if the rendering problem switches locations.