CSE Charts
The CSE Charts widget allows you to add an accessible chart onto a page. Charts can be added to any page type that allows widgets, including Advanced Pages, Unit Landing Pages, News, and Feature Story.

Features

  • Chart data can be manually added or uploaded using a CSV.
  • There are several chart types to choose from, including:
    • Area
    • Bar
    • Bubble
    • Column
    • Donut
    • Gauge
    • Line
    • Pie
    • Scatter
    • Spline
  • Preview charts before publishing
  • Visitors can download the chart as an image, PDF, or CSV.
  • Many options available to customize the display and labels of the chart

How to Add a Chart on a Page

  1. Add a widget to a section and select the CSE Charts widget.
  2. Fill out any necessary fields
    1. The widget title will appear outside of the chart's box. Use the "Chart title" field in the display section to adjust the title inside of the chart's box.
    2. Select your preferred chart type
    3. Select how categories are identified.
      1. If "first column" is selected, it will identify the dataset labels based on the first column in the table. Leave the very first cell blank. See example of first column data entry and display.
      2. If "first row" is selected, it will identify the dataset labels based on the first row of the table. Leave the very first cell blank. See example of first row data entry and display.
    4. Enter your chart data or upload a CSV
    5. Adjust chart settings like title, subtitle, labels, legends, and more
    6. Optional: Preview the chart before saving/publishing
      1. scroll up to the top of the widget editor, and in the "Preview" section, press the "Update Preview" button.

 

Examples

Data identified by First Column

Example of chart data entered using the "First Column" identification
Sample data table entered using the "First Column" identifier
Example of chart using the "First Column" identification
Sample chart using the "First Column" identifier

Data identified by First Row

Example of chart data entered using the "First Row" identification
Sample data table using the "First Row" identifier
Sample of chart using the "First Row" identification
Sample of chart using the "First Row" identification