How do I create a chart in Claro?

It’s easy to create a number of different types of charts in Claro.

To create a chart in Claro:

  1. From the Insert tab, select the Chart button.
  2. From the Details tab, select the desired Chart Type and complete the fields.
    Tip: You can also rename the title of a chart on the element bar at the top of the Workspace.
  3. From the Data tab, set the desired number of categories and series. Newly created charts come with three categories and three series by default. To remove one, select it and click the Remove button. If you’d like to add a new series or category, select Add from the appropriate header. 
  4. If you’d like to rename any category or series, select it and enter the new name. 
    Note: Series colors come from the theme colors and are designed to match the theme as well as to clearly contrast for chart clarity. Click a color swatch to choose your own color using the Color Picker, if you want. Enter your data in the series columns. 
    Tip: Unless time or age dictates a natural linear order, you will want to sort your data first in ascending or descending order prior to entering it in the table. This will make the chart easier to read.
  5. Select the View to see what the chart will look like.
  6. Select the Save when you’re done.

Note: If you have Flash installed, the chart appears as an animated Flash chart on a mobile or online courses. If you don’t, the chart displays as a PNG image.

Note: If you copy a chart, the chart data remains tied together, so changes made to one chart are reflected in the copy. If you want to break the link between the original and your copy, double-click the new chart select Save As New.

Following are explanations of the Details tab fields and choices for most charts:

  • Title: Helps you identify the chart in the Layers panel. This does not appear on your chart. If you wish to assign a visible title to your chart, insert a text element and position it in relation to your chart.
  • Alt Text: Use to describe your chart for better accessibility and searchability. See Best Practices For Accessibility for more information.
  • Width and Height: Specify chart size. 
    Tip: Balance the ratio of your chart appropriately so there is no distortion or exaggeration. Typically, you will want your width about twice as long as the height. You may need to enter your data first and then adjust the size.
  • Label Format: Indicates whether the labels are numbers or percentages.
  • X Axis Label: Label appears at the bottom of the chart, running horizontally, and contains categories. 
    Tip: Think of the wide look of the letter X to help you remember this. 
  • Y Axis Label: Label appears on the left side of the chart, running vertically, and contains values. 
    Tip: Think of the tall look of the letter Y to help you remember this. 
  • Styling Options: Include a background and foreground color as well as transparent options. The foreground color is for text as well as chart grids, outlines, etc. The theme design colors are defaults but you can select your own colors from the color picker. You can choose your font size and style as well.
  • Show Legend: Display your data series colors and legend on the chart. 
    Tip: Don’t display the legend if it doesn’t add value. If the name you give your chart on the page is clear enough, you may not need a legend on a simple chart.
  • Gridlines for X or Y: Choose which gridlines, if any, you’d like to have displayed. 
    Tip: Don’t display the axis gridlines if it doesn’t add value.
  • Enable Tool-tips: Displays tool-tips specific to the data upon rollover. 
    Tip: If you are going to add custom labels you may want to disable tool-tips.
  • Chart Type: See What are the different charts I can make and when should I use each type? for more information.
  • 3D Display: Select if you want a three-dimensional chart.

Media: images and more

  1. How do I add an image to a page? How do I add media such as a Flash movie, video, or audio?
  2. How do I add audio to a page?
  3. How do I add Rollover states (new image) to an image?
  4. How do I apply Advanced CSS Styles to media and buttons in Claro?
  5. How do I change a media asset on my page? How do I replace an image or other media on my page?
  6. How do I create a chart in Claro?
  7. How do I edit a chart?
  8. How do I copy a chart?
  9. How do I edit an image added to my page using Image Tools? How do I use the Image Editor?
  10. How do I email an attachment to Claro and import it to the Media Library? How do I send media from my mobile smartphone to Claro?
  11. How do I insert a speech bubble using the Speech Bubbles Browser?
  12. How do I insert a symbol shape using the Symbols Browser?
  13. How do I embed a video into my course?
  14. How do I insert an embedded web page (From URL) onto my course page?
  15. How do I insert clip art using the ClipArt Browser?
  16. How do I insert streaming media such as a video (Media Stream) onto my course page?
  17. How do I insert, edit, update, or delete media in the Media Library?
  18. How do I record activity on my screen or in a running application?
  19. How do I record and insert an audio video stream or a still snapshot from my Webcam onto my Claro page (Page Video or AV Publisher)?
  20. How do I replace media used in course pages with new media? How do I update media or an image?
  21. How do I reset the dimensions of an element (image, Flash, video) if I've distorted it?
  22. How do I upload media from my computer to the Media Library? How do I insert media from the Library into my page?
  23. How do I upload or import a compressed zip file to the Media Library?
  24. Media playback (play, pause, toggle, replay) element interactions on button action triggers
  25. People Browser or How do I insert a character or person image?
  26. Stock Image Asset Browsers: People, Bubbles, Symbols, and Clipart
  27. The Media Browser
  28. The Media Library
  29. Upload video and audio file types
  30. Video delivery in Claro: What is progressive download and streaming video?
  31. Video encoding, conversion, and editing tools (video converters and editors)
  32. Video size (width and height) when exporting in order to import into Claro
  33. What are the Audio Settings I can use in the audio context-specific tab to control or change an audio clip?
  34. What are the different types of charts I can make and when should I use each type?
  35. What are the Flash Settings I can use in the Flash context-specific tab to control or change a Flash movie (swf file)?
  36. What are the image borders and effects I can add using the Design tab? (Thin, Thick, Picture, Bevel, Shadow, Mirror, Rounded)
  37. What are the Image Tools I can use in the image context-specific tab to change or modify an image?
  38. What are the Playback options for audio and video control?
  39. What are the Video Settings I can use in the video context-specific tab to control or change a video?
  40. How do I resize an element on the stage?
  41. When is Flash used in Claro courses? What is the Audio Video Media Player?
  42. How do I create a poster image for video or Flash files?
  43. How do I add labels to an image?
  44. How do I edit / delete Image Labels?
  45. My MP4 video plays sound but the video is black (no picture) on my Android

Feedback and Knowledge Base