Scatter Plot

Scatter plots are ideal for visualizing the relationship between two quantitative variables. This example plots horsepower vs. mileage for a data set of cars. A size encoding is used to additionally depict acceleration.

Signal definitions may use the following properties.
Signal Name Type Description
y-field String It sets Y-Axis title of the chart.
x-field String It sets X-Axis title of the chart.
data urljson Specifies the path of data file containing the data in json format for rendering the scatter-plot.
mark-line-opacity Number Enable connected lines across the plots
mark-color-scheme String Color scheme for the chart.
mark-shape String Define shape of marks
mark-label String It define marks text
mark-label-limit Number The maximum allowed length in pixels of axis tick labels.
mark-label-font-size Number Font size of the axis labels can be set by using this signal.
mark-show-trend-line Boolean It draws trend line across the graph.
mark-point-size Number Signal for setting the size of the point
mark-layout Object Signal is used in distributed scatter plot generation by setting it to {"bounds": "full","padding": 20} where padding can be changed as per requirement.

Copy to clipboard
copied

Copy to clipboard
copied

Copy to clipboard
copied

Copy to clipboard
copied

Copy to clipboard
copied

To show the relationship between health spending and life expectancy