提问人:jebyrnes 提问时间:10/1/2012 最后编辑:M--jebyrnes 更新时间:10/4/2019 访问量:91955
我们如何制作 xkcd 风格的图表?
How can we make xkcd style graphs?
问:
显然,人们已经想出了如何在 Mathematica 和 LaTeX 中制作 xkcd 风格的图形。我们可以在 R 中做到这一点吗?Ggplot2-ers?geom_xkcd和/或theme_xkcd?
我猜在基础图形中,par(xkcd=TRUE)?我该怎么做?
作为 ggplot2 中的第一个刺(下面更优雅地显示),将抖动参数添加到一条线条中可以获得出色的手绘外观。所以-
ggplot(mapping=aes(x=seq(1,10,.1), y=seq(1,10,.1))) +
geom_line(position="jitter", color="red", size=2) + theme_bw()
这是一个很好的例子 - 但轴和字体看起来更棘手。不过,字体似乎已解决(如下)。处理斧头的唯一方法是将它们空白并用手拉进去吗?有没有更优雅的解决方案?特别是,在 ggplot2 中,是否可以修改新主题系统中的element_line,以采取类似抖动的参数?
答:
这是一个非常非常粗糙的开始,只涵盖了(部分)线条的手绘外观和感觉。自动化这需要一些工作,但是在响应函数中添加一些 AR(1) 噪声可能会使它看起来有点手绘
set.seed(551)
x <- seq(0, 1, length.out = 1000)
y <- sin(x)
imperfect <- arima.sim(n = length(y), model = list(ar = c(.9999)))
imperfect <- scale(imperfect)
z <- y + imperfect*.005
plot(x, z, type = "l", col = "blue", lwd = 2)
以下是我对使用上面的一些代码的看法:ggplot2
ggplot()+geom_line(aes(x=seq(0,1,length.out=1000),y=sin(x)),position=position_jitter(width=0.02),lwd=1.5,col="white")+
geom_line(aes(x=seq(0,1,length.out=1000),y=sin(x)),position=position_jitter(width=0.004),lwd=1.4,col="red")+
geom_line(aes(x=seq(0,1,length.out=1000),y=cos(x)),position=position_jitter(width=0.02),lwd=1.5,col="white")+
geom_line(aes(x=seq(0,1,length.out=1000),y=cos(x)),position=position_jitter(width=0.004),lwd=1.4,col="blue")+
theme_bw()+theme(panel.grid.major=element_blank(),panel.grid.minor=element_blank())
不确定如何替换轴,但可以使用与 相同的方法。然后就是从 XKCD 导入字体并使用 .jitter
geom_text
以下是根据 xkcd 论坛和软件包中的链接对字体的尝试:extrafont
如上所述,xkcd 网站上有一个关于字体的论坛讨论: 我抓住了我能找到的第一个,可能还有其他(更好?)选项(@jebyrnes在上面的评论中发布了另一个可能的字体来源——TTF 文件在这里; 有人报告了该来源的 404 错误,您也可以尝试 这里 或 这里, 将这些 URL 适当地替换为以下内容;您可能需要更加努力地检索 Github 发布的链接)xkcdFontURL
xkcdFontURL <- "http://simonsoftware.se/other/xkcd.ttf"
download.file(xkcdFontURL,dest="xkcd.ttf",mode="wb")
(这是为了快速,一次性使用:对于常规使用,您应该将其放在一些标准的系统字体目录中。
library(extrafont)
关于字体最有用的信息是在 extrafont github 网站上——这是从那里获取的
font_import(".") ## because we downloaded to working directory
loadfonts()
示例或多或少逐字摘自 github 站点:
library(ggplot2)
p <- ggplot(mtcars, aes(x=wt, y=mpg)) + geom_point() +
ggtitle("Fuel Efficiency of 32 Cars") +
xlab("Weight (x1000 lb)") + ylab("Miles per Gallon") +
theme(text=element_text(size=16, family="xkcd"))
ggsave("xkcd_ggplot.pdf", plot=p, width=4, height=4)
## needed for Windows:
## Sys.setenv(R_GSCMD = "C:/Program Files/gs/gs9.05/bin/gswin32c.exe")
embed_fonts("xkcd_ggplot.pdf")
基本画线功能:
xkcd_line <- function(x, y, color) {
len <- length(x);
rg <- par("usr");
yjitter <- (rg[4] - rg[3]) / 1000;
xjitter <- (rg[2] - rg[1]) / 1000;
x_mod <- x + rnorm(len) * xjitter;
y_mod <- y + rnorm(len) * yjitter;
lines(x_mod, y_mod, col='white', lwd=10);
lines(x_mod, y_mod, col=color, lwd=5);
}
基本轴:
xkcd_axis <- function() {
rg <- par("usr");
yaxis <- 1:100 / 100 * (rg[4] - rg[3]) + rg[3];
xaxis <- 1:100 / 100 * (rg[2] - rg[1]) + rg[1];
xkcd_line(1:100 * 0 + rg[1] + (rg[2]-rg[1])/100, yaxis,'black')
xkcd_line(xaxis, 1:100 * 0 + rg[3] + (rg[4]-rg[3])/100, 'black')
}
示例代码:
data <- data.frame(x=1:100)
data$one <- exp(-((data$x - 50)/10)^2)
data$two <- sin(data$x/10)
plot.new()
plot.window(
c(min(data$x),max(data$x)),
c(min(c(data$one,data$two)),max(c(data$one,data$two))))
xkcd_axis()
xkcd_line(data$x, data$one, 'red')
xkcd_line(data$x, data$two, 'blue')
生产:
与其他一些答案一样,我“取消绘制”了图表,并添加了 x 轴标签位置的灵活性(这在 xkcd 中似乎很常见)和图表上的任意标签。
请注意,我在加载 Humor Sans 字体时遇到了一些问题,并手动将其下载到工作目录。
还有代码......
library(ggplot2)
library(extrafont)
### Already have read in fonts (see previous answer on how to do this)
loadfonts()
### Set up the trial dataset
data <- NULL
data$x <- seq(1, 10, 0.1)
data$y1 <- sin(data$x)
data$y2 <- cos(data$x)
data$xaxis <- -1.5
data <- as.data.frame(data)
### XKCD theme
theme_xkcd <- theme(
panel.background = element_rect(fill="white"),
axis.ticks = element_line(colour=NA),
panel.grid = element_line(colour="white"),
axis.text.y = element_text(colour=NA),
axis.text.x = element_text(colour="black"),
text = element_text(size=16, family="Humor Sans")
)
### Plot the chart
p <- ggplot(data=data, aes(x=x, y=y1))+
geom_line(aes(y=y2), position="jitter")+
geom_line(colour="white", size=3, position="jitter")+
geom_line(colour="red", size=1, position="jitter")+
geom_text(family="Humor Sans", x=6, y=-1.2, label="A SIN AND COS CURVE")+
geom_line(aes(y=xaxis), position = position_jitter(h = 0.005), colour="black")+
scale_x_continuous(breaks=c(2, 5, 6, 9),
labels = c("YARD", "STEPS", "DOOR", "INSIDE"))+labs(x="", y="")+
theme_xkcd
ggsave("xkcd_ggplot.jpg", plot=p, width=8, height=5)
您可能需要考虑以下包:
软件包 xkcd:以 XKCD 样式绘制 ggplot2 图形。
library(xkcd)
vignette("xkcd-intro")
一些示例(散点图、条形图):
- 散点图:
- 条形图:
我只使用 RStudio 设计了一个以 xkcd 为主题的分析日历。下面是一个条形图 xkcd 样式的示例
- 使用的字体 = HumorSans.ttf [上面给出的链接]
- 使用的软件包 [xkcd]
生成此图
这是使用的代码
#using packages xkcd, ggplot
library(xkcd)
library(ggplot2)
font_import(pattern="[H/h]umor")
loadfonts()
### Set up the trial dataset
d1 <- data.frame('type'=c('DROWNING','RADIATION','TOILET',"ELECTRICAL",'NOISE','PANTRY','YOUR FALLING ON OBJECTS','OBJECTS FALLING ON YOU','BOSS','FIRE','TRAVEL TO WORK'),'score'=c(2,2,3,6,6,6,11,14,21,26,30))
# we will keep adding layers on plot p. first the bar plot
p <- NULL
p <- ggplot() + xkcdrect(aes(xmin = type-0.1,xmax= type+0.1,ymin=0,ymax =score),
d1,fill= "#D55E00", colour= "#D55E00") +
geom_text(data=d1,aes(x=type,y=score+2.5,label=score,ymax=0),family="Humor Sans") + coord_flip()
#hand drawn axes
d1long <- NULL
d1long <- rbind(c(0,-2),d1,c(12,32))
d1long$xaxis <- -1
d1long$yaxis <- 11.75
# drawing jagged axes
p <- p + geom_line(data=d1long,aes(x=type,y=jitter(xaxis)),size=1)
p <- p + geom_line(data=d1long,aes(x=yaxis,y=score), size=1)
# draw axis ticks and labels
p <- p + scale_x_continuous(breaks=seq(1,11,by=1),labels = data$Type) +
scale_y_continuous(breaks=NULL)
#writing stuff on the graph
t1 <- "GOOGLE RESULTS"
p <- p + annotate('text',family="Humor Sans", x=12.5, y=12, label=t1, size=6)
# XKCD theme
p <- p + theme(panel.background = element_rect(fill="white"),
panel.grid = element_line(colour="white"),axis.text.x = element_blank(),
axis.text.y = element_text(colour="black"),text = element_text(size=18, family="Humor Sans") ,panel.grid.major = element_blank(),panel.grid.minor = element_blank(),panel.border = element_blank(),axis.title.y = element_blank(),axis.title.x = element_blank(),axis.ticks = element_blank())
print(p)
评论