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 website1.

“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.


Photocollage for the Technology Special of EP3, a weekly supplement included in the Spanish newspaper El País.


Pop-Up Trains4

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 Life11

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.





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.






“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 – Roca22

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 Records25

Global image for Stupendo, a records label based in Barcelona. Photography by Paloma Rincón. Model: Roberto Sanzcarlo. T-shirt by Alex Trochut.

Stupendo Records26

Stupendo Records27

Milky Splash28

Illustration for the Thank You book, edited by Channel 4, including names of different performers from “The 11 O´Clock Show”.

Channel 429

Mind Candy30

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®.



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 Paused34

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.

Game Dish35

Fresh Wad Paint36

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.



  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37

↑ Back to topShare on Twitter

Former editor in chief of Designinformer.


Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 1

    Impressive and useful as always, thanks!

  2. 2

    Great resource of different useful styles of displaying information! Thanks again for the great read.

  3. 3

    Is that a complement of a previous article ?
    Last time I discovered AMMAP and it was perfect for my applications.

  4. 4

    Interesting would be to measure the effects of the different styles of charts and graphs.

  5. 5

    Great 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:


  6. 6

    At 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:

  7. 7

    I 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!

  8. 8

    Great, really useful as always.

    I’m a user of FusionCharts Free, just for keeping ontop of sales charts.

  9. 9

    Excellent selection. Awesome job as always, you guys are my new heroes.

  10. 10

    Very nice article, it’s always hard to find a good chart/graph solution for implementation website, thanks for the references.

  11. 11

    great collection

  12. 12

    Fantastic stuff – now these WILL come in handy. Once again, you did it :)

  13. 13

    Thanks for the analyze and the agglomeration work ! I was looking it.

  14. 14

    As more people develop their coding skills and produce online content they will be using these reporting tools more and more often. Smahing list! Thanks!

  15. 15

    I’ve used fusioncharts before and it’s pretty damn sleek… wish they had an option for outputting as a straight image file though

  16. 16

    I 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…

  17. 17

    Thanks 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.

  18. 18

    it’s just amazing!
    great collection!

  19. 19

    Awesome, awesome, awesome.


  20. 20

    No 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.

    Maybe not as “pretty” as these but way easy to use and tons of options and chart types.

  21. 21

    One that wasn’t mentioned is an open source Ajax widget being developed at MIT that I use called Timeplot/Timeline works very well but currently lacks IE support

  22. 22

    As Always you’ve smashed us with useful information once again

  23. 23

    Dundas 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.

  24. 24

    Great resource, YAHOO flash library (ATLAS) also provides a chart engine.

  25. 25

    Fantastic 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.

  26. 26

    Worth pointing out that ColdFusion has charting functions built in.

  27. 27

    Great collection.. nice!!

  28. 28

    Plot-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.

  29. 29

    ComponentArt has a top-notch charting engine.

  30. 30

    Dear Smashing Magazine, please stop writing articles.

    I would like to get some work done.



  31. 31

    i prefer amcharts

  32. 32

    I 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

  33. 33

    PHP/SWF Charts really looks awesome! Thanks

  34. 34

    Alessio Michelini

    October 22, 2007 6:41 pm

    Great article! I’ve just thinked how to represent statics information on my cms, and here i found the solution!

  35. 35

    I 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.

  36. 36

    great, very good that you collected lots of variations to display – thanks

  37. 37

    I’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)

  38. 38

    Agust Gudbjornsson

    October 31, 2007 6:47 am

    Great post, thanks for the gathering!

  39. 39

    It 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.

  40. 40

    I 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!

  41. 41

    hey guys, take a look on this it is an amazing charting controller powered with silverlight

  42. 42

    Hey guys Chk this out an amazing chart controller “visifire” powered by silverlight

  43. 43

    Thanks for a very informative post. However, you neglected to include pChart, an Open Source php class to build charts.

  44. 44

    I’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

  45. 45
  46. 46

    Wow! That’s an amazing list! Thank you! Maybe I will even try something new though I like Origramy flash component [] very much for it functionality and easy-to-use.

  47. 47
  48. 48

    göğüs büyütücü

    December 3, 2008 6:16 am

    thanks for sharing..

  49. 49

    Great 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?


    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.


    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?

  50. 50

    carl j is a dush bag

  51. 51

    i 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

  52. 52

    We’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

    Any comments, improvements etc are welcome!

  53. 53

    Thank you~

  54. 54

    This is a chart explorer made using Open Flash Chart.

  55. 55

    Nice all this Chart but what is about Infragistics? Is it not good?


  56. 56


    thank you
    .-= designfollow´s latest Blog Entry – 50 Interactive Silverlight Applications =-.

  57. 57

    @DesignFellow – Thanks!

  58. 58

    Really beautiful work! Thanks for sharing :)

  59. 60

    Great info on link building.. It will guide many in building good links on the Web

  60. 61

    Useful 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

  61. 62

    Published because of the useful information I know, thank you. You have given us your valuable comments I wish you continued thanks to informative content.

  62. 63

    Take a look at
    Ajax charts without any plugins at IE 6.0, 7.0, 8.0, Firefox, Safari, Opera and Chrome.
    Only JavaScript and CSS are needed.

↑ Back to top