Versions Compared

Key

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

...

Graph and Chart Settings

Background setting(s)

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

Fill and border colors

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

...

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

 

...

Enable user draw?

lets 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 Gets data from a Google Sheet.

...

Font size

set 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 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 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 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 Sets colors for the chords in the graph.

  1. Click the colored square, prompting the ColorPicker tool to appearClick the tabs at the top of the color wheel to choose more than one color
    • The Color Picker tool will open 
  2. Choose a color

...

Link line width 

sets Sets the width of the links.

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

...

Node shape 

formats Formats the shape of the nodes

  • Choose a shape from the drop-down menu

...

Chart Settings

Chart area setting(s)

sets Sets the placement and size of the chart area

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

...

Chart colors

sets Sets the colors for your chart. 

  1. Click the colored square

...

    • The Color Picker tool will open 
  1. Choose a color


...

Data Filter

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

 

...

Font name

sets 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 Formats the x-axis

Baseline

sets Sets a baseline for the x-axis

Baseline color 

Direction 

Axis Label Format 

Log Scale? 

Text Position 

Axis Title

Max Value

Min Value

Slanted Text

...

  • Type in the number along the x-axis where you want to set the baseline, and thus where you want the bars to begin (for example, in you type in "50," the baseline will move to 50; the bars showing numbers lower than 50 will point to the left, while bars 50 and higher will point to the right)

...

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 and the ColorPicker tool will appear, allowing you to choose a color for the baselineDirection:Type in  -1 to reverse the order of the values along the x-axis (for example, change the order from smallest to largest, to largest to smallest)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 in "true" in order to make the horizontal axis a logarithmic scale (all values must be positive)Text Position:Change 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 by typing in  "out", "in"in, " or or "none"

Axis Title

...

...

Enter a title for the x-axis

...

Max Value

Sets the maximum number that displays on the chart. 

  • Type :Filter data by typing in the maximum number you want to be shown on the chart (for example, if you type in "50," bars showing values of 51 and up will not appear)

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 (for example, if you type in "10," bars showing values of 9 and lower will not appear)Slanted Text:Type in "true" to display text labels on the xthe x-axis text at an angle, which helps fit angle – this fits more text along the axis
  • Type ; type in  "false" in order to display the text upright (the default is to slant text if it doesn't all fit when drawn upright)labels upright
  • By default, Visuals slants labels if they wouldn't fit on the axis otherwise.

...

Legend position 

controls Controls where you want the legend to appear in respect to the chart.

  • "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

...

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 Controls the width of the lines depicting your datadata lines. 

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

...

Opacity of area chart

controls Controls the opacity of the area below the chart lines

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

...

Series setting(s)

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

  • Type in instructions in these formats of your choosing:
  • Set a column to be displayed in a different chart style: 
    • Decide what data set to change: type in 0 for the first column, 1 for the second column, etc.
    • Decide what style of chart in which to display the data set: "line," "area," "bars," or "steppedarea"
    • For example, you could type in: 0,type=area, 1,type=bars, 2,type=steppedArea
  • If you want to change the line width or point size of a particular chart style:
    • Decide on the line width: type in "lineWidth=xxx," where xxx is the width (i.e., "4")
    • Decide the point size: type in "pointSize=xxx," where xxx is the size (i.e., "12")
    • Type in the line width or point size settings right after specifying the chart type for a certain data set, for example, you could type into the text box: 0,type=area, lineWidth=4, 1,type=bars, 2,type=steppedArea, pointSize=1
Size of points

 

...

Size of points

Determines 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
    • Note that a value of "1 " is the minimum

...

Stacked chart?

controls 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
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

...

Tool tip Tooltip setting(s)

styles Styles how the text in the tool tip tooltip will appear

Font

Type in a font name

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

...

Type in a number as small as 1px

Color

  1. Click the colored square

...

    • The Color Picker tool will open 
  1. Choose a color

...

Vertical axis setting(s)

formats Formats the y-axis