Hacker News Reader

D3 has a nice formatting helper functions:

    > d3.format('.2%')(.223)
      "22.30%"

https://github.com/mbostock/d3/wiki/Formatting

It'd also be cool if mousing over the inner circle updated the coloring of teams, showing their probability of reaching a certain game.

1wheelon Show HN: World Population with D3

The 2005, 2010, and 2015 numbers are projections based on data from 2000:

http://sedac.ciesin.columbia.edu/data/set/gpw-v3-population-...

I should add a note about the Chongqing spike being incorrect to the about.

1wheelon Show HN: World Population with D3

I would be shocked if that was the cause of any lag - D3 selections are essentially nested wrappers around HTML nodes. .node just grabs the first one in a selection.

https://github.com/mbostock/d3/blob/master/src/selection/nod...

Not sure what else it could be though, unable to duplicate.

1wheelon Show HN: World Population with D3

Didn't notice the tool jumping around till you pointed it out; now I can't stop seeing it. Pushing against left and bottom would definitely be better, especially since there isn't much to see there.

Embarrassingly, I'm not sure what the projection is. The data is described as 'estimates of human population for the years 1990, 1995, and 2000 by 30 arc-second (1km) grid cells'. I did some aggregation to reduce the file size and then just converted that grid to pixel values stretched across the screen:

    y = d3.scale.linear()
        .domain([0, longitudes.length])
        .range([0, height]),

http://sedac.ciesin.columbia.edu/data/set/grump-v1-populatio...

1wheelon Show HN: World Population with D3

Firefox really struggles animating SVGs smoothly with javascript. Wish I knew enough about Firefox's internals to work around it, but basically everything I make suffers from this problem (for example - http://roadtolarissa.com/twisters/)

1wheelon Show HN: World Population with D3

Thanks!

Didn't know about r/visualization, cool.

1wheelon Poll: US residents, how do you do your taxes?

> Joseph Bankman, a Stanford Law School professor who helped design ReadyReturn, says he spent close to $30,000 of his own money to hire a lobbyist to defend the program in the legislature. Intuit made political contributions to scores of legislative candidates, Bankman said, and gave $1 million in 2006 to a group backing a ReadyReturn opponent for state controller.

> ReadyReturn survived, but with essentially no marketing budget it is not widely known. Fewer than 90,000 California taxpayers used it last year – although those who do use it seem to be happy. Ninety-eight percent of users who filled out a survey said they would use it again.

http://www.propublica.org/article/how-the-maker-of-turbotax-...

1wheelon Why We Built Marvel

Looking at http://demo.kibana.org/#/dashboard , they're using http://www.flotcharts.org/

They've done a great job of prettying up the dull looking defaults on flot.

1wheelon Args.js – Optional and Default parameters for JavaScript

0 is falsy in javascript; with the second method, default_value will get used instead.

1wheelon All Packt ebooks are $5

I get an ~monthly email asking about producing d3 content for them. For what they're offering it really doesn't make any sense lock what I have time to write or make in a book only a few people will read.

1wheelon Getting the details right in an interactive line graph

Mike Bostock just posted some examples on more accurate line graph mouseovers:

http://bl.ocks.org/mbostock/8027835

Generally I like google finance's approach of showing mouse over data. Static legend, with everything displayed in one row so it doesn't take up too much horizontal space.

https://www.google.com/finance?q=INDEXDJX%3A.DJI&ei=DfOxUpCA...

1wheelon Water seems to flow freely on Mars

"Same reason we can't fly satellites into orbit [of Earth]"

1wheelon Replacing most of D3.js with pure SVG and AngularJS

This is interesting, but I'm not really sure what you get from it.

d3 and direct manipulation of SVGs are both so low level that make a decent looking chart requires a bit of boilerplate. That boilerplate should get wrapped inside of a directive and once you've done that, the specifics of how the directive is implemented don't matter too much.

It would be nice to use one language for data binding; I think angular would end up being a lot more verbose and prevent some of the nice things you can do with .call() and .transition() though. Additionally, I don't think 'creating a hole in the DOM' is necessary a bad thing. Sending graphs only the information that they need separates concerns nicely, resulting in more modular and maintainable code.

