Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents
maxLevel6
stylecircle

Graph and Chart Settings

Background setting(s)

Sets the background fill color, the border color, and the border width.

Fill and border colors

  1. Click the colored square 
    • The Color Picker tool will open
  2. Choose a color

Border width

  1. Type in the number of pixels for your border
    • The larger the number, the thicker the border

 

...

Enable user draw?

Lets your audience draw on the chart or graph.

  • Choose "True" to let your audience make annotations on the chart
  • Learn more at Annotate a Visualization
  • These annotations are not saved permanantly, and they are not public-facing

...

Data source URL

Gets data from a Google Sheet.

...

Font size

Sets the font size of the text on your chart.

  • By default, the font size is 12 pt
  • If you have over three columns of text, font sizes over 30 pt make the text hard to read 

...

Height

Controls the height of your chart or graph.

  • The canvas height is generally a number between 1 and 400 
  • Values greater than 400 are possible for some charts; very tall charts take longer to load

...

Width

Controls the width of your chart or graph. 

  • The canvas width is generally a number between 1 and 400 
  • Values greater than 400 are possible for some charts; very wide charts take longer to load

...

Graph Settings

Font Color

Sets the color of the font in your graph. 

  1. Click the colored square
    • The Color Picker tool will open 
  2. Choose a color

...

Link colors 

Sets colors for the chords in the graph.

  1. Click the colored square
    • The Color Picker tool will open 
  2. Choose a color

...

Link line width 

Sets the width of the links.

  • Large numbers create thick lines; small numbers create thin lines

...

Node shape 

Formats the shape of the nodes. 

  • Choose a shape from the drop-down menu

...

Chart Settings

Chart area setting(s)

Sets the placement and size of the chart area. 

  • Use a number or percentage (for example, 20 or 75%)

...

Chart colors

Sets the colors for your chart. 

  1. Click the colored square
    • The Color Picker tool will open 
  2. Choose a color

...

Data Filter

Lets you reorder data or display a small portion of your dataset.

 

...

Font name

Sets the font of your chart's text.

  • Use web-safe fonts: these fonts are installed on most browsers
  • Web-safe fonts include Arial, Arial Black, Courier New, Tahoma, Times New Roman, Verdana, and others 

...

Anchor
horizontal
horizontal
Horizontal axis settings

Formats the x-axis. 

Baseline

Sets a baseline for the x-axis. 

Baseline color 

Sets the color of the baseline. 

  1. Click the colored square
    • The Color Picker tool will open 
  2. Choose a color

Direction 

Controls the order of the values on the x-axis. 

  • Type in -1 to reverse the order of the values along this axis

Axis Label Format 

Adds a label in front of the values along the x-axis.  

Log Scale? 

Makes the horizontal axis logarithmic. 

  • Type "true" to make the x-axis logarithmic
  • Make sure all values are positive

Text Position 

Changes the position of the x-axis labels relative to the chart area

  • This can be "out", "in", or "none". 

Axis Title

Enter a title for the x-axis. 

Max Value

Sets the maximum number that displays on the chart. 

  • Type in the maximum number you want to be shown on the chart

Min Value

Sets the minimum number that displays on the chart. 

  • Type in the minumum number you want to be shown on the chart

Slanted Text

Rotates the text. 

  • Type "true" to display labels on the x-axis at an angle – this fits more text along the axis
  • Type "false" to display labels upright
  • By default, Visuals slants labels if they wouldn't fit on the axis otherwise.

...

Legend position 

Controls

Data Source URL

This field provides one way to upload your Google Docs spreadsheet, containing the data that will be used to create your visualization, into SHIVA. To use this option, you do not need to allow SHIVA read-only access to your Google Drive. For information on using it, see the Copy a Spreadsheet into SHIVA step-by-step guide

Data Filter

  • choose which data you want to see in the chart

Height of chart: controls how tall your want your chart to appear

  • Set the height of the chart to a value between 1 and 400
  • Note that some charts can have a height greater than 400

Width of chart

  • set the width of the chart to a value between 1 and 400
  • Note that some charts can have a width greater than 400

Title above chart

  • Enter a title for your chart; this field is mandatory
  • Note that the title won't show up in the chart itself

Opacity of area chart: controls the opacity of the area below the chart lines

  • enter a value between 0 and 1, where 0=transparent and 1=opaque

Font name: set the font you want your chart to display

  • It's best to use standard font names to ensure that the font will appear on any computer

Font size: set the font size of the text in your chart

  • It's default setting is "automatic" which is font size 12
  • Note that if you have more than three columns, the text becomes difficult to read after font size 30

Stacked chart?: controls how you want the data to appear in the chart

  • "True" shows the data as stacked on top of each other
  • "False" shows the data as individual sets of data

Line width: controls the width of the lines depicting your data

  • set the width of the lines in your chart from anywhere between 1 and above

Size of points: set how the points in your chart will appear

  • type in a higher number to display larger points
  • type in a lower number to display smaller points
    • Note that a value of "1" is the minimum

Legend position: controls where you want the legend to appear in respect to the chart.

  •  choose an option from the drop-down menu:"bottom:" the legend displays below the chart
  • "in:" the legend displays inside of the chart
  • "none:" the legend disappears and is no longer a part of the chart
  • "right:" the legend displays to the right of the chart
  • "top:" the legend displays above the chart

...

Legend text setting(s)

Customize : customize how the legend will appear

  • Click on the textbox to display the "Set legendTextStyle" pop-up window
  • "Font:" type a font style into the field
  • "Size:" type a font size into the field
  • "Color:" click the color square, prompting a color wheel to appear
    • choose a color scheme for the legend
  • Click OK

Horizontal axis setting(s)

Series setting(s)

Title text setting(s)

Font

Type in a font style. 

Size

Type in a number. 

Color

  1. Click the colored square
    • The Color Picker tool will open 
  2. Choose a color

...

Line width

Controls the width of data lines. 

  • Set the width of the lines in your chart from anywhere between 1 and above

...

Opacity of area chart

Controls the opacity of the area below the chart lines

  • Enter a value between 0 and 1, where 0 is transparent and 1 is opaque

...

Series setting(s)

Lets you overlay several chart styles on top of each other, with each column of data being depicted by its own style. 

 

...

Size of points

Determines how the points in your chart will appear. 

  • Type in a higher number to display larger points
  • Type in a lower number to display smaller points
    • 1 is the minimum

...

Stacked chart?

Controls how you want the data to appear in the chart. 

  • "True" shows the data as stacked on top of each other
  • "False" shows the data as individual sets of data

...

Tooltip setting(s)

Styles how the text in the tooltip will appear. 

Font

Type in a font name

  • Use web-safe fonts: these fonts are installed on most browsers

Font size

Type in a number as small as 1px

Color

...

  1. Click the colored square
    • The Color Picker tool will open 
  2. Choose a color


...

Vertical axis setting(s)

Background setting(s)

Chart area setting(s)

Chart colors

Formats the y-axis. 

 

 Enable user draw?