Permalink
Browse files

shinydashboardを使用してデザイン変更

  • Loading branch information...
ksmzn committed Feb 25, 2015
1 parent 165aeb6 commit bb8f9b5e6ac0fe8fea446a111aee370dca3f9932
Showing with 1,902 additions and 760 deletions.
  1. +13 −0 ShinyDistributionsApp.Rproj
  2. +38 −15 about.md
  3. +0 −21 css/style.css
  4. +1 −1 distributions.R
  5. +0 −1 global.R
  6. +0 −7 js/execute-share.js
  7. +0 −3 js/share.min.js
  8. +0 −14 js/top-nav-links.js
  9. +12 −35 nvd3chart.R
  10. +757 −35 server.R
  11. +1,081 −628 ui.R
  12. 0 www/{ → js}/d3/d3.v3.min.js
  13. 0 { → www}/js/google-analytics.js
  14. 0 www/{ → js}/linechart-binding.js
  15. 0 www/{ → js}/nvd3/.gitignore
  16. 0 www/{ → js}/nvd3/.jshintrc
  17. 0 www/{ → js}/nvd3/GruntFile.js
  18. 0 www/{ → js}/nvd3/LICENSE.md
  19. 0 www/{ → js}/nvd3/Makefile
  20. 0 www/{ → js}/nvd3/README.md
  21. 0 www/{ → js}/nvd3/bower.json
  22. 0 www/{ → js}/nvd3/build.bat
  23. 0 www/{ → js}/nvd3/deprecated/bar.html
  24. 0 www/{ → js}/nvd3/deprecated/bar.js
  25. 0 www/{ → js}/nvd3/deprecated/charts/cumulativeLineChart.js
  26. 0 www/{ → js}/nvd3/deprecated/charts/discreteBarChart.js
  27. 0 www/{ → js}/nvd3/deprecated/charts/lineChart.js
  28. 0 www/{ → js}/nvd3/deprecated/charts/lineChartDaily.js
  29. 0 www/{ → js}/nvd3/deprecated/charts/stackedAreaChart.js
  30. 0 www/{ → js}/nvd3/deprecated/cumulativeLine.html
  31. 0 www/{ → js}/nvd3/deprecated/cumulativeLine.js
  32. 0 www/{ → js}/nvd3/deprecated/discreteBarChartWithEnabledTooltip.html
  33. 0 www/{ → js}/nvd3/deprecated/discreteBarChartWithEnabledTooltip.js
  34. 0 www/{ → js}/nvd3/deprecated/discreteBarWithAxes.html
  35. 0 www/{ → js}/nvd3/deprecated/discreteBarWithAxes.js
  36. 0 www/{ → js}/nvd3/deprecated/lineChart-old.html
  37. 0 www/{ → js}/nvd3/deprecated/lineChartDaily.html
  38. 0 www/{ → js}/nvd3/deprecated/linePlusBar.html
  39. 0 www/{ → js}/nvd3/deprecated/linePlusBar.js
  40. 0 www/{ → js}/nvd3/deprecated/lineWithFocus.html
  41. 0 www/{ → js}/nvd3/deprecated/lineWithFocus.js
  42. 0 www/{ → js}/nvd3/deprecated/lineWithFourAxes.html
  43. 0 www/{ → js}/nvd3/deprecated/lineWithFourAxes.js
  44. 0 www/{ → js}/nvd3/deprecated/lineWithLegend.html
  45. 0 www/{ → js}/nvd3/deprecated/lineWithLegend.js
  46. 0 www/{ → js}/nvd3/deprecated/monthendAxis.html
  47. 0 www/{ → js}/nvd3/deprecated/multiBarHorizontalWithLegend.html
  48. 0 www/{ → js}/nvd3/deprecated/multiBarHorizontalWithLegend.js
  49. 0 www/{ → js}/nvd3/deprecated/multiBarWithLegend.html
  50. 0 www/{ → js}/nvd3/deprecated/multiBarWithLegend.js
  51. 0 www/{ → js}/nvd3/deprecated/pie.js
  52. 0 www/{ → js}/nvd3/deprecated/scatterChart.html
  53. 0 www/{ → js}/nvd3/deprecated/scatterChart.js
  54. 0 www/{ → js}/nvd3/deprecated/scatterFisheyeChart.js
  55. 0 www/{ → js}/nvd3/deprecated/scatterWithLegend.html
  56. 0 www/{ → js}/nvd3/deprecated/scatterWithLegend.js
  57. 0 www/{ → js}/nvd3/deprecated/stackedArea.js
  58. 0 www/{ → js}/nvd3/deprecated/stackedAreaChart.html
  59. 0 www/{ → js}/nvd3/deprecated/stackedAreaChart_old.html
  60. 0 www/{ → js}/nvd3/deprecated/stackedAreaWithLegend.html
  61. 0 www/{ → js}/nvd3/deprecated/stackedAreaWithLegend.js
  62. 0 www/{ → js}/nvd3/examples/bullet.html
  63. 0 www/{ → js}/nvd3/examples/bulletChart.html
  64. 0 www/{ → js}/nvd3/examples/crossfilter.html
  65. 0 www/{ → js}/nvd3/examples/crossfilterWithDimentions.html
  66. 0 www/{ → js}/nvd3/examples/crossfilterWithTables.html
  67. 0 www/{ → js}/nvd3/examples/cumulativeLineChart.html
  68. 0 www/{ → js}/nvd3/examples/discreteBarChart.html
  69. 0 www/{ → js}/nvd3/examples/historicalBar.html
  70. 0 www/{ → js}/nvd3/examples/historicalBarChart.html
  71. 0 www/{ → js}/nvd3/examples/horizon.html
  72. BIN www/{ → js}/nvd3/examples/images/grey-minus.png
  73. BIN www/{ → js}/nvd3/examples/images/grey-plus.png
  74. BIN www/{ → js}/nvd3/examples/images/nvd3_sampleLineChart1.png
  75. 0 www/{ → js}/nvd3/examples/indentedtree.html
  76. 0 www/{ → js}/nvd3/examples/index.html
  77. 0 www/{ → js}/nvd3/examples/legend.html
  78. 0 www/{ → js}/nvd3/examples/line.html
  79. 0 www/{ → js}/nvd3/examples/lineChart.html
  80. 0 www/{ → js}/nvd3/examples/lineChartSVGResize.html
  81. 0 www/{ → js}/nvd3/examples/linePlusBarChart.html
  82. 0 www/{ → js}/nvd3/examples/linePlusBarWithFocusChart.html
  83. 0 www/{ → js}/nvd3/examples/lineWithFisheyeChart.html
  84. 0 www/{ → js}/nvd3/examples/lineWithFocusChart.html
  85. 0 www/{ → js}/nvd3/examples/multiBar.html
  86. 0 www/{ → js}/nvd3/examples/multiBarChart.html
  87. 0 www/{ → js}/nvd3/examples/multiBarHorizontalChart.html
  88. 0 www/{ → js}/nvd3/examples/multiChart.html
  89. 0 www/{ → js}/nvd3/examples/nations.json
  90. 0 www/{ → js}/nvd3/examples/parallelCoordinates.html
  91. 0 www/{ → js}/nvd3/examples/pie.html
  92. 0 www/{ → js}/nvd3/examples/pieChart.html
  93. 0 www/{ → js}/nvd3/examples/scatter.html
  94. 0 www/{ → js}/nvd3/examples/scatterChart.html
  95. 0 www/{ → js}/nvd3/examples/scatterPlusLineChart.html
  96. 0 www/{ → js}/nvd3/examples/sparkline.html
  97. 0 www/{ → js}/nvd3/examples/sparklinePlus.html
  98. 0 www/{ → js}/nvd3/examples/stackedArea.html
  99. 0 www/{ → js}/nvd3/examples/stackedAreaChart.html
  100. 0 www/{ → js}/nvd3/examples/stream_layers.js
  101. 0 www/{ → js}/nvd3/lib/cie.js
  102. 0 www/{ → js}/nvd3/lib/colorbrewer.js
  103. 0 www/{ → js}/nvd3/lib/crossfilter.js
  104. 0 www/{ → js}/nvd3/lib/crossfilter.min.js
  105. 0 www/{ → js}/nvd3/lib/d3.v2.js
  106. 0 www/{ → js}/nvd3/lib/d3.v2.min.js
  107. 0 www/{ → js}/nvd3/lib/d3.v3.js
  108. 0 www/{ → js}/nvd3/lib/fisheye.js
  109. 0 www/{ → js}/nvd3/lib/hive.js
  110. 0 www/{ → js}/nvd3/lib/horizon.js
  111. 0 www/{ → js}/nvd3/lib/sankey.js
  112. 0 www/{ → js}/nvd3/nv.d3.css
  113. 0 www/{ → js}/nvd3/nv.d3.js
  114. 0 www/{ → js}/nvd3/nv.d3.min.css
  115. 0 www/{ → js}/nvd3/nv.d3.min.js
  116. 0 www/{ → js}/nvd3/package.json
  117. 0 www/{ → js}/nvd3/src/core.js
  118. 0 www/{ → js}/nvd3/src/interactiveLayer.js
  119. 0 www/{ → js}/nvd3/src/intro.js
  120. 0 www/{ → js}/nvd3/src/models/axis.js
  121. 0 www/{ → js}/nvd3/src/models/backup/bullet.js
  122. 0 www/{ → js}/nvd3/src/models/backup/bulletChart.js
  123. 0 www/{ → js}/nvd3/src/models/boilerplate.js
  124. 0 www/{ → js}/nvd3/src/models/bullet.js
  125. 0 www/{ → js}/nvd3/src/models/bulletChart.js
  126. 0 www/{ → js}/nvd3/src/models/cumulativeLineChart.js
  127. 0 www/{ → js}/nvd3/src/models/discreteBar.js
  128. 0 www/{ → js}/nvd3/src/models/discreteBarChart.js
  129. 0 www/{ → js}/nvd3/src/models/distribution.js
  130. 0 www/{ → js}/nvd3/src/models/historicalBar.js
  131. 0 www/{ → js}/nvd3/src/models/historicalBarChart.js
  132. 0 www/{ → js}/nvd3/src/models/indentedTree.js
  133. 0 www/{ → js}/nvd3/src/models/legend.js
  134. 0 www/{ → js}/nvd3/src/models/line.js
  135. 0 www/{ → js}/nvd3/src/models/lineChart.js
  136. 0 www/{ → js}/nvd3/src/models/linePlusBarChart.js
  137. 0 www/{ → js}/nvd3/src/models/linePlusBarWithFocusChart.js
  138. 0 www/{ → js}/nvd3/src/models/lineWithFisheye.js
  139. 0 www/{ → js}/nvd3/src/models/lineWithFisheyeChart.js
  140. 0 www/{ → js}/nvd3/src/models/lineWithFocusChart.js
  141. 0 www/{ → js}/nvd3/src/models/multiBar.js
  142. 0 www/{ → js}/nvd3/src/models/multiBarChart.js
  143. 0 www/{ → js}/nvd3/src/models/multiBarHorizontal.js
  144. 0 www/{ → js}/nvd3/src/models/multiBarHorizontalChart.js
  145. 0 www/{ → js}/nvd3/src/models/multiBarTimeSeries.js
  146. 0 www/{ → js}/nvd3/src/models/multiBarTimeSeriesChart.js
  147. 0 www/{ → js}/nvd3/src/models/multiChart.js
  148. 0 www/{ → js}/nvd3/src/models/ohlcBar.js
  149. 0 www/{ → js}/nvd3/src/models/parallelCoordinates.js
  150. 0 www/{ → js}/nvd3/src/models/pie.js
  151. 0 www/{ → js}/nvd3/src/models/pieChart.js
  152. 0 www/{ → js}/nvd3/src/models/scatter.js
  153. 0 www/{ → js}/nvd3/src/models/scatterChart.js
  154. 0 www/{ → js}/nvd3/src/models/scatterPlusLineChart.js
  155. 0 www/{ → js}/nvd3/src/models/sparkline.js
  156. 0 www/{ → js}/nvd3/src/models/sparklinePlus.js
  157. 0 www/{ → js}/nvd3/src/models/stackedArea.js
  158. 0 www/{ → js}/nvd3/src/models/stackedAreaChart.js
  159. 0 www/{ → js}/nvd3/src/nv.d3.css
  160. 0 www/{ → js}/nvd3/src/outro.js
  161. 0 www/{ → js}/nvd3/src/tooltip.js
  162. 0 www/{ → js}/nvd3/src/utils.js
  163. 0 www/{ → js}/nvd3/test/ScatterChartTest.html
  164. 0 www/{ → js}/nvd3/test/interactiveBisectTest.html
  165. 0 www/{ → js}/nvd3/test/lineChartTest.html
  166. 0 www/{ → js}/nvd3/test/multiBarChartTest.html
  167. 0 www/{ → js}/nvd3/test/pieChartTest.html
  168. 0 www/{ → js}/nvd3/test/polylinearTest.html
  169. 0 www/{ → js}/nvd3/test/realTimeChartTest.html
  170. 0 www/{ → js}/nvd3/test/stackedAreaChartTest.html
  171. 0 www/{ → js}/nvd3/test/testScript.js
  172. 0 www/{ → js}/nvd3/test/teststyle.css
  173. 0 www/{ → js}/scatterchart-binding.js
