How to visualise using Edge Animate

Hi I'm new to Adobe Edge animate i working on some real big data for that i have to make a visualisation in a timeline way. The data which i have is from 2002 to 2011 years.
I want to make a timeline and bar graphs so when i scroll timeline the bar graphs changes with respect to time line and show the data of that particular time period.
Can you please guide me how can I do this?

Sry Aatur, D3 is way out of my league tho i did a search and found these:
Re: Interaction between Edge Animate and RaphaelJS (or any svg library)
Re: anyone recommend a dynamic chart/graph solution?
Very interesting stuff...
Gd luck with your search! Ups for anyone who might be able to help.

Similar Messages

How do I use Edge Animate to make a clickable image which can be used in Author, and which will redirect you to a different page in your ebook?

If anyone has experience with Edge Animate, I know that I can make an image clickable, and I can insert a url to define where it will go once clicked. But I want to make a widget to use in iBooks Author, that can take the reader to a certain page of the book. Is this possible?
It all seems very complicated. Make one thing in Edge Animate, then somehow have that reference something in Author, which will finally work in an ebook. I have no clue where to begin.

Sort of. I'm using this code inside an action for a button symbol. But it doesn't work perfectly. Trying to debug it.
Let me know if you have any luck.
//Check to see if pageCounter already exists
if (typeof EC.pageCounter === 'undefined') {
// it doesn't exist so initialize it to first page
EC.pageCounter = 2;
//check if the page is only 1 digit -- patch for single digit
if (EC.pageCounter < 9) {
// it is, so we need to pad a 0 on the front.
EC.pageCounterString = "0" + EC.pageCounter;
//e.g. 01 ...09,11,12,13....115,222352,,....
else {
EC.pageCounterString = EC.pageCounter;
EC.loadComposition(EC.pageCounterString + "/publish/web/" + EC.pageCounterString + ".html", sym.$("container"));
EC.pageCounter = EC.pageCounter + 1;
//TODO for back -1

Use Edge Animate in Powerpoint

Hi,
I know someone else has posted this same question in the forum, I'm wondering if someone can answer the question as I'd like to know as well.
How do you use Edge Animate files/exports into a Powerpoint slide? I know that you can always save as a swf file and insert it that way, but how about html 5 code?
Please advise.
Thank you!
Susanne

Hi, Susanne-
This really is more of a PowerPoint question than a question about Animate. I did a quick web search and came up with a plugin that might suit what you're trying to do. That being said, most people seem to agree that this really isn't what PowerPoint was designed for, so your mileage may vary.
http://skp.mvps.org/liveweb.htm#.UksLoSS2IzU
Hope that helps,
-Elaine

How do you upload Edge Animate on Adobe CDN?

How do you upload Edge Animate on Adobe CDN?

Hi Darrell,
I'm using an exciting new software package called www.webflow.com and I asked the following question in a forum:
Hi,
How would you add this Edge Animate to Webflow? Is it possible?http://html.adobe.com/edge/animate/showcase/interactive-marquee/11
The files are available here: http://html.adobe.com/edge/animate/showcase.html6
Edge Animate gives you a few different option for publishing:
The drop down that you see in the image next to "Chrome Frame Installer" has three options:
Now Prompt
iFrame Prompt
Overlay Prompt
These are the files saved when only "Publish content as static HTML" is checked. See "Publish Settings" image:
Is it possible to add this animation to a Webflow site?
If yes, any suggestions on how would be greatly appreciated.
Thanks,
Todd
Here's Sergie's reply:
Hi @TStanwood, it's possible, but the only way to do it is if you host your files on Adobe CDN or if you host it on your own server and then display an iframe with the index file in Webflow.
That's the way to do it before we allow for hosting of non-image files on Webflow.
After you have them hosted on your own server you can follow these instructions found on the Adobe forums:http://forums.adobe.com/thread/1166851
You'll have to add this to your head code:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="Bannerad_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-160548878 { visibility:hidden; }
    </style>

Replace Bannerad_edgePreload.js with the link to your server and the edge js file.
And in the Webflow add a div block with the class EDGE-160548878 and id stage and the .js file should inject your html animation file into this div block.
<div id="Stage" class="EDGE-160548878">
</div>
I don't have a server to upload the files to. I really don't even know what any of this means.
I'm wondering how and where I can upload the Edge Animate files to and then link to it by following the instructions above.
Any help would be appreciated.
Thanks,
Todd

How to get an edge animate into a dreamweaver site

I need to get an edge animate slide show into a site I built in dreamweaver. All I see is information about sharing it with Muse.

See
- How to use Edge Animate content in your site built with Dreamweaver | Adobe Dreamweaver CC tutorials
- Dreamweaver Help | Import Edge Animate compositions
hth
Darrell

Do I need to pay to use Edge Animate

I hace a paid account I'm still in the 30 days I close my paid account do I need to pay to use Edge Animate ?

No you do not need to pay currently use Edge Animate.
From the Edge Animate FAQ at http://html.adobe.com/edge/animate/faq.html under Pricing & Availability:
How much is Edge Animate and how do I get it?
As a limited-time introductory offer, a perpetual, non-expiring license of Edge Animate is available for free. Edge Animate is therefore available to both free and complete Creative Cloud members.
Edge Animate is valued at $499 USD (perpetual license) or $14.99/month (single product subscription).
Why is Edge Animate free?
During the preview period for Edge Animate we received tremendous feedback that helped shape the tool into what it is today. To thank our community for actively participating in the development of Edge Animate we are offering the first full release of the product for free.
How long will Edge Animate be free? What will it cost later?
After the free introductory offer ends, we anticipate that future versions of Edge Animate will be available to complete Creative Cloud members, as a perpetual license and as a monthly single product subscription.
Is Edge Animate only available as a subscription product?
No. Once the current version of Edge Animate is downloaded and installed, it is available to use at any time, without an ongoing subscription.

How to make responsive Edge Animate with elements aligned in the middle?

Hi,
I wanted to create a responsive hero slideshow using Edge Animate. It will have a 100% width and max-height of 500px. However, I wanted that the other elements will stay in the middle of the slideshow and not be anchors to either corners - as what is selectable in Animate.
My aim to to achieve something similar to Slider Revolution Responsive jQuery Plugin » Slider Revolution Responsive WordPress Plugin Slider Revolution.
Anyone have any idea how to go about this? Any help would be appreciated. Thank you.

Hi deltabrux,
Can you share your Edge project files? Are your using EA 2014.1?
Regards
Vinod
Edge Animate Team

Advice on using Edge Animate & Interactive SVG to create an interactive map

Hello folks, I'm hoping for some guidance on a complicated graphic. My org. has an existing interactive map which was created by a freelancer for us using Ruby and js. It's very nice but I wanted to see if it's possible to recreate using Edge Animate (both as a challenge to myself and as a way of being able to move ownership of it in-house). Here's the map:
http://csai-online.org/sos
I have done a fair amount of work in Edge Animate but have mostly stuck with simple interactivity (play, repeat, navigation links, etc.) so this would be a stretch. But I'm thinking that the map itself (with various shadings) could be recreated using Edge Commons' Interactive SVG function. I would create the map in Illustrator as an svg with different layers for each group of states, which would then be activated by the buttons in Edge Animate. (The floating box could be done entirely in Animate.)
So my questions are,
- Does this seem doable, and has anyone done something similar?
- How do I trigger the layer visibility toggle from Edge? There's a tutorial from Edge Commons which changes the color of an object by CSS, but it seems like it would be simpler to use layer visibility.
- Some of the combinations of checkboxes result in States that are in multiple groups (resulting in a striped fill). I'm guessing I'd need to add some code to indicate that if buttons X and Y were both checked, a third combined layer would be shown. (A further complication is that each of the groups of buttons shuts off the other groups.)
Alternately, it seems like I could also create each state as a series of differently-colored graphics which are then shown or hidden based on which buttons are checked (using arrays, maybe?), but that seems a messier due to the million separate images.
Anyway, how would you approach this problem, I guess is my main question.
Thanks very much.

This looks pretty simple to me and I don't see why you wouldn't be able to do it in edge animate.
Create each state as a button and animate the hover effects inside a symbol and then on the main timeline animate the content boxes opacity to on and off and set labels for each "on" state and then in your button link to that label in the mouse over actions preset.u
As far as calling the bottom content into the div i would just do that by hand by grabbing a simple script off the internet. *theres loads*

How do I use Edge Web Fonts with Muse?

How do I use Edge Web Fonts with Muse - is it an update to load, a stand alone, how does it interface with Muse? I've updated to CC but have no info on this.

Hello,
Is there a reason why you want to use Edge Web Fonts with Adobe Muse?
Assuming you wish to improve typography of your web pages, you should know that Muse is fully integrated with Typekit. This allows you to access and apply over 500 web fonts from within Muse. Here's how you do it:
Select a text component within Muse, and click the Text drop-down.
Select Add Web Fonts option, to pop-open the Add Web Fonts dialog.
Browse and apply fonts per your design needs.
Muse also allows you to create paragraph styles that you can save and apply to chunks of text, a la InDesign. Watch this video for more information: http://tv.adobe.com/watch/muse-feature-tour/using-typekit-with-adobe-muse/
Also take a look at these help files to see if they help you:
http://helpx.adobe.com/muse/tutorials/typography-muse-part-1.html
http://helpx.adobe.com/muse/tutorials/typography-muse-part-2.html
http://helpx.adobe.com/muse/tutorials/typography-muse-part-3.html
Hope this helps!
Regards,
Suhas Yogin

How do i add Edge animate .oam files to Fixed Layouts Epubs in Indesign cc 2014?

How do i add Edge animate .oam files to Fixed Layouts Epubs in Indesign?

Hi,
There is a bug on iOS7 which does not let edge animate work correctly here. This issue will happen on iPad and not on Mac OS.
There is a similar thread that explains in detail this issue you are facing:
https://forums.adobe.com/thread/1513879
Regards,
Pooja

'Jump to' a particular slide in adobe captivate using edge animate.

I would like to 'jump to' a particular slide in adobe captivate using interactions created in an edge animate file. Is anyone able to help me with the javascript needed to do this?

Hi Leith,
From what I know, such functionality is currently not available.
Found something related, but this does not answer your question, I think
Using Edge Animate with Captivate
Thanks,
Preran

Using Edge Animate with Captivate

I'd like to use Edge Animate to do some animation work and then bring this in to captivate. Is there any way to do this?
I'm very new to all this, so not to sure the best methodology to use to add some interactive elements into Captivate. Right now I'm using custom illustrations designed in Illustrator that I want to make interactive and animated in Captivate.

Okay, It looks like using the Adobe Captivate App Packager is the way to go in order to get an Edge Animation into Captivate http://helpx.adobe.com/captivate/using/captivate-app-packager.html.
My issue is that I can't seem to select the adobe edge animation (either the project file or the published web folder) from the Adobe Captivate App Packager.
Has anyone succesfully done this and willing to share their wisdom

How to get an edge animate to loop continuously

How to get an edge animate to loop continuously

Please check the search feature on the forums - plenty of results there.

Create iOS app using edge animate and DPS

I was investigating the potential for using edge animate compositions and digital publishing suite to create single edition iOS apps.
After some trial and error I have been able to create a basic iOS app for kids, using EA and DPS. The app was approved and placed in the app store. See the below link:
https://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=786031451&mt=8
For future reference do you have specific documentation/guidelines on using EA compositions to create DPS single edition apps? I was hoping to get a better understanding of the potential for using html5 compositions in iOS apps (and limitations).

Hi, Andrew-
What specifically are you looking for? It's unclear if you're looking for best practices or other documentation. Thanks,
-Elaine

How do you add Edge Animate to HTML Module using DotNetNuke (DNN)?

First off I'm new to the whole web design/coding/html/css/jquery/etc., and the program Edge Animate is amazing!
I have a site up using DNN and wanted to put what I created on Animate onto one of the pages. I added an HTML module and that's where I'm stuck.
I do not know where to get the complete code so it works, and I do not know where to upload the Animate files. When it comes to creating the thing, I can manage (by reading ALOT), but when it comes to implamenting I am just stumped.
Any idea?
If you need more specific info just give the word, and I'll try my best.
Thanks,
Moses G.

There are four basic steps needed to embed an Edge Animate composition into an existing page:
Publish from Edge Animate. (This creates the necessary files to run the animation. Also, the code referenced in Step 2 and 3 below will be included in the .html file that Animate creates inside the publish/web folder, which you can just copy/paste.)
Add a <div> to the page that has the ID of Stage and the correct class name for your stage (i.e. the "Composition ID" for your project in Animate).
For example:
<div id="Stage" class="EDGE-1655086"></div>
Include the Preload .js file and the default style in your page's header, within Edge Runtime HTML comments.
For example:

<script type="text/javascript" charset="utf-8" src="test-1655086_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-1655086 { display:none; }
</style>

Make sure to upload all of the include files to your server in the appropriate relative locations. This includes the _edge.js files, _edgeActions.js file, _edgePreload.js file, the edge_includes folder and its contents, any other files/folders created inside the "publish/web" folder when you publish from Edge Animate (e.g. "images" folder, etc.).
Here is a very simple example that will hopefully help to clarify:
http://thetraininggrounds.com/An-test/Insert-An-into-existing-page.html
As a reference, these are all of the files involved in the example:
An-test/Insert-An-into-existing-page.html (the existing HTML page)
An-test/ball-bouncing-banner_edge.js
An-test/ball-bouncing-banner_edgeActions.js
An-test/ball-bouncing-banner_edgePreload.js
An-test/edge_includes/edge.1.0.0.min.js
An-test/edge_includes/jquery.easing.1.3.js
An-test/edge_includes/jquery-1.7.1.min.js
An-test/edge_includes/json2_min.js
Thanks
Harshit yadav

How to visualise using Edge Animate

Similar Messages

Maybe you are looking for