Akiyah

body {
    background-color: #DDDDDD;
    font: 30px sans-serif;
}

canvas {
    border: solid thin black;
}

Akiyah

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background: #ddf;
  font: 30px sans-serif;
}

Akiyah

data <- c(
404,468,449,435,421,438,432,453,400,425,486,410,401,
423,458,422,406,458,397,453,452,395,425,
361,466,368,460,363,509,414,439,
437,
385,442,406,402,371,429,402,453,389,413,412,481,
385,406,402,422,414,484
)

data <- data - 189 # タンブラーの重さを除く

Akiyah

body {
  background: #ddf;
}

Akiyah

html {
    height:100%;
}

body {
    background: white;
    width:100%;
    height:100%;
    overflow : hidden;
}

Akiyah

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
    background: #eee;
    font: 30px sans-serif;
    overflow: hidden;

Akiyah

html {
    height:100%;
}

body {
    margin: 0;
    padding: 0;
    background: gray;
    width:100%;
    height:100%;

Akiyah

data <- c(
404,468,449,435,421,438,432,453,400,425,486,410,401,
423,458,422,406,458,397,453,452,395,425,
361,466,368,460,363,509,414,439,
437,
385,442,406,402,371,429,402,453,389,413,412,481,
385,406,402,422,414,484,

441,434,408,392,447,388,362,418,429,437,415,387,401,406,441,393,395,419,407,417,444,395,429,371,413,458,410,420,404,416,391,422,385,398,403,405,392,397,483,533,433,440,391,422,472,378,400,508,401,445,414,446,416,389,400,550,453,394,413,379,426,457,368,426,403,415,418,448,416,464,408,443,371,432,438,404,398,393,389
)

Akiyah

<script src="http://dygraphs.com/1.0.1/dygraph-combined.js"></script>

<div id="graphdiv"></div>
<div id="graphdiv_m"></div>
<div id="graphdiv_y"></div>

Akiyah

png("example_1_1.png", width=600, height=600)
dotchart(c(5,5,2,6,10,7),labels=c("Tennis", "Soccor", "Hockey", "Football", "Basketball", "Baseball"))
dev.off()