86 comments

[ 0.33 ms ] story [ 193 ms ] thread
Previous discussion of AprilZero (the site, not the making of): https://news.ycombinator.com/item?id=8024073
You can actually track him hour to hour... kinda crazy that he's providing that, the site design is a little different than described I found myself clicking on things that weren't links and being sent places I didn't want to go because I'd click something that looked clickable but turned out not to be and clicking on unclickable things sends you back one step.
This is a striking example of the amount of work and thought that goes into a design that presents rich data so clearly and cleanly. The casual visitor would likely never have an idea of what it took to build what they are looking at.
Yes. It really shines a lot on the fact that those futuristic movie interfaces didn't just spring out of the computer by virtue of it being the future. And I'm not talking about the CGI folks who create those interfaces for the movie (although of course that's a lot of work, too) – I mean in the fictional movie universe, where did those UIs come from? Are we assuming that in the future, computers will be auto-generating all these sweet transitions and design details? It seems to me that it will always come about just like April Zero – through a LOT of effort, trial, and error.
Really great write up of a well thought-out design and iteration process.

Bookmarked for future reference.

Best line from the write-up: It combined three of my passions: running, photography, and getting attention.

Great design!

I love that line too- somehow being honest and upfront about something thats "taboo" to like makes it totally fine with me
I realize that this took a huge amount of time, so asking for an open source version of this might be asking a bit much. But, I would absolutely be willing to pay for a SaaS product, or a licensing fee for the code. It's absolutely beautiful, and as someone who does this in a gross spreadsheet, moving to something like this would be unbelievable.
Yes, package this up for me in a SaaS, teach me the lifestyle, and then please take my money.
That was my first thought as well. If the author's not currently working on such a product, they should absolutely get on it.
(comment deleted)
+1 for being will to pay for a SaaS version of this.
Considering most people are casual observers 3 comments about paying for this is a positive signal. vpj should just throw up a landing page asking for money and start building. :)
> I realize that this took a huge amount of time, so asking for an open source version of this might be asking a bit much.

What's this to mean? Linux and gcc took much more time from many more developers. Licensing isn't a function of your investment into the project, it's a function of how the project will best benefit the world.

I would also love to pay for this. However I would not want a typical SAAS product. I don't want my data on your servers. Give me something I can install myself really easily. There are products out their which do the SAAS things and ones which I can install locally (if I setup a server, database, configure it all etc.etc.). Give me something really simple and something I can secure myself locally and you have lots of my money. I don't have much, but I will give you lots of it :)
It's a personal dashboard start up in the making ;)
Turned out gorgeous, really well done, Anand.
Wow, what do you do for a living that you can travel so much?
(comment deleted)
You don't need a lot of money to travel.
True, but you should probably take a take a look at the above comment...
You need a bit of money to travel to Tokyo on a whim, as detailed in one of his screenshotted chats.
traveling "costs" a lot. what must be given up in order to travel?
No, but given the ballpark for a next day first class fare SFO to Tokyo is in the $10-20,000 one way range, that's not really true in this case.
He also travels business/first and stays in 5* hotels (clicked something on the Explore tab). My guess is some kind of previous startup that sold well? Maybe his roommate can fill us in.
(comment deleted)
Had a well paying job for several years and lots of freelancing before that, has roommates so his rent is not absurd so he can afford the great opportunity to travel a lot. :)
Does anyone know what the USB Ultrasound transducer mentioned is called?
Judging from the screenshot, I believe it's made by BodyMetrix:

http://www.amazon.com/BodyMetrix-Personal-Ultrasound-Body-Co...

Yes that's the one he has (I'm his roommate)
Oh hey I referenced your guide on Jekyll when I was setting up my own blog last year. ( thanks :) )

I'm kind of surprised that both of you are living in a roommate situation. How did you guys know each other?

Always kind of knew of his work online for years. He eventually moved to SF a few years back. I wanted to hire him for my startup at the time but couldn't afford him, but we hung out a lot and eventually got a place with another friend
Would be nice if someone could make an arduino/pi one :) off to hackaday to have a look. $495 is a bit steep for me.
Would love to know how the animations were designed and implemented--they really add the extra wow factor.
Combination of CSS3 transitions (blur, translation, glow) and d3 I think
Amazing, I saw your website a few days ago and been studying it ever since.
This is really amazing. A lot of thoughtful work went into this site, and it's great that he took the time to document the process and talk through it. Wow.
wow, incredible designer. What would it take to convince you to work with me?
It's always impressive to see an individual with a really good eye for design and the technical chops to bring it to life alone.

Building a site as beautiful as this must have left you inundated with job offers. It's really awesome!