@@ -0,0 +1,13 @@
Version: 1.0
RestoreWorkspace: Default
SaveWorkspace: Default
AlwaysSaveHistory: Default
EnableCodeIndexing: Yes
UseSpacesForTab: Yes
NumSpacesForTab: 2
Encoding: UTF-8
RnwWeave: Sweave
LaTeX: pdfLaTeX
View
@@ -2,31 +2,54 @@
いろいろな確率分布のカタチを見ることができるWebアプリです。
パラメータをいじくって、確率分布のカタチがどのように変わるのか観察しましょう。
**上部メニュー** からお好きな確率分布を選んでください。
**左メニュー** からお好きな確率分布を選んでください。
このアプリはR言語のWebアプリフレームワークである<a href="http://shiny.rstudio.com/">Shiny</a>
で、<a href="https://twitter.com/ksmzn">@ksmzn</a>が作りました。
このアプリはR言語のWebアプリフレームワークである<a href="http://shiny.rstudio.com/" target="_blank">Shiny</a>
で、<a href="https://twitter.com/ksmzn" target="_blank">@ksmzn</a>が作りました。
ご指摘や、追加すべき確率分布などがありましたらTwitterで教えてくださると助かります。
また、全てのコードは<a href='https://github.com/ksmzn/ShinyDistributionsApp'>GitHub</a>にもおいてありますので、拙いコードでよろしければ参考にしてください。
また、全てのコードは<a href='https://github.com/ksmzn/ShinyDistributionsApp' target="_blank">GitHub</a>にもおいてありますので、拙いコードでよろしければ参考にしてください。
~~時間があれば、グラフをggplot2ではなく、D3.jsなどを使ったインタラクティブなものにしたいですね。~~
**【2015年1月14日 追記】**
NVD3.jsを使ったグラフに変更しました!
また、分布名の隣に、日本版Wikipediaへのリンクを追加しました。
### 参考文献
**【2015年1月27日 追記】**
なんと、
このアプリを
<a href="https://twitter.com/kaz_yos" target="_blank">@kaz_yos</a>
さんが英語に翻訳して下さいました!!
<p><a href="https://kaz-yos.shinyapps.io/ShinyDistributionsApp/" target="_blank"><img class="alignleft" align="left" border="0" src="http://capture.heartrails.com/150x130/shadow?https://kaz-yos.shinyapps.io/ShinyDistributionsApp/" alt="" width="150" height="130" /></a><a style="color:#0070C5;" href="https://kaz-yos.shinyapps.io/ShinyDistributionsApp/" target="_blank">Shiny web app for live demonstration of probability distributions</a><a href="http://b.hatena.ne.jp/entry/https://kaz-yos.shinyapps.io/ShinyDistributionsApp/" target="_blank"><img border="0" src="http://b.hatena.ne.jp/entry/image/https://kaz-yos.shinyapps.io/ShinyDistributionsApp/" alt="" /></a><br style="clear:both;" /><br></p>
<a href="https://twitter.com/kaz_yos" target="_blank">@kaz_yos</a>
さん、ありがとうございました。
**【2015年2月25日 追記】**
<a href='http://rstudio.github.io/shinydashboard/index.html' target="_blank">shinydashboard</a>
を使って
デザインやUIを一新しました。
shinydashboard は綺麗なデザインが簡単にできて素晴らしいですね。
また、期待値や分散を追加しました。
より便利になったと思います。
## 参考文献
このアプリを作る際に参考にしたページは以下です。
特に、まだまだShinyの日本語情報が少ないなか、
<a href="https://twitter.com/hoxo_m">@hoxo_m</a>さんの記事やコードはとても参考になりました。
<a href="https://twitter.com/hoxo_m">@hoxo_m</a>さん、ありがとうございました。
<a href="https://twitter.com/hoxo_m" target="_blank">@hoxo_m</a>さんの記事やコードはとても参考になりました。
<a href="https://twitter.com/hoxo_m" target="_blank">@hoxo_m</a>さん、ありがとうございました。
+ [ボケて(bokete)のネタを全自動で流し見できるサイト作った - ほくそ笑む](http://d.hatena.ne.jp/hoxo_m/20140731/p1)
+ [RStudio Shiny チュートリアル レッスン1 ようこそ Shiny へ - Qiita](http://qiita.com/hoxo_m/items/c8365117f3444fb51df4)
+ [Community-Detection](http://glimmer.rstudio.com/andeek/gravicom/)
+ [Simple Line Chart - NVD3.js](http://nvd3.org/examples/line.html)
+ [Shiny公式チュートリアル](http://shiny.rstudio.com/tutorial/)
+ <a href="http://d.hatena.ne.jp/hoxo_m/20140731/p1" target="_blank">ボケて(bokete)のネタを全自動で流し見できるサイト作った - ほくそ笑む</a>
+ <a href="http://qiita.com/hoxo_m/items/c8365117f3444fb51df4" target="_blank">RStudio Shiny チュートリアル レッスン1 ようこそ Shiny へ - Qiita</a>
+ <a href="http://glimmer.rstudio.com/andeek/gravicom/" target="_blank">Community-Detection</a>
+ <a href="http://nvd3.org/examples/line.html" target="_blank">Simple Line Chart - NVD3.js</a>
+ <a href="http://shiny.rstudio.com/tutorial/" target="_blank">Shiny公式チュートリアル</a>
+ <a href="http://rstudio.github.io/shinydashboard/index.html" target="_blank">shinydashboard</a>
### 拙ブログ
## 拙ブログ
+ [Shinyで確率分布を動かして遊べるページ作った](http://ksmzn.hatenablog.com/entry/statdist-shiny)
+ <a href="http://ksmzn.hatenablog.com/entry/statdist-shiny" target="_blank">Shinyで確率分布を動かして遊べるページ作った</a>
+ <a href="http://ksmzn.hatenablog.com/entry/shiny-nvd3-js-nuru" target="_blank">Shinyで作った確率分布を動かせるページを, NVD3.jsでヌルヌルでインタラクティブなグラフにしました。そしてShinyでD3.jsを使う方法3つ。</a>
View

This file was deleted.

Oops, something went wrong.
View
@@ -87,7 +87,7 @@ norm.func <- function(mean, sd, p_or_c){
}
# 対数正規分布
lnorm.func <- function(meanlog, sdlog, p_or_c){
lnormal.func <- function(meanlog, sdlog, p_or_c){
if(p_or_c == "p"){
func <- function(x) dlnorm(x, meanlog, sdlog)
} else {
View
@@ -1,5 +1,4 @@
# Any code in this file is guaranteed to be called before either
# ui.R or server.R
source("distributions.R")
source("nvd3chart.R")
View

This file was deleted.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit bb8f9b5

Please sign in to comment.