5 Replies Latest reply on Aug 1, 2017 4:59 PM by Kevin-Monahan

    How do I go about making an interactive graph

    nicolal93025890 Level 1

      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.

       

      FIGURE.jpg

      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?

       

      IMG-20170626-WA0003.jpeg

       

      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!

        • 1. Re: How do I go about making an interactive graph
          Mylenium Most Valuable Participant

          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

          • 2. Re: How do I go about making an interactive graph
            nicolal93025890 Level 1

            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

            • 3. Re: How do I go about making an interactive graph
              Mylenium Most Valuable Participant

              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

              • 4. Re: How do I go about making an interactive graph
                nicolal93025890 Level 1

                Hi, so the data collected is from a study that has already been published. No more data will be added. It is simply a figure that needs to be animated, in a smooth manner, either by thr bar sliding up from 0% to 70% or by changing diseased images of sheep to 70% of sheep looking healthy (the second option of how my colleagues would like the figure to be designed -see original post). But what I am concerned about is how to actually make this animation. I want to be able to click on treatment A, see it slife up to 70%, then for it stay there at 70% even if I click on treatment B, C or D, and vice versa. I do not want it to slide to 70% for treatment A, for it to then go down to 0% (no bars) when I click on treatment C if that makes sense. So simply, just animated bar graphs but I want advice on how to do that.

                Thanks

                • 5. Re: How do I go about making an interactive graph
                  Kevin-Monahan Adobe Employee

                  Hi nicolal,

                  Are you still facing this problem? If not, let us know how you solved it. If so, please let us know so we can assist you further.

                   

                  Thanks,

                  Kevin