If you haven't read it, http://bleedingedgepress.com/our-books/developing-a-d3-js-ed... is pretty good.

1wheelon Winamp shutting down on December 20th, 2013

Doesn't look like it, but maybe?

http://www.shoutcast.com/

1wheelon My JS1K Demo – The Making Of

He has another post about making the webpage:

http://acko.net/blog/zero-to-sixty-in-one-second/

1wheelon Rotate the world

The issue isn't any sort of optimization for chrome, FF just chokes when it tries to render SVGs quickly. See also: http://roadtolarissa.com/twisters/

1wheelon Ask HN: Where do you find interesting papers to read?

For econ papers:

http://afinetheorem.wordpress.com/

1wheelon Ember Charts: An easily extensible chart suite built with D3.js and Ember.js

Checkout SVG Crowbar:

http://nytimes.github.io/svg-crowbar/

1wheelon Show HN: Mapping Tornadoes w/ D3

Thanks!

1wheelon The Sierpinski triangle page to end most Sierpinski triangle pages

Not nearly as comprehensive, but interactive w/ d3:

http://roadtolarissa.com/triangles

Only a couple of lines of codes too:

https://github.com/1wheel/BizarreSierpinskiTriangle/blob/mas...

1wheelon D3.js: How to handle dynamic JSON Data

Wow, I've been using d3 for almost a year now and I didn't know that line.defined() existed.

I've made lots of stuff with d3 and never needed grid lines or dealt with undefined line values, so my 'getting your hands dirty' tutorial would probably deal with totally different issues than what would be useful for you. At a certain point, you just have to buckle down and read the documentation - a quick peak at the page for svg.axis shows how to get grid lines extremely easily (http://bl.ocks.org/mbostock/4323929).

Hanging out on the stackoverflow tag is also super helpful. I either know how to answer a question and get some internet points or Lars responds within an hour and I learn something new.

1wheelon You Can't JavaScript Under Pressure

https://github.com/kriskowal/es5-shim

1wheelon D3.js: How to handle dynamic JSON Data

I haven't been to any, but from the google group it looks like London also has quality meetups pretty regularly.

This is my favorite getting started on d3 tutorial: http://www.jeromecukier.net/blog/2013/03/05/d3-tutorial-at-s...

1wheelon The data visualization community needs its own Hacker News

It'd be really nice if there was a more centralized place to submit and discuss recent work. I usually end up posting my stuff to visualizing.org, visual.ly, and sometimes hn.

There generally isn't too much commenting going on though, despite generating a decent number of views. This makes sense - I only give feedback to a small percentage of things I see on the internet. I would like to interact with other designers more, but sending unsolicited comments/criticism via a tweet or an email doesn't seem appropriate most of the time.

I included a small note on the bottom of my last project "Have an idea for another graphic? Think I did something wrong? Hit me up! adam.r.pearce@gmail.com | @adamrpearce" which resulted in a couple of interesting email threads. None of those conversations really need to be private though.

1wheelon LINQ Ruined My Favorite Interview Question

JS isn't that bad if w/ underscore or d3:

    d3.entries((s.split(" ").reduce(function(p, v){ 
        v in p ? p[v]++ : p[v] = 1;
        return p;}, {})))
      .sort(function(a, b){ return a.value > b.value; })
      .map(function(d){ return d.key;})
      .slice(-10);

1wheelon Programming Mistakes

Or used a non link baity title.

1wheelon Evolution of Hacker News

> With 1.6 million page views a day (...) Hacker News

> Reddit has seen as much as 4.4 million page views in a given day

These numbers didn't seem right to me; reddit gets way more than 3 times hn's traffic.

Last December, reddit had 2 billion page views [http://blog.reddit.com/2012/01/2-billion-beyond.html] which works out to over 60 million a page views a day and over 30 times hn's count.

1wheelon The Infuriating Truth About Getting Hired

> Therefore if you are a minority, or from an under represented gender it will work to your advantage to signal that to the HR Officer, be subtle though.

http://www.nber.org/digest/sep03/w9873.html