Skip to main content
nicolal93025890
nicolal93025890
Participant
July 13, 2017
Question

How do I go about making an interactive graph

  • July 13, 2017
  • 1 reply
  • 2078 views

Hi,

I am completely new to adobe so what I am asking may be very, very simple to do. I'm wanting to create an interactive graph for my group's website. I have attached the figure that I want to make interactive. I have two ways in which I may want to present it. So, when a person clicks on treatment 'A', the bar will shoot up to 70% (so it is animated - so you can see it slide up to the 70% mark) and remain there even if the person was to click on treatment D etc and not disappear.

So just a background info about the study, this shows the different treatments (A-D) and the % of sheep to recover from a disease. Our main audience is to reach out to students. So we were thinking of another way of presenting it, maybe putting pictures of diseased sheep (on a high transparency level) and then when you click on e.g. treatment C, 30% of the diseased sheep will look healthy/normal. I have a sketched out drawing to illustrate this below where the circles represent diseased sheep. The triangle and change in colour represents healthy sheep. And again, once you click on one treatment, it will remain there even when I click on another treatment group rather than like a button, it goes back to the original (if that makes sense). Also, I would like to have it animated where it will change from bottom upwards rather than it just appearing?

So my question is, how do I go about making these two interactive graphs? I have all the adobe products such as illustrator, after effects, animate etc. Sorry if it didn't make that much sense, but hopefully it did. Any help will be much appreciated!

Thank you so much for taking your time to read this!

This topic has been closed for replies.

1 reply

Mylenium
Mylenium
Legend
July 13, 2017

Nothing to do with AE. If at all, one would program it in Aniamte CC or exploit the statistics of questionaires in Captivate (not part of Creative Cloud). What you are talking about requires genuine programming, even if only simplistic in nature in terms of the math. If you want to do it web-based, then there's that other question of how you actually intend to store and process the data. I'm afraid you expect a simple solution that doesn't exist one way or the other. This is much more complex than it literally looks on paper.

Mylenium

nicolal93025890
nicolal93025890Author
Participant
July 13, 2017

Hi,

Thanks for your reply! Okay, could I not create the figure shown above in adobe illustrator as an image (the figure you see above was created in excel and powerpoint). Then export the image to after effects or edge animate to animate the bars by creating e.g. a button rollover and then an animation where the bar goes from 0% to 70% when you click on "A"

Thanks

Mylenium
Mylenium
Legend
July 13, 2017

Of course you can create simply state-based, static animations that simply play a clip based on a deafualt play behavior in Animate, but it has no genuine logic, so everytime you change something, you have to redo the animation, e.g. when the percentages are different or there are more sheep (=data samples) that also influence the distribution of the results. Therefore you preferably would look into an interactive thing. In fact this might even be something you can do in PowerPoint and Excel much more easily, if you can live with the limited graphical options.

Mylenium

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices