Add local and external data sources, add your code, choose a visualization - reviz.io allows you to easily code and interact with your data.
reviz.io is our take on having a 'jsfiddle'-like system for interacting with data. We wanted to make it easy for people to be able to add their own data (in the form of a CSV file), whether by copy-pasting it into the browser or by providing the URL for a Google Spreadsheet or other data source.
Once the data is in, reviz.io allows you to add HTML/JS/CSS to visualize it and see the results right next to it. You can also choose from a set of pre-built visualizations and see and even edit the code generated!
Finally, you can share your creation with others by just giving them a URL, or export it to HTML or SVG.
We've created a couple of examples that you can view and play around with:
Feel free to edit these inline, but please don't hit 'Save', so that other judges can see them as well.
Here are also a couple of CSV files for you to play with:
You can also paste some local data if you want.
Our original idea was going to tie this into some public data sources directly from the UI (such as some Google Spreadsheets), but we didn't quite get to it in time, but you can see how it could be added. We also made it quite easy to add new pre-built visualizations, we just didn't have to implement more of them.
Browsers: we've only really tested on Chrome.
IMPORTANT NOTE : turns out there is a bug in Firefox and IE with how dynamic IFrames are handled, which causes issues. Highly recommended to use Chrome!
The list of libraries and services are below we used are below. One interesting thing we did was use Node streams on the server to proxy the external data files to work around browser cross-domain issues. We also detect on the browser whether your data is local (in-the-browser) vs. remote, so that we can always use an async fetch model.
Voting is now closed.
Thanks for the feedback! We definitely wanted to do a better job with a "walkthrough", but ran out of time. Any ideas on what you'd like to see there?
For the "one file at a time" - what exactly do you mean? Just want to make sure we can work on fixing it.
Thanks - would love to hear any other feedback you have!
Thanks for the feedback - I'd love to know what you think we could do better to make it easier to understand.
One thing we were thinking about was adding a kind of "first-time-run" or "guided tour" experience, just to give people ideas of what they can do. Any ideas welcome!
Thanks for the feedback - seems like you're right, it is totally busted on Firefox right now! So sorry, I guess that's what happens when you don't test it :)
I spent a little bit of time debugging this, and the fix is pretty simple (the bug is here: http://stackoverflow.com/questions/8394438/create-an-iframe-then-append-data-to-it-with-jquery) - basically, since we're dynamically creating IFrames, on FF there is a bug where it needs time to "settle" in the DOM or something. This is why the web can't have nice things :D
If you do get a chance to try it out in Chrome, I'd love to get your feedback.
bl.ocks.org was a huge inspiration, and we've used it extensively. I always wanted to be able to do it live though, and not have to paste big CSV files and deal with cross-domain and other such problems - leading to this idea.
Would love to hear what else you think we could to improve it!
Thanks for the feedback! I'd love to hear where you think we could improve loading indicators - we added the little spinny very late in the game, so we did it rather quickly.
Really the only place I noticed was when running the example. Generating the vis is pretty fast, but it's about 2 seconds of a blank canvas (from the http://reviz.io/viz/gJnc03G3N example at least) before rendering.
Ah yes, good point! I think we can also probably add "auto-run" as a default, so you don't have to click run all the time! All these things we could have done, if we only had time :)
Focus the Web