Display Charts with AmCharts

 

Display Business Charts

in your SLIDES.COM Deck

using AmCharts

John HR Schuster

November 2015

 

Display Business Charts

in your SLIDES.COM Deck

using AmCharts

John HR Schuster

November 2015

Display Charts with AmCharts

 

Start Using AmCharts

  • Go to  AmCharts website
  • Click on the SECRET button, upper Right corner


     
  • Register on the web-site, yes it's FREE!
  • Be prepared to invest some time in learning
    • The interface
    • The 2 bazillion different settings
    • Save work frequently, use multiple file names
  • Your investment will result in awesome Charts 
 

Display Charts with AmCharts

 

Get your Data into AmCharts

  • Clean your data up
    • Change up data formats, numbers count
    • Less is more, only columns needed to chart
  • Get your data into Comma Separated Value (CSV) format
  • Import link, be prepared to edit data after it is in AmCharts
 

Display Charts with AmCharts

 

Adjust the Chart Parameters

 
  • Pick a chart type
  • Set X-Axis, Y-Axis, and values
  • Change Titles, Legend and
    Axis names
  • Get some coffee,
    keeps adjusting setting(s)
  • View results, repeat ...
  • Save your work frequently
    • Closing browser window is bad
    • Save to different file names
    • Get chart close, fork it
  • Practice, practice, practice
 

Display Charts with AmCharts

 

View Results

 
  • Masterpiece... Bravo
  • Pretty... 
  • Just hope the data is correct and your vision of it has some real insights
 

Display Charts with AmCharts

 

Get some...

 
  • ...Embed code
  • Click on Publish & Share
  • New page is displayed with your masterpiece,
    on top of some page art
  1. Click on the Airplane (Share)
  2. Click on the Clipboard Icon
     
 
<iframe width="600" height="400" 
src="http://live.amcharts.com/zMmE4/embed/" 
frameborder="0">
</iframe>

Generated Embed Code

 

Display Charts with AmCharts

 

Drop into a slide

 
  • Paste Ctrl-V the embed code
  • Resize the Code element
    or is it the chart element?
  • What's the beef?

 

 
SLIDES strips out the unnecessary stuff and

leaves the beef

 

Display Charts with AmCharts

 

Did I just break it?

 
  • After you paste
    the embed code,
    this is the result
  • Broke? No AmCharts
    uses HTTP, not HTTPS
  • Trust me, everything's Okay
  • Watch carefully now,
    for the animation
    when the chart opens
  • Ready for it?  
 

What happened?

 

Really, really ready?

 

Display Charts with AmCharts

 

Display Charts with AmCharts

 

John HR Schuster

 

Title: President, Phoenix Workgroup LLC

Does: Technology Evangelist, consultant, instructor, mentor and learning coach.

  • Learn the technology
  • Preach the technology
  • Built the technology if it doesn't exist.

Where: East Lansing, Michigan

 

 

Email: john.schuster@PhoenixWorkgroup.com

Phone:

517.927.7400

Blog:

GeekMustHave.com

 
Created by potrace 1.13, written by Peter Selinger 2001-2015
Made with Slides.com