xkcd 스타일 그래프를 어떻게 만들 수 있습니까?


697

분명히 사람들은 MathematicaLaTeX 에서 xkcd 스타일 그래프 를 만드는 방법을 알아 냈습니다 . 우리는 R로 할 수 있습니까? Ggplot2-ers? geom_xkcd 및 / 또는 theme_xkcd?

기본 그래픽에서 par (xkcd = TRUE)? 어떻게합니까?

xkcd # 1064

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을 수정하여 지터와 같은 인수를 취할 수 있습니까?


8
xkcd 그래프의 필수 요소는 무엇이라고 생각하십니까? 주석? 임의의 커브, 축 및 스케일? 손으로 그린 ​​룩앤필?
smcg

8
축, 텍스트, 선 등 모든 그래프 요소 중 손으로 그린 ​​모양과 느낌에 중점을 둘 것입니다.
joran

61
강제 마우스 오버를 잊지 마십시오!
Jørgen R

4
의 또한, 글꼴 촬영주의 xkcdsucks.blogspot.com/2009/03/...은
jebyrnes

11
내가 R과 xkcd를 좋아하는 것처럼,이 밈을 시작한 사람은 머리를 마셔야합니다. 연필을 사용 하세요!
naught101

답변:


424

다음 패키지를 고려할 수 있습니다.

패키지 xkcd : ggplot2 그래픽을 XKCD 스타일로 플로팅.

library(xkcd)
vignette("xkcd-intro")

몇 가지 예 (Scatterplots, Bar Charts) :

  • 산포도:

산포도

  • 막대 차트:

막대 차트


Windows r-release ReadMe 의 @smillig : "이진 패키지는 소스가 게시 된 후 약 1-3 일 후에 CRAN에서 사용할 수 있습니다."
G

43
출판물에서 패키지를 사용할 때 무엇을 인용해야합니까?
ziggystar

1
+1 훌륭한 패키지에 감사드립니다. 폰트 설치에 문제가 있습니다 ! 인트로 파일에서 한 가지 수정 (sec-2.1, 5 행, .tff-> .ttf) 아직 보류중인 또 하나!
Shambho

1
대단한 일입니다. theme_xkcd ()를 사용하여 매우 쉽게 사용할 수 있습니다. 그것을 향상 시키려면 xkcdaxis ()가 인수없이 호출 될 수 있다고 제안합니다 (정상 축을 그립니다). 즉 ggplot (data = temp.all, aes (x = State.Code, y = Sample.Value, fill = year)) + geom_boxplot () + coord_cartesian (ylim = c (0,40)) + theme_xkcd () + xkcdaxis ()
zipp

이것의 무언가가 깨져있는 것 같습니다. 설치 xkcd작품,하지만하려고 library(xkcd)수율 > library(xkcd) Loading required package: extrafont Registering fonts with R Error in loadNamespace(j <- i[[1L]], c(lib.loc, .libPaths()), versionCheck = vI[[j]]) : there is no package called ‘acepack’ Error: package or namespace load failed for ‘xkcd’및 위해 노력하고 acepack수율> install.packages("ace") Warning in install.packages : package ‘ace’ is not available (for R version 3.2.1)
숀 Mehan

216

다른 답변과 같은 줄을 생각하면서 차트를 "un-ggplotted"하고 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)

이건 끝내줘! 이제 element_line이 테마로 작동하기 위해 지터 인수를 취할 수있는 방법 만 있다면 ... 거래를 밀봉 할 것이라고 생각합니다.
jebyrnes

1
코드에 누락 된 패키지가있을 수 있습니다. "오류 : theme_xkcd에서"theme "함수를 찾을 수 없습니다 <-theme (
Owe Jessen

1
흠, 그러면 오류 메시지에 대한 해결책은 무엇입니까? -최신 버전의 ggplot2트릭을 수행했습니다.
Rico

내가 사용하는 것을 발견 geom_smooth으로 method = "loess", span = 0.6, se = FALSE하고 position = position_jitter(h=0.005)라인이 모두 부드럽고 터링 한, 나에게 시끄러운 데이터에 대한 더 나은 결과를 제공했다.
zeehio

여전히 빠진 것이 있습니까? Fehler grid.Call (C_textBounds, as.graphicsAnnot (x $ label), x $ x, x $ y, : Polygonkante nicht gefunden Ruft auf : ggsave ... <Anonymous>-> widthDetails-> widthDetails.text-> grid .Call Zusätzlich : Warnmeldungen : 1 :에서는 grid.Call은 (C_textBounds는 as.graphicsAnnot (X $으로 라벨), $ X, X $ Y를 X : 모피의 가족 "기분 산세"konnte kein Zeichensatz gefunden werden ... Ausführung angehalten
Coliban

189

기본 선 그리기 기능 :

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')

생산 :

차트 예


137

다음은 xkcd 포럼 및 extrafont패키지의 링크를 기반으로 한 글꼴에 대한 시도입니다 .

위에서 언급했듯이 xkcd 사이트의 글꼴에 대한 포럼 토론이 있습니다 . 처음으로 찾을 수있는 다른 옵션이있을 수 있습니다 (@jebyrnes는 위의 주석에서 가능한 글꼴에 대한 다른 소스를 게시합니다-TTF 파일 이다 여기 , 사람, 당신은 다른 방법으로 시도 할 수 있습니다 해당 소스에 404 오류를보고 여기 또는 여기 에 적절하게 해당 URL을 대체, xkcdFontURL당신이 Github에서-게시 된 링크를 검색하기 위해 조금 더 열심히 일해야 할 수도 있습니다) 아래의

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

여기에 이미지 설명을 입력하십시오


32

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)

14

이것은 매우 거친 시작이며 손으로 그린 ​​선의 모양과 느낌만을 (부분적으로) 덮습니다. 이를 자동화하려면 약간의 작업이 필요하지만 응답 함수에 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)

13

다음은 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())

축을 교체하는 방법을 모르지만와 같은 방법을 사용할 수 있습니다 jitter. 그런 다음 XKCD에서 글꼴을 가져와로 계층화해야 geom_text합니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.