どのようにして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()

これは良い例になりますが、Axesとフォントは複雑になります。ただし、フォントは解決されたように見えます(下記)。軸を空にして手動で描画するための軸を処理する唯一の方法はありますか?よりエレガントな解決策はありますか?特に、ggplot2では、新しいテーマシステムのelement_lineを変更して、ジッターのような引数を取ることができますか?


8
xkcdグラフの必要な要素とは正確に何を考慮しますか?注釈?任意の曲線、軸、スケール?手描きのルックアンドフィール?
smcg 2012年

8
私はすべてのグラフ要素(軸、テキスト、線など)の手描きのルックアンドフィールに焦点を当てます
joran

61
必須のマウスオーバーを忘れないでください!
–JørgenR 2012


11
私がRとxkcdを愛しているのと同じように、このミームを始めた人は頭を落とされるべきです。鉛筆を使って!
naught101 2012年

回答:


424

次のパッケージを検討することをお勧めします。

パッケージxkcd:ggplot2グラフィックスをXKCDスタイルでプロットします。

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

いくつかの例(散布図、棒グラフ):

  • 散布図:

散布図

  • 棒グラフ:

棒グラフ


@ smillig、windows r-release ReadMeから:「バイナリパッケージは、ソースが公開されてから約1〜3日後にCRANで利用可能になります。」
GSee 2013年

43
出版物でパッケージを使用する場合、何を引用する必要がありますか?
ziggystar 2013年

1
+1そして素晴らしいパッケージをありがとう。フォントのインストールに問題があります!イントロファイルの1つの修正(sec-2.1、5行目、.tff-> .ttf)。まだ保留中!
Shambho 2014

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 14

この中に何かが壊れているようです。インストールは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)
Shawn Mehan

216

他のいくつかの回答と同じように考えて、グラフを「解きほぐし」、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、2012年

1
コードに不足しているパッケージがある可能性があります。「エラー:テーマ "x"で関数 "theme"が見つかりませんでした<-theme(
Owe Jessen

1
では、エラーメッセージの解決策を教えてください。-新しいバージョンのggplot2トリックを行いました。
Rico

ラインは滑らかでジッターしているので、ノイズの多いデータでgeom_smoothwith を使用するmethod = "loess", span = 0.6, se = FALSEposition = position_jitter(h=0.005)より良い結果が得られることがわかりました。
zeehio

まだ何か不足していますか?grid.Call(C_textBounds、as.graphicsAnnot(x $ label)、x $ x、x $ y、のFehler:Polygonkante nicht gefunden Ruft auf:ggsave ... <Anonymous>-> widthDetails-> widthDetails.text-> grid .CallZusätzlich:Warnmeldungen:1:In grid.Call(C_textBounds、as.graphicsAnnot(x $ label)、x $ x、x $ y、:FürFamilie "Humor Sans" konnte kein Zeichensatz gefunden werden ...Ausführungangehalten
コリバン2017年

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

(これは、簡単な1回限りの使用のためです。通常の使用では、いくつかの標準システムフォントディレクトリに配置する必要があります。)

   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]

このプロットを生成するには 「Dangers at Work」の棒グラフプロキシ

これが使用されるコードです

#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.