Area Plot

Authors

[Editor] Hu Zheng;

[Contributors]

The area chart displays graphically quantitative data. It is based on the line chart. The area between axis and line are commonly emphasized with colors, textures and hatchings.

Setup

  • System Requirements: Cross-platform (Linux/MacOS/Windows)

  • Programming language: R

  • Dependent packages: data.table; jsonlite; ggplot2; ggthemes

# Install packages
if (!requireNamespace("data.table", quietly = TRUE)) {
  install.packages("data.table")
}
if (!requireNamespace("jsonlite", quietly = TRUE)) {
  install.packages("jsonlite")
}
if (!requireNamespace("ggplot2", quietly = TRUE)) {
  install.packages("ggplot2")
}
if (!requireNamespace("ggthemes", quietly = TRUE)) {
  install.packages("ggthemes")
}

# Load packages
library(data.table)
library(jsonlite)
library(ggplot2)
library(ggthemes)

Data Preparation

The loaded data are xaxis.value and yaxis.value.

# Load data
data <- data.table::fread(jsonlite::read_json("https://hiplot.cn/ui/basic/area/data.json")$exampleData$textarea[[1]])
data <- as.data.frame(data)

# View data
head(data)
   group xaxis.value yaxis.value
1 Group1        1900          26
2 Group1        1901          27
3 Group1        1902          10
4 Group1        1903          16
5 Group1        1904          19
6 Group1        1905          18

Visualization

# Area Plot
p <- ggplot(data, aes(x = xaxis.value, y = yaxis.value, fill = group)) +
  geom_area(alpha = 1) +
  ylab("yaxis.value") +
  xlab("xaxis.value") +
  ggtitle("Area Plot") +
  scale_fill_manual(values = c("#e04d39","#5bbad6","#1e9f86")) +
  theme_stata() +
  theme(text = element_text(family = "Arial"),
        plot.title = element_text(size = 12,hjust = 0.5),
        axis.title = element_text(size = 12),
        axis.text = element_text(size = 10),
        axis.text.x = element_text(angle = 0, hjust = 0.5,vjust = 1),
        legend.position = "right",
        legend.direction = "vertical",
        legend.title = element_text(size = 10),
        legend.text = element_text(size = 10))

p
FigureΒ 1: Area Plot

Different colors represent different groups of area charts.