top | item 6479151

Raw: the missing link between spreadsheets and vector graphics

94 points| co_pl_te | 12 years ago |raw.densitydesign.org

27 comments

order
[+] gfosco|12 years ago|reply
I suggest making the landing page a bit more clear... I sat there looking at the single sentence thinking, "What?" It's not so much a missing link between anything, as it is a way to create visualizations from your spreadsheet data, if you feel comfortable enough to paste it on a random website.
[+] bradleyland|12 years ago|reply
I felt similar confusion when I read that slug.

"Create visualizations from your spreadsheet data"

That's what this does. The "missing link" cliché didn't score any points with me, but the product looks extremely cool.

One other point of feedback, I clicked the "How it works" link, and when the page scrolled down, the animation was already on step 4, but that text is small, so I didn't realize I was watching the last step. I was a bit confused.

Maybe consider using a scroll position detection library to hold the animation until the user has it in view, or use something more clear to indicate which step is being illustrated:

[1] 2 3 4

1 [2] 3 4

1 2 [3] 4

1 2 3 [4]

[+] danmaz74|12 years ago|reply
Absolutely. There is also no clue that the page should be scrolled down. And the video tutorial should be featured on the landing page.
[+] teamonkey|12 years ago|reply
For me the missing link would be a clean way of getting Excel data into a format that could be read by my D3 scripts without needing custom macros, exporting to Excel's flaky CSV format and a manual reload at the end.

Writing the graph code is the FUN bit.

[+] nonchalance|12 years ago|reply

    Fatal error: Out of memory (allocated 1048576) (tried to allocate 12288 bytes) in /var/www/raw.densitydesign.org/public/wp-includes/option.php on line 553
[+] OliverM|12 years ago|reply
My startup's in a similar space: http://getbulb.com (beta is invite only for the next couple of weeks, but if you're curious and want a go, fire an email asking to [email protected], free to use currently)

I adore Density Design's work, and some of it was inspiration for what I'm doing now, so seeing this kind of thing is both validating & scary!

[+] shortstuffsushi|12 years ago|reply
You know what's really crazy about this project? They have two guys named giorgio, on a four man team.

But seriously, this project looks pretty cool. It's an interest way to create quick visuals without writing any code.

[+] danmaz74|12 years ago|reply
Giorgio is a pretty common name in Italy, where the team is :)
[+] joliv|12 years ago|reply
Anyone else getting a 503 error when trying to access the service?
[+] davvid|12 years ago|reply
All the more reason to just clone it and try it out ;-) It's pretty awesome, actually. Clone it then just npm install -g bower && (make sure bowser is in your path) && npm install && npm start
[+] himal|12 years ago|reply
Yes, same here.
[+] carlob|12 years ago|reply
Hi from Italy, nice job!

To be a little nitpicky: why did you start with obscure high-dimensional visualizations such as alluvial plots, dendrograms, sphere packings? I believe there is much value in the classics: bar charts, histograms, scatter plots; one should only move to more complex visualizations if there is absolutely no way to use a simple one.

[+] chadyj|12 years ago|reply
This is fantastic! I simply created 3 graphs based on email client data featuring a dendogram, circular dendogram, and circular packing. It charts the relationship of OS, device type, email client type, and client name. http://minus.com/m5VsIg2QvP2R3
[+] TallboyOne|12 years ago|reply
How did you make that really cool animation on the homepage? I have been attempting to do this myself with javascript setTimeout mixed with css3 animation but its freakin awful, because it's one just massive callback inside a callback. it must be indented like 60 times near the end of my animation.
[+] chadyj|12 years ago|reply
A very high tech animated gif.
[+] kfk|12 years ago|reply
Nice. But the biggest problem of spreadsheets is sharing and organizing data between multiple users, think github for spreadsheets. These visualizations are very good, but they are not a "hair on fire" kind of problem for most of the spreadsheets users.
[+] zalew|12 years ago|reply
Nice project, but the name is terrible IMO, in terms of being overly generic and possibly ungooglable - it's painful enough to sort out crap when looking for RAW image troubleshooting.
[+] zekenie|12 years ago|reply
Looks really neat! Any plans for more data formats other than csv? Also, service is down... must be all that hn traffic :)
[+] ksrm|12 years ago|reply
"Dendogram" should be dendrogram.
[+] Pinatubo|12 years ago|reply
Site is down now, so I'll check it out later. Is this kind of a plug-and-play version of d3.js?