Data ▾

Search external data

or load a file

Load or drop your file
(CSV, TSV, JSON or Excel)

Layers ▾

Active data source (series being edited)

Combine data sources

Mode

Add a column with the source name

Chart type ▾

Mark▾

Mark type

y1 (area/bar)

y2 (area/bar)

x1 (interval/bar)

x2 (interval/bar)

series / z (group)

fx (horizontal facet)

fy (vertical facet)

sort marks by (sort)

X axis ▾

Label

No axis label

Domain min

Domain max

ticks

tickFormat

tickRotate

type

interval

lineWidth (label wrap)

Grid Hide X axis Reverse

Y axis ▾

Label

No axis label

Domain min

Domain max

ticks

tickFormat

type

interval

lineWidth (label wrap)

Grid Hide Y axis Reverse

Category filter & colors ▾

Categorical column

Scale colors ▾

Color variable (column)

Scale type

Scheme

Domain min

Domain max

Show color legend (when a column is set) Reverse the color scheme

Mark style ▾

fill (mark color)

stroke (mark color)

strokeWidth

opacity

curve (line/area)

strokeDasharray

r (dot): variable

r (dot): fixed number

inset

insetLeft

insetRight

Reference rules

ruleY at (values)

ruleX at (values)

rule color

thickness

Tooltips (tip) on hover Rule at the y-axis origin

Regression (dots)

Add a linear regression line

regression color

confidence band (ci)

Mark labels ▾

Show labels

Label variable (column)

Show only where (optional) column = value

Combined text (template) — use {column}

Number format

decimal places

Alignment (align)

Label color matches the series

Text appearance

size (px)

stroke width (outline)

fill (text color)

stroke (outline color)

Min distance between labels

Custom labels ▾

Create labels at custom coordinates.

Highlights ▾

Overlay a point/shape on the series or recolor marks by an filter.

Shapes & Arrows ▾

Draw on the chart or fill in the coordinates manually.

Calculation (derived series) ▾

Available for Line and Dots charts.

Moving window

Enable moving window

k (window size)

minimum

maximum

median

mean

Bollinger bands

Enable Bollinger bands

n (periods)

k (deviations)

band color

Normalize

Normalize the series

base (basis)

X point to normalize

Historical markers ▾

Markers for historical events (since 1900).

band color

opacity

Dimensions & Margins ▾

Width

Height

Aspect

Margins

top

bottom

left

right

Frame ▾

Background

Background color

Transparent background

Chart border

Add a border to the chart

Border color

Thickness (px)

Font ▾

Family

Weight

Size (px)

Text color

Title & Text ▾

Title

family

size (px)

weight

color

Subtitle

family

size (px)

weight

color

Legend/note (caption)

family

size (px)

weight

color

Legend ▾

Legend title

number of columns

family

size (px)

weight

Load data and choose a chart type to get started.

// the code appears here

.plot() — free online chart, plot and graph maker: create charts, plots and graphs from your CSV, Excel or JSON data and export them as PNG or Observable Plot code, right in your browser.