jalapic

#Geom Tiling



df <- data.frame(Var1=rep(LETTERS[1:20],20),
                 Var2=rep(LETTERS[1:20],each=20),
                 Value=sample(1:100, replace=T, 400)
)

jalapic

### Example Viridis Plot

library(ggplot2)
library(viridis)
library(season)
library(gridExtra)

pa<-ggplot(schz, aes(year, month, fill = SczBroad)) + 
  geom_tile(colour="gray20", size=1.5, stat="identity") + 
  scale_fill_viridis(option="A") +

jalapic

# Making an NHL Small Multiple

# this is only minimally annotated - sorry

# Libraries we'll use
library(dplyr)
library(magrittr) 
library(XML)
library(ggthemes)
library(ggplot2)

jalapic

NHL slope graph

A slope graph showing how total points and shots per game changed from 2013/14 to 2014/15

jalapic

Transitioning Slope Chart

This slope chart transitions between two y-axes

• has options for hovering to pick out line/circle combinations

jalapic

Slope Chart

• this slope chart will transition from one set of data to another on click of the update button.

To do:

• enable going back to original data on re-click
• color gradient based on difference between y1,y2

jalapic

Slope Chart

• a very simple slope chart

jalapic

Laying out pages

Example tweaked from original example by Scott Murray.

• use div, class & id to layout page with HTML

• use d3.select, .node().clientWidth to ensure svg width is consistent with css

• use d3.select to append svg to correct chartContainer (id), ids have to be unique

jalapic

Linked bar charts with sorting functions

Copied and tweaked from Scott Murray's examples. This gives introduction to:

• linking together two graphs built from same dataset
• adding 3 different sorting buttons based on ascending/descending of different variables

jalapic

Bars, sort buttons

A sort button example taken from Scott Murray's excellent tutorials and tweaked a little.

• divs for buttons
• sort data dynamically by changing order of 's based on data values