The Unique Portfolio of Serial Cut
Serial Cut is a studio based in Madrid. It was established in 1999 by Sergio del Puerto. They work on a wide variety of different projects, but they focus mainly on Art Direction. You should check out more of the studio’s work by visiting their website.
“Image and type are a great combination that we like to use on all the projects we work on. Typography plays an important role in the end product.”
I was really impressed when I saw the portfolio of Serial Cut. It featured a very clean style, yet it was very unique. Most of the designs that they have done are made with image cut-outs that are then mixed with real-life objects. They have really mastered this unique technique. Go ahead and check out their impressive designs and let me know what you think by leaving a comment.
Cindysizer
Photocollage for the Technology Special of EP3, a weekly supplement included in the Spanish newspaper El País.
Pop-Up Trains
Real still-life pop-up books for Renfe’s new campaign, featuring the entire range of this year’s fleet of trains against different landscapes for each pop-up. Photographer: Paloma Rincón.
Reboot Your Life
A cut-out still-life of a summer scene for a special report of this American magazine dedicated to providing different plans for rebooting your travel life, such as diving, biking around a winery or discovering the meaning of life in Asia.
MCB55
Still-life of retro music items and souvenirs from Barcelona as main image from this 55th edition of a Classical Music Contest. Commissioned by Astrid Stavro studio. Photographer: Paloma Rincón.
Zune
“Millions of tracks for the price of one CD,” is the claim visually represented here, displaying a variety of groups whose music can be bought at the online store of this MP3 player from Microsoft.
Love the Planet – Roca
Roca, the Spanish company that produces devices for water conservation, recently took on the challenge of reducing water consumption by up to 50%, with the intent of wasting less of one of our earth’s most precious resource. Special guest designer: Mr. Oso®.
Stupendo Records
Global image for Stupendo, a records label based in Barcelona. Photography by Paloma Rincón. Model: Roberto Sanzcarlo. T-shirt by Alex Trochut.
Milky Splash
Illustration for the Thank You book, edited by Channel 4, including names of different performers from “The 11 O´Clock Show”.
Mind Candy
3D illustration for a card from a board game called Perplex City, blending six samples of two existing words into new words. Special guest designer: Mr. Oso®.
Re-Cyclos
Still life with sculptures of Lladró’s Re-cyclos Magical project. Made in collaboration with Ipsum Planet and published in Neo2 magazine as a promo. Photographer: Andrea Savini.
Game Paused
Ceramic dish from a collection of 8 hand-painted dishes of game heroes for the exhibition “Game Paused: A Creative Celebration of the Videogame”. Featured here is the 1UP Bonus dish.
Fresh Wad Paint
Fresh paint version of WAD’s logo, used as a promo image for a work of art for the magazine, based on still-life with cutout elements.
Hector
October 18th, 2007 11:06 pmImpressive and useful as always, thanks!
Xilo32
October 18th, 2007 11:11 pmGreat resource of different useful styles of displaying information! Thanks again for the great read.
kidsinhalf
October 18th, 2007 11:25 pmIs that a complement of a previous article ?
Last time I discovered AMMAP and it was perfect for my applications.
Arash
October 19th, 2007 12:10 amInteresting would be to measure the effects of the different styles of charts and graphs.
Joseph
October 19th, 2007 12:37 amGreat list. I’m going to have to try out some of the options I haven’t seen before.
Also, here’s another one that I use quite frequently in print work, that has a php library for online:
http://sparkline.org/
Joe.
Ray Cromwell
October 19th, 2007 1:09 amAt the end of the month, we will be releasing a free, open source, version of Chronoscope, a pure-clientside Javascript charting component written using Google Web Toolkit that is specifically designed to support very large datasets (tens of thousands to millions of points).
See a demo here: http://timepedia.org/
Dick
October 19th, 2007 1:33 amI usually go simply with Libchart and it always worked well. However, I see that flash charts are getting more and more popular, thus maybe I should indeed consider using something more advanced. Thanks for the links!
Melissa
October 19th, 2007 2:35 amGreat, really useful as always.
I’m a user of FusionCharts Free, just for keeping ontop of sales charts.
therapix
October 19th, 2007 3:09 amExcellent selection. Awesome job as always, you guys are my new heroes.
Andrew Benton
October 19th, 2007 3:09 amVery nice article, it’s always hard to find a good chart/graph solution for implementation website, thanks for the references.
mote
October 19th, 2007 4:02 amgreat collection
Evangelist
October 19th, 2007 4:26 amFantastic stuff – now these WILL come in handy. Once again, you did it :)
Maxime
October 19th, 2007 4:58 amThanks for the analyze and the agglomeration work ! I was looking it.
Christian
October 19th, 2007 5:37 amAs more people develop their coding skills and produce online content they will be using these reporting tools more and more often. Smahing list! Thanks!
Evan
October 19th, 2007 5:46 amI’ve used fusioncharts before and it’s pretty damn sleek… wish they had an option for outputting as a straight image file though
Rian
October 19th, 2007 5:50 amI am really troubled to see more an more articles like this. Most of these tools create pretty flashy charts, that’s for sure, but they don’t teach anyone how to visualize data properly. Why would you ever need a donut chart or a 3D stacked cilinder chart? What does that add to the data that a simple 2D bar chart can’t show you? There is so much of what Edward Tufte refers to as “non-data ink” on these charts that it just smothers the “data ink” completely.
We need to teach analysts the techniques to use simple and straight-forward charts to let the data shine through. All these different primary colors and 3D stuff have nothing to do with the data. Check out the work of Edward Tufte and Stephen Few for some good visualization principles…
Tyroga
October 19th, 2007 7:11 amThanks for the great article, didn’t know there were so many different types of charting out there! I will have to check some of them out.
Last time I used the FusionCharts Free version you couldn’t create links within the chart, all clicks on the chart went to the FusionCharts website. I bought a license so I could let the client drill down into the data, made it much more interactive.
@Rian – unfortunately charts are often created for management who like them to look “pretty”. I often wonder how many of the reports we are made to generate ever actual have the data on them read. It’s all about the look of it.
marco
October 19th, 2007 9:53 amit’s just amazing!
great collection!
Dave
October 19th, 2007 10:32 amAwesome, awesome, awesome.
(awesome)
Ear
October 19th, 2007 11:02 amNo mention of ploticus? Been using it for years at work and it drives hundreds of internal dashboards for us. Great program and very active author.
http://ploticus.sourceforge.net/doc/welcome.html
Maybe not as “pretty” as these but way easy to use and tons of options and chart types.
Drew
October 19th, 2007 1:23 pmOne that wasn’t mentioned is an open source Ajax widget being developed at MIT that I use called Timeplot/Timeline
http://simile.mit.edu/timeplot works very well but currently lacks IE support
Arun
October 19th, 2007 1:52 pmAs Always you’ve smashed us with useful information once again
Jarrod
October 19th, 2007 2:07 pmDundas Charts is handy to use for all of you dot net people. It’s a bit exy, but the support is excellent, and the graphing output is 1st rate. Multiple output formats (Flash, PNG, etc) make it suitable for lots of purposes, although I tend to only use the PNG output. You can also link parts of your charts so you can easily provide drilldowns into data.
Cheers! Good article.
michele
October 19th, 2007 4:58 pmGreat resource, YAHOO flash library (ATLAS) also provides a chart engine.
http://developer.yahoo.com/flash/astra-flash/charts/
Ben Bodien
October 19th, 2007 8:01 pmFantastic roundup, as always guys – well done!
Just a note – PHP/SWF and XML/SWF charts are two separate products, differentiated by the data input method.
Fred B
October 19th, 2007 8:06 pmWorth pointing out that ColdFusion has charting functions built in.
Zul Azman
October 19th, 2007 8:56 pmGreat collection.. nice!!
Scott Patten
October 20th, 2007 5:21 amPlot-O-Matic is a scientific graphing web application that would fit well under your ‘online services and generators’ section. If does things that scientists need like curve fitting and error bars, but you don’t need to use them and it allows you to link to your graphs from any web-page.
Wayne Vaughan
October 20th, 2007 6:51 amComponentArt has a top-notch charting engine.
http://www.componentart.com/charting/default.aspx
John Boxall
October 20th, 2007 10:53 amDear Smashing Magazine, please stop writing articles.
I would like to get some work done.
Thanks,
John
ZiNG
October 20th, 2007 5:25 pmi prefer amcharts
David Fiske
October 20th, 2007 11:16 pmI use Open Flash Chart over at Compare Sat Nav and it works very well. It was easy to set up and looks great.
An example chart can be found here
zooloo
October 21st, 2007 10:48 pmPHP/SWF Charts really looks awesome! Thanks
Alessio Michelini
October 22nd, 2007 6:41 pmGreat article! I’ve just thinked how to represent statics information on my cms, and here i found the solution!
Ruan Caiman
October 22nd, 2007 10:12 pmI did a pretty broad search for plotting tools about 6 months ago, and came across pretty much all of the ones mentioned in the article (although not all the ones mentioned in comments – I’ll take a look at those). The only tool I found that could alternate between log and linear plots for both axes (a specific need, but it might be common within scientific fields) was not mentioned in this list – Adobe’s Flex Charting, a Flex Builder plug-in.
solarium
October 25th, 2007 3:10 amgreat, very good that you collected lots of variations to display – thanks
::m
October 31st, 2007 6:22 amI’ve been using Illustrator to design charts for nearly 10 years…it’s amazing what you can do with Photoshop too. Good to see it here. My tip? Always save the working files :o)
Agust Gudbjornsson
October 31st, 2007 6:47 amGreat post, thanks for the gathering!
Jon Peltier
November 2nd, 2007 8:18 pmIt seems that Rian (comment 16) was the only reader not blinded by the special effects, the shiny reflective surfaces, the shadows and false depth effects, and the overwhelming explosions of color. At best these special effects can only detract from the data, and at worst they can completely overwhelm and befuddle the poor sap who is charged with interpreting the chart.
It seems these fancy programs emphasize the ability to create amazing technicolor displays, and not the keep-it-simple credo of effective visualization.
Eric
November 7th, 2007 12:44 amI see some of the most interesting new appraches to dynamic, scalable, charts for the web is the Canvas HTML Element.
John Resig (creator of jQuery) has some cool videos of interactive charts in action using the Canvas HTML Element.
I think we’ll see the JavaScript libraries adding in support for these types of features via plugins in the near feature.
vector scalable, cross-browser, dynamic charts, without flash… Awesome!
job12
June 16th, 2008 3:40 amhey guys, take a look on this it is an amazing charting controller http://visifire.com powered with silverlight
Job21
June 16th, 2008 3:46 amHey guys Chk this out an amazing chart controller “visifire” powered by silverlight
Hal
October 6th, 2008 8:56 amThanks for a very informative post. However, you neglected to include pChart, an Open Source php class to build charts.
Rhidian Jones
October 17th, 2008 11:53 amI’m looking for a flash chart solution which can update bar charts in real time so that they are moving onscreen as data changes. Does anyone know of such a solution?
Many Thanks
otomatik kapı
November 27th, 2008 1:35 amthnks
http://www.hizmetfirmalari.com
Raffy
November 27th, 2008 9:18 amWow! That’s an amazing list! Thank you! Maybe I will even try something new though I like Origramy flash component [www.origramy.com] very much for it functionality and easy-to-use.
ofis mobilyalari
November 28th, 2008 7:32 amthnks
http://www.buromobilyalari.org
göğüs büyütücü
December 3rd, 2008 6:16 amthanks for sharing..
CarlJ
January 29th, 2009 7:16 amGreat post! I’ve tried all the solutions described here and none of them fits me for one reason or another. Does anyone knows of a free or commercial soution for representing a line with the following features?
Application
Our application will mainly make use of the line chart.
It will display temperature values against a time scale (for the future we would like flexibility in the x-axis data format).
Multiple graphs will be displayed in one canvas (maximum of 50).
Maximum data displayed in each graph of 106.000 points.
Data will be read from an XML file.
It will be displayed in a JavaServer Faces environment and we use rich facelets components.
Needs
Automatic resizing of the canvas and graphs when the browser window changes size.
A primitive firing an event or notification when the zoom is performed, for displaying a sensitive amount of data and not overloading the web application.
A primitive to redraw the data set periodically, for quasi real-time information display since new temperatures will appear every 3 to 5 minutes.
Possibility of having some sort of marks at specific points in time (in order to showcase alarms or information alike).
The x-axis has to be fully customizable (tickers at fixed positions specified by our application instead of automatic calculation).
Compatibility with IE Explorer 6, Firefox 3, (if possible Opera 9.6 and Google Chrome).
Zooming (if possible squared).
Precision of +- 0,01 ºC
Label showing each graphs temperature value.
Discontinuous data handling.
Legend not shown in the displaying area, to avoid visibility problems.
Optional needs.
Printability of the graph in a pdf file or similar.
Day-night background shading.
Activation and deactivation of graphs from the legend or directly.
Mouse-lock for each graph.
Most of these are covered either by one solution or another, but not for all of them. Does anyone knows about a possible solution?
joe mama
February 4th, 2009 8:47 amcarl j is a dush bag
rate
February 5th, 2009 11:32 pmi want to display a data label in the pie chart even that value is zero….what r the changes i have to do in the settings file could u plz help me to solve this problem
Frank
February 27th, 2009 6:13 amWe’ve just finished our pure CSS chart generator – including color pickers, background images, gradients etc. Just enter your values, choose your colors and get your chart. You can call it via a PHP script for inclusion into your page. Check it out at http://www.artviper.net/css-chart-generator
Any comments, improvements etc are welcome!
Lee Joon Soo
April 24th, 2009 7:37 amThank you~
vtstarin
June 23rd, 2009 11:11 pmThis is a chart explorer made using Open Flash Chart.
http://blog.webasp.com.au/2009/06/open-flash-chart-2-kvasir-explorer/
mourbare
June 23rd, 2009 11:58 pmNice all this Chart but what is about Infragistics? Is it not good?
Thanks
designfollow
November 20th, 2009 3:21 pmgreat
thank you
.-= designfollow´s latest Blog Entry – 50 Interactive Silverlight Applications =-.
Jad Limcaco
November 23rd, 2009 3:02 pm@DesignFellow – Thanks!
Josh
December 3rd, 2009 11:01 pmReally beautiful work! Thanks for sharing :)
Jad Limcaco
December 21st, 2009 1:39 pmYou are welcome Josh. I’m glad you enjoyed his work.
Usdating
January 11th, 2010 3:13 amGreat info on link building.. It will guide many in building good links on the Web
Asif K
February 17th, 2010 9:15 amUseful Article! I am using amCharts now since i feel its quite straightforward in terms of chart settings. Also it can update itselft automatically without any need of thirdparty framework. You set everything in setting file which controls the chart. That is really nice!
Started Exploring Dojo, FusionCharts and others…
Thanks! for the article
Sanal Şirket
July 31st, 2010 8:45 amPublished because of the useful information I know, thank you. You have given us your valuable comments I wish you continued thanks to informative content.
MERA-Soft
August 11th, 2010 9:43 amTake a look at http://www.running-charts.com
Ajax charts without any plugins at IE 6.0, 7.0, 8.0, Firefox, Safari, Opera and Chrome.
Only JavaScript and CSS are needed.