On Arch Linux using WebKit, this page doesn't load at all without JavaScript, and doesn't work at all with it. Can you fix the site or provide a text version?
Pretty sure JS is the brunt of the visualizations, etc.
Definitely, but a well-made site will degrade gracefully. I digress though, because I'm okay with turning on JavaScript; the issue is that the page still doesn't react to scrolling.
(comment deleted)
While looking at all this, I can't help but keep asking, "Who is this guy?". I'm sure he's not some random web developer who thunk this up one day.
Yes, where did this guy spring from? This is some great stuff!
Not to diminish Anand's credibility at all - but why does he have to be anything other than some random web developer? Does everyone have to have some magical backstory to qualify to ship something great?

The primary difference between Anand and 'some random web developer' is that he actually shipped. You can join this club too.

>> Does everyone have to have some magical backstory to qualify to ship something great?

I was wondering the same as the parent and not because I thought there was a 'magical backstory' but because when someone ships something this good they have usually shipped something else you know of.

I disagree, a lot of people crate massively good work but never self promote. Not that he is self promoting, but the point stands producing high quality work does not mean fame.
Ok, but the lifestyle of just hoping on a plane somewhere to get into the mind of an explorer requires you to be getting funding from somewhere (though perhaps not dev work)
Anand was the lead designer at Quizlet (arguably the most successful ed-tech startup)
Anyone know where you can get detailed blood tests like that in the UK? I'm guessing the NHS won't cough up for that every month...
I know there are certain things you can pay the NHS to do (e.g. a friend had to get a full physical signed off by the doctor to participate in boxing and had to pay £20 for it). But then again blood tests are usually pretty slow even for people who need them so they may not want people paying and taking up resources.
Anand, you have SERIOUSLY outdone yourself on this one. I continue to aspire to attain frontend design chops as good as yours.

I remember watching Iron Man with this guy in his apartment in LA while trying to convince him to move to SF. He took meticulous sketches and notes on the UI used in the film. I look at this, especially the initial circular ui, and see the culmination of those notes with amazing use of frontend technologies and near perfect 3rd party integrations.

Well done, man. You are an inspiration to me.

So you can answer the question. Who is Anand Sharma?
not op, but Anand was previously the head of design at Quizlet (a top ed-tech startup).
(comment deleted)
(comment deleted)
This is seriously an awesome and well executed concept.

I am working in genetics lab that studies complex disease. Many of these diseases have many environmental component and there is much interest in investigating these so-called gene-environment interactions.

Currently to investigate interactions between genes and the environment, we rely on patients to fill in questionnaires, which are problematic because people are inaccurate. Other more specific measurements are gathered with nurses taking blood, serum etc.

I wonder whether this could be deployed in anyway in medical research, using the smartphones currently on the market.

This definitely would provide a visual hierarchy to view all the potential interactions, though I think your problem might be more hardware-related.

I assume if you combined as many of these apps(Moves, Cardiio, Foursquare, etc.) into a single app(including peripherals like the USB ultrasound, which seems impossible right now) you could get close to a pretty accurate picture of a person's total gene interactions throughout the day. Also, the app would have to be running continuously in the background.

This page did not like loading on a mobile phone.
Amazing, the blog's owner is a designer? Full of modern sense. It's a good idea, combine many health apps and LBS apps data, display to user. It's done automatically?
Dude!! Where is your Narrative clip? http://getnarrative.com/
You have to pay a subscription just to get your photos out of the clip!? I like the idea of the clip, but what a huge dealbreaker
hmm, as far as I know you just pay the $10 a year if you want to have your photos stored on the cloud, but if you are willing to store all them yourself you can do that. But i'll double check that!
You don't need the subscription if you just want to export the photos locally. But the subscription fee is $9/mth, not year.
Ah, thanks for the clarification!
(comment deleted)
According to the previous discussion, he used, ignoring analytics and APIs: js (coffeescript), leaflet, d3 (mercator projection), jQuery, SASS, mapbox, jquery-pjax, python (django), individual animated state transitions with css, and webkit transitions.

This is on another level. What extra resources on the side would one recommend following IDV for the Web [1], to close the gap?

[1] http://chimera.labs.oreilly.com/books/1230000000345/index.ht...

This is really amazing; on the desktop, the site looks fantastic and it is very interesting to browse. I learned way more about his travel history than probably necessary due to sheer interest.

That said, it is completely unusable on the phone. Not just 'it looks weird' but completely broken. I can't navigate anything or even read the article linked here. -Firefox on Nexus 5

FWIW it looks very nice in Mobile Safari, maybe there's something Firefox doesn't support right now?
Photos page just crashed iOS on Ipad 3 completely, wpthink it mirth have been all the hexagons. First couple of pages look OK though.
Just wondering. Which insurance supports monthly blood testing. Are thee reasonable private providers with reasonable charges?
InsideTracker and WellnessFX are two companies that offer direct-to-consumer blood testing at somewhat reasonable prices. Another company called Cue [https://cue.me/] is working on a device that would let you do certain blood tests at home.
I find it a bit strange that he is currently on Koh Tao and his latest run was 5 hrs ago in San Francisco? :)