Create an Animated Bar Graph with Cinema 4D and Xpresso

Share

Use the power of Xpresso and Mograph to create a 3D bar graph that automatically updates based on settings that you specify. In this tutorial you will learn how to set up Xpresso, which allows you to link the different parameters together, so that the graph can be easily animated and adjusted to fit any set of data.

If you are someone who makes corporate style videos frequently, this will provide you with a much quicker and more exciting way to visually represent data, instead of a plain Powerpoint-style slide. If you are not, then you will be able to learn some of the powerful things that you can do with animation using Xpresso and Mograph in conjunction with Cinema 4d.

Final Effect Preview

Video 1

Download

Note: click the ‘Monitor’ icon to view tutorial in full-screen HD.

Video 2

Download

Note: click the ‘Monitor’ icon to view tutorial in full-screen HD.

Don’t miss more CG tutorials and guides, published daily – subscribe to Cgtuts+ by RSS.

Related Posts

Add Comment

Discussion 24 Comments

  1. maxdiamond says:

    Nice one and timely. :)

  2. aihaozhe says:

    您的留言…很酷 喜欢

  3. Ghost Digital says:

    Cool…. another re-hash. Where is originality these days?

    • Since this tutorial teaches a completely different technique, and uses completely different tools to get there, it can hardly be called a re-hash. The only thing similar about the two tutorials is the subject of a bar graph.

      • Ghost Digital says:

        Glad to see you didn’t attempt to rebutt me on the originality factor though.

      • Well…I actually think it was an original concept in this case too, and since the author had not seen the other tut before creating this one, most likely more of a coincidence than anything else:) Also, I hope you don’t feel that I was trying to rebut your comment just for the sake of being contrary. In fact, all I am trying to do is defend our authors hard work from criticisms that may not be entirely accurate. Cheers.

  4. xsid says:

    just watch something like this on andew kramer site..
    but very good effort.

  5. Nobru says:

    Me too….watch it on Videocopilot.com two days ago…

    • kaleb aylsworth says:

      Just to clear things up here, the Videocopilot/ Andrew Kramer tut teaches a completely different technique that uses AfterEffects, while this tutorial is primarily designed to teach you Mograph and Xpresso. In fact, the only thing in common between the two tutorials is the subject of the bargraph.

  6. Benjamin Weiss says:

    Oooo, me, me!

  7. kamran says:

    hey mate which system are u using for C4D i mean configuration,
    nice tut mate learn alot and looking forward more from you

  8. Wow bad timing, I didn’t even see the tutorial until the commenters put it up here. I had this effect mapped out sometime in November, but it took awhile to get the greenlight to produce and then get approval for the tutorial, it’s not something I just cranked out yesterday after seeing someone else do it. This is a tutorial for Cinema 4D, mainly Xpresso, so it’s very different process that produces a similar result.

  9. fxxking says:

    Nice one. A good start into Xpresso. Not as entertaining as Andrews bar graphs but very powerful and timesaving. I recommend to use a scaler for the bars instead of a multiplier for the numbers. So you have more control about the look ‘n feel.

    Thanks.

  10. ivanex says:

    Gracias un buen aporte..!!!!!!
    Muchas gracias…
    Lo cierto un retoque y queda cooool
    un saludo desde LA PAZ – BOLIVIA

  11. ©klad says:

    It will be usefull for my TV work. Thank you!

  12. edk says:

    this looks like another re-hash from creative cow…

  13. dnk says:

    Thank you very much
    All concepts and works!
    Now would be a similar lesson about the circular diagrams …

  14. Chris says:

    What about negative values?

  15. Randy says:

    Nice tutorial. However, most of the time when I do bar charts, the values are not whole numbers (integers) but numbers with a decimal (float), but usually only to the tenths place. 10.2, 59.7, etc. When I change the bar values to float, I get 3 decimal places and I can’t seem to change that. Any way to specify how many decimal places there ought to be?

  16. Zentromorph says:

    Is it possible to do this dynamically where you link the fields to a database or excel spread sheet?

  17. jamy says:

    you’re so genius~!! perfect guy~!! Thank you so much as I can’t describe your ability.

  18. Mihai says:

    Nice tutorial. But whay can you multiply the bars if thats repeates 1 2 3 1 2 3. Is any procedure that allows to make automate independently bars like 1 2 3 4 5…Escuse my english, i hope you understand me. Thanks !

  19. Alex says:

    The best XPresso tutorial i have seen!?!?!

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.