node.js ko
graphik.us
graphik.us
by awegen
Graphik.us is a digital image processing tool where you can edit source code that is evaluated into a processed image.
This is a prototype app built with node.js that lets you to edit source code in the browser and then process images in the server.
For this initial prototype, we’re using imagemagick as the image processor, so all commands in graphik.us are related with convert tool.
Judging Instructions
You can graphik.us by selecting an image, typing a code and hitting submit. The available commands are, for now, the very same you have in the convert command from imagemagick.
Who
How
Libraries
- node.js
- socket.io
- express
- node-canvas
- formidable
- Imagemagick
- jQuery
- Ace Editor
- Twitter’s bootstrap HTML
Test images
- marvin.png (from The Hitchhiker’s Guide to the Galaxy TV series)
- wiener.png (photo of Norbert Wiener)
Votes
Your Vote
Voting is now closed.
Other Votes
(51)
jacobquistjudgelquixada
contestant
felixgejudgeSolid idea & execution. Error handling could be improved, but otherwise this is a fun little app!
pengwynnjudge
andrewpbrettjudgePretty neat. I noticed that a blank line of code breaks the app but there’s not really any indication that something went wrong, it just fails silently. Was there something in particular about this project that required node?
cmichi
contestantCool idea! For me (not that familiar with imagemagick) some kind of auto completion would be helpful to explore the possibilities.
Utility: I imagine this will be very helpful if you want to do something with imagemagick but are to lazy to go through the whole “shell command execution, view image, delete image, repeat cycle”-thing.
allancajudgeHelpful. Good idea. Couldn’t get it to accept my own photo, but could see myself using it to mess around with a photo quickly.
dpwolfe
contestantLoved playing around with it.
ericflojudgeNice, this reminds me a bit of Magickly, but it has an in-browser interface so it’s more accessible to people.
I like the idea, and the implementation works, but the speed could be improved and the user interface could guide the user better.
jsjohnstjudgeCould use a little UX work, especially with discovering and leveraging the available conversions. Good work overall!
timothytcleejudgedennyferra
contestantAutomatic +1 cause u guys are from Brazil ;) Needed more information on the commands.
acdouglasjudgeWell done— I have never used imagemagick before, but its a neat implementation
slightlylatejudgeWould love some contextual hints about commands or more examples. Also, would love to see a live stream of what others are doing…would make the system a lot of fun.
rhapsodyv
contestant
dan_mangesjudgeUtility: I could see this being a really helpful service for people familiar with ImageMagick who need to manipulate an image if they’re on a computer that doesn’t have it installed.
Design: The site was intuitive. I think a non-developer might not understand how to use it, but I’m assuming that your audience is mostly developers or people experienced with ImageMagick.
Innovation: Hosted image manipulation has been around for a while, but a straight forwarded service over ImageMagick might be unique. ImageMagick power users would certainly welcome a tool that doesn’t dumb things down.
Completeness: I didn’t run into any bugs. Some inline help text (in addition to the external link to the docs) would really help complete this.
Overall, a cool idea. I hope you had fun building it!
RafaelCorralesjudge
therazorbladejudgeI can see the benefit of a tool like that in helping developer figure out how to use and script imagemagick, but you are not providing any helpful tools to do that. I expected to see some pre-configured combinations and panels where you can use UX to produce the code and then manually edit it as needed. Also, some real-time refresh (without the need to submit or reload ever 5s) would be nice.
MEgrez
contestantCool! Maybe a future web designer tool!
jimfleming
contestantCool idea! Would be nice to save the scripts and upload multiple images to run the script over. I could definitely see this as a full service.
mahemoffjudgePotential to be very useful. Needs more info on commands – not easy to tell which ImageMagick commands will have an effect, or the grammar of using them. Also, I found I couldn’t upload files – maybe it couldn’t process the files I tried, but it failed silently.
Very interesting idea! Would love to see it again when more complete.