Title: | Create D3 Based SVG Graphics |
---|---|
Description: | Create 'D3' based 'SVG' ('Scalable Vector Graphics') graphics using a simple 'R' API. The package aims to simplify the creation of many 'SVG' plot types using a straightforward 'R' API. The package relies on the 'r2d3' 'R' package and the 'D3' 'JavaScript' library. See <https://rstudio.github.io/r2d3/> and <https://d3js.org/> respectively. |
Authors: | Mohamed El Fodil Ihaddaden [aut, cre], June Choe [ctb, cph], Mike Bostock [ctb, cph] (D3.js developer), RStudio [ctb, cph] (developers of the r2d3 package) |
Maintainer: | Mohamed El Fodil Ihaddaden <[email protected]> |
License: | GPL (>= 3) |
Version: | 0.0.1 |
Built: | 2024-10-25 02:44:49 UTC |
Source: | https://github.com/feddelegrand7/ddplot |
Create an animated histogram.
animatedHistogram( x, bins = 30, duration = 2000, delay = 100, fill = "crimson", xFontSize = 10, yFontSize = 10, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, stroke = "crimson", strokeWidth = NULL, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
animatedHistogram( x, bins = 30, duration = 2000, delay = 100, fill = "crimson", xFontSize = 10, yFontSize = 10, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, stroke = "crimson", strokeWidth = NULL, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
x |
A vector of data. |
bins |
The number of bins to consider. Defaults to 30. |
duration |
The duration of the bars' transition in milliseconds. Defaults to 2000. |
delay |
The amount of time (in milliseconds) that precedes before triggering the appearance of each bar. Defaults to 100. |
fill |
The color of the bars. Defaults to 'crimson'. |
xFontSize |
the font size of the x-axis labels. Defaults to 10. |
yFontSize |
the font size of the y-axis labels. Defaults to 10. |
xticks |
Optional. the number of x-axis ticks to consider. |
yticks |
Optional. The number of y-axis ticks to consider. |
xtitle |
Optional. The title of the x-axis. |
xtitleFontSize |
The font size of the x-axis title. Defaults to 16. |
ytitle |
Optional. The title of the y-axis. |
ytitleFontSize |
The font size of the y-axis title. Defaults to 16. |
title |
Optional. The title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
stroke |
The stroke color of the bars. Defaults to 'crimson'. |
strokeWidth |
Optional. the stroke width of the bars. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
bgcol |
The background color of the SVG. Defaults to "#CAD0D3" HEX color. |
opacity |
The color opacity of the bars (from 0 to 1). Defaults to 1. |
axisCol |
the color of the x and y axis. It includes the ticks, the labels and titles. Defaults to 'black'. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
An animated SVG histogram.
animatedHistogram( x = mtcars$mpg, duration = 2000, delay = 100 )
animatedHistogram( x = mtcars$mpg, duration = 2000, delay = 100 )
Create an animated line chart
animLineChart( data, x, y, curve = "curveLinear", duration = 5000, stroke = "crimson", strokeWidth = 1.5, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
animLineChart( data, x, y, curve = "curveLinear", duration = 5000, stroke = "crimson", strokeWidth = 1.5, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
data |
The data frame containing the variables to consider. |
x |
The x-variable to consider. Must be a date variable in 'yyyy-mm-dd' format. |
y |
The y-variable to consider. |
curve |
Optional. The line's curve type to render. A complete list can be found here <https://github.com/d3/d3-shape#curves>. Defaults to 'curveLinear'. |
duration |
The duration in Milliseconds of the animation. Defaults to 5000. |
stroke |
The color of the line. Defaults to 'crimson'. |
strokeWidth |
The width of the line. Defaults to 1.5. |
xticks |
Optional. the number of x-axis ticks to consider. |
yticks |
Optional. The number of y-axis ticks to consider. |
xtitle |
Optional. The title of the x-axis. |
xtitleFontSize |
The font size of the x-axis title. Defaults to 16. |
ytitle |
Optional. The title of the y-axis. |
ytitleFontSize |
The font size of the y-axis title. Defaults to 16. |
title |
Optional. The title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
bgcol |
The background color of the SVG. Defaults to "#CAD0D3" HEX color. |
opacity |
The color opacity of the bars (from 0 to 1). Defaults to 1. |
axisCol |
the color of the x and y axis. It includes the ticks, the labels and titles. Defaults to 'black'. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
An animated SVG line chart.
airpassengers <- data.frame( passengers = as.matrix(AirPassengers), date= zoo::as.Date(time(AirPassengers)) ) animLineChart( data = airpassengers, x = "date", y = "passengers", duration = 10000 # in milliseconds (10 seconds) )
airpassengers <- data.frame( passengers = as.matrix(AirPassengers), date= zoo::as.Date(time(AirPassengers)) ) animLineChart( data = airpassengers, x = "date", y = "passengers", duration = 10000 # in milliseconds (10 seconds) )
Create a band chart
areaBand( data, x, yLower, yUpper, fill = "crimson", stroke = NULL, strokeWidth = NULL, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
areaBand( data, x, yLower, yUpper, fill = "crimson", stroke = NULL, strokeWidth = NULL, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
data |
The data frame containing the variables to consider. |
x |
The x-variable to consider. Must be a date variable in 'yyyy-mm-dd' format. |
yLower |
The y-lower band variable to consider. |
yUpper |
The y-upper band variable to consider. |
fill |
The color of the band. Defaults to 'crimson'. |
stroke |
Optional. The color of the stroke of the band. |
strokeWidth |
Optional. The width of the band stroke. |
xticks |
Optional. the number of x-axis ticks to consider. |
yticks |
Optional. The number of y-axis ticks to consider. |
xtitle |
Optional. The title of the x-axis. |
xtitleFontSize |
The font size of the x-axis title. Defaults to 16. |
ytitle |
Optional. The title of the y-axis. |
ytitleFontSize |
The font size of the y-axis title. Defaults to 16. |
title |
Optional. The title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
bgcol |
The background color of the SVG. Defaults to "#CAD0D3" HEX color. |
opacity |
The color opacity of the area chart (from 0 to 1). Defaults to 1. |
axisCol |
the color of the x and y axis. It includes the ticks, the labels and titles. Defaults to 'black'. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
A SVG band chart
airpassengers <- data.frame( passengers_lower = as.matrix(AirPassengers), passengers_upper = as.matrix(AirPassengers) + 40, date= zoo::as.Date(time(AirPassengers)) ) areaBand( data = airpassengers, x = "date", yLower = "passengers_lower", yUpper = "passengers_upper", fill = "yellow", stroke = "black" )
airpassengers <- data.frame( passengers_lower = as.matrix(AirPassengers), passengers_upper = as.matrix(AirPassengers) + 40, date= zoo::as.Date(time(AirPassengers)) ) areaBand( data = airpassengers, x = "date", yLower = "passengers_lower", yUpper = "passengers_upper", fill = "yellow", stroke = "black" )
Create an area chart
areaChart( data, x, y, fill = "crimson", stroke = NULL, strokeWidth = NULL, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
areaChart( data, x, y, fill = "crimson", stroke = NULL, strokeWidth = NULL, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
data |
The data frame containing the variables to consider. |
x |
The x-variable to consider. Must be a date variable in 'yyyy-mm-dd' format. |
y |
The y-variable to consider. |
fill |
The color of the area chart. Defaults to 'crimson'. |
stroke |
Optional. The color of the stroke of the area. |
strokeWidth |
Optional. The width of the area stroke. |
xticks |
Optional. the number of x-axis ticks to consider. |
yticks |
Optional. The number of y-axis ticks to consider. |
xtitle |
Optional. The title of the x-axis. |
xtitleFontSize |
The font size of the x-axis title. Defaults to 16. |
ytitle |
Optional. The title of the y-axis. |
ytitleFontSize |
The font size of the y-axis title. Defaults to 16. |
title |
Optional. The title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
bgcol |
The background color of the SVG. Defaults to "#CAD0D3" HEX color. |
opacity |
The color opacity of the area chart (from 0 to 1). Defaults to 1. |
axisCol |
the color of the x and y axis. It includes the ticks, the labels and titles. Defaults to 'black'. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
a SVG area chart
# 1. converting AirPassengers to a tidy data frame airpassengers <- data.frame( passengers = as.matrix(AirPassengers), date= zoo::as.Date(time(AirPassengers)) ) # 2. plotting the area chart areaChart( data = airpassengers, x = "date", y = "passengers", fill = "purple", bgcol = "white" )
# 1. converting AirPassengers to a tidy data frame airpassengers <- data.frame( passengers = as.matrix(AirPassengers), date= zoo::as.Date(time(AirPassengers)) ) # 2. plotting the area chart areaChart( data = airpassengers, x = "date", y = "passengers", fill = "purple", bgcol = "white" )
Create a bar chart.
barChart( data, x, y, fill = "crimson", sort = "none", paddingWidth = 0.1, xticks = NULL, xFontSize = 10, yFontSize = 10, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, stroke = "crimson", strokeWidth = NULL, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
barChart( data, x, y, fill = "crimson", sort = "none", paddingWidth = 0.1, xticks = NULL, xFontSize = 10, yFontSize = 10, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, stroke = "crimson", strokeWidth = NULL, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
data |
The data frame containing the variables to consider. |
x |
The x-variable to consider. |
y |
The y-variable to consider. |
fill |
The color of the bars. Defaults to 'crimson'. |
sort |
Whether to sort or not the bars. Takes three values 'none' which is the default, 'ascending' or 'descending'. |
paddingWidth |
The distance between each bar. The value goes from 0 to 0.99 included. Defaults to 0.1. |
xticks |
Optional. the number of x-axis ticks to consider. |
xFontSize |
the font size of the x-axis labels. Defaults to 10. |
yFontSize |
the font size of the y-axis labels. Defaults to 10. |
yticks |
Optional. The number of y-axis ticks to consider. |
xtitle |
Optional. The title of the x-axis. |
xtitleFontSize |
The font size of the x-axis title. Defaults to 16. |
ytitle |
Optional. The title of the y-axis. |
ytitleFontSize |
The font size of the y-axis title. Defaults to 16. |
title |
Optional. The title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
stroke |
The stroke color of the bars. Defaults to 'crimson'. |
strokeWidth |
Optional. the stroke width of the bars. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
bgcol |
The background color of the SVG. Defaults to "#CAD0D3" HEX color. |
opacity |
The color opacity of the bars (from 0 to 1). Defaults to 1. |
axisCol |
the color of the x and y axis. It includes the ticks, the labels and titles. Defaults to 'black'. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
A SVG bar chart.
library(ggplot2) #needed for the mpg data frame library(dplyr) #needed for data wrangling mpg %>% group_by(manufacturer) %>% summarise(mean_cty = mean(cty)) %>% barChart( x = "manufacturer", y = "mean_cty", sort = "ascending", xFontSize = 10, yFontSize = 10, fill = "orange", strokeWidth = 1, ytitle = "average cty value", title = "Average City Miles per Gallon by manufacturer", titleFontSize = 16 )
library(ggplot2) #needed for the mpg data frame library(dplyr) #needed for data wrangling mpg %>% group_by(manufacturer) %>% summarise(mean_cty = mean(cty)) %>% barChart( x = "manufacturer", y = "mean_cty", sort = "ascending", xFontSize = 10, yFontSize = 10, fill = "orange", strokeWidth = 1, ytitle = "average cty value", title = "Average City Miles per Gallon by manufacturer", titleFontSize = 16 )
Create a bar chart race.
barChartRace( data, x, y, time, ease = "Linear", frameDur = 500, transitionDur = 500, colorCategory = "Accent", sort = "descending", paddingWidth = 0.1, xFontSize = 10, yFontSize = 10, xticks = 10, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 14, title = NULL, titleFontSize = 22, stroke = "black", strokeWidth = NULL, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", panelcol = "#EBEBEBFF", xgridlinecol = "white", opacity = 1, timeLabel = TRUE, timeLabelOpts = list(size = 32, prefix = "", suffix = "", xOffset = 0.5, yOffset = 1), width = NULL, height = NULL )
barChartRace( data, x, y, time, ease = "Linear", frameDur = 500, transitionDur = 500, colorCategory = "Accent", sort = "descending", paddingWidth = 0.1, xFontSize = 10, yFontSize = 10, xticks = 10, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 14, title = NULL, titleFontSize = 22, stroke = "black", strokeWidth = NULL, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", panelcol = "#EBEBEBFF", xgridlinecol = "white", opacity = 1, timeLabel = TRUE, timeLabelOpts = list(size = 32, prefix = "", suffix = "", xOffset = 0.5, yOffset = 1), width = NULL, height = NULL )
data |
The data frame containing the variables to consider. |
x |
The x-variable to consider. |
y |
The y-variable to consider. |
time |
The time variable to consider. |
ease |
The easing method, you can find more here <https://github.com/d3/d3-ease>. Defaults to 'Linear'. |
frameDur |
The time spent paused on each frame (time point) in milliseconds. |
transitionDur |
The time spent transitioning between frames in milliseconds. |
colorCategory |
A D3 categorical color scheme, you can find more here <https://github.com/d3/d3-scale-chromatic#categorical>. Defaults to 'Accent'. |
sort |
Whether to sort or not the bars. Takes three values 'none' which is the default, 'ascending' or 'descending'. Defaults to 'descending'. |
paddingWidth |
The distance between each bar. The value goes from 0 to 0.99 included. Defaults to 0.1. |
xFontSize |
the font size of the x-axis labels. Defaults to 10. |
yFontSize |
the font size of the y-axis labels. Defaults to 10. |
xticks |
the number of y-axis ticks to consider. Defaults to 10. |
xtitle |
Optional. The title of the x-axis. |
xtitleFontSize |
The font size of the x-axis title. Defaults to 16. |
ytitle |
Optional. The title of the y-axis. |
ytitleFontSize |
The font size of the y-axis title. Defaults to 14. |
title |
Optional. The title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
stroke |
The stroke color of the bars. Defaults to 'black'. |
strokeWidth |
Optional. the stroke width of the bars. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
bgcol |
The background color of the SVG. Defaults to "#CAD0D3" HEX color. |
panelcol |
The background color of the panel. Defaults to "#EBEBEBFF" HEX color. |
xgridlinecol |
The color of the x-axis grid lines. Defaults to 'white'. |
opacity |
The color opacity of the bars (from 0 to 1). Defaults to 1. |
timeLabel |
Whether to show a label for the value of the time variable. Defaults to TRUE. |
timeLabelOpts |
Options for labeling the value of the time variable. Takes a list specifying the 'size', 'prefix', 'suffix', 'xOffset', and 'yOffset'. Offsets are scaled relative to the dimensions of the label, from the bottom-right corner of the panel. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
An animated SVG bar chart race, wrapped in a div.
library(gapminder) library(dplyr) # let's select a set of countries only gapminder <- gapminder %>% filter( country %in% c("Algeria", "Mexico", "Iceland", "Greece", "Finland") ) barChartRace( data = gapminder, x = "lifeExp", y = "country", time = "year", ytitle = "Country", xtitle = "Life expectancy", title = "Bar chart race of countries life expectancy" )
library(gapminder) library(dplyr) # let's select a set of countries only gapminder <- gapminder %>% filter( country %in% c("Algeria", "Mexico", "Iceland", "Greece", "Finland") ) barChartRace( data = gapminder, x = "lifeExp", y = "country", time = "year", ytitle = "Country", xtitle = "Life expectancy", title = "Bar chart race of countries life expectancy" )
Create a histogram.
histogram( x, bins = 30, fill = "crimson", xFontSize = 10, yFontSize = 10, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, stroke = "crimson", strokeWidth = NULL, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
histogram( x, bins = 30, fill = "crimson", xFontSize = 10, yFontSize = 10, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, stroke = "crimson", strokeWidth = NULL, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
x |
A vector of data. |
bins |
The number of bins to consider. Defaults to 30. |
fill |
The color of the bars. Defaults to 'crimson'. |
xFontSize |
the font size of the x-axis labels. Defaults to 10. |
yFontSize |
the font size of the y-axis labels. Defaults to 10. |
xticks |
Optional. the number of x-axis ticks to consider. |
yticks |
Optional. The number of y-axis ticks to consider. |
xtitle |
Optional. The title of the x-axis. |
xtitleFontSize |
The font size of the x-axis title. Defaults to 16. |
ytitle |
Optional. The title of the y-axis. |
ytitleFontSize |
The font size of the y-axis title. Defaults to 16. |
title |
Optional. The title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
stroke |
The stroke color of the bars. Defaults to 'crimson'. |
strokeWidth |
Optional. the stroke width of the bars. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
bgcol |
The background color of the SVG. Defaults to "#CAD0D3" HEX color. |
opacity |
The color opacity of the bars (from 0 to 1). Defaults to 1. |
axisCol |
the color of the x and y axis. It includes the ticks, the labels and titles. Defaults to 'black'. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
A SVG histogram.
histogram( x = mtcars$mpg, bins = 20, fill = "crimson", stroke = "white", strokeWidth = 1, title = "Distribution of the hwy variable", width = "20", height = "10" )
histogram( x = mtcars$mpg, bins = 20, fill = "crimson", stroke = "white", strokeWidth = 1, title = "Distribution of the hwy variable", width = "20", height = "10" )
Create a horizontal bar chart
horzBarChart( data, label, value, fill = "crimson", sort = "none", paddingWidth = 0.1, stroke = NULL, strokeWidth = 1, bgcol = "#CAD0D3", valueTicks = NULL, valueFontSize = 10, labelFontSize = 10, valueTitle = NULL, valueTitleFontSize = 14, labelTitle = NULL, labelTitleFontSize = 14, font = "Verdana, Geneva, Tahoma, sans-serif", title = NULL, titleFontSize = 20, opacity = 1, axisCol = "black", width = NULL, height = NULL )
horzBarChart( data, label, value, fill = "crimson", sort = "none", paddingWidth = 0.1, stroke = NULL, strokeWidth = 1, bgcol = "#CAD0D3", valueTicks = NULL, valueFontSize = 10, labelFontSize = 10, valueTitle = NULL, valueTitleFontSize = 14, labelTitle = NULL, labelTitleFontSize = 14, font = "Verdana, Geneva, Tahoma, sans-serif", title = NULL, titleFontSize = 20, opacity = 1, axisCol = "black", width = NULL, height = NULL )
data |
The data frame containing the variables to consider. |
label |
The categorical variable to consider. Will be plotted on the y-axis. |
value |
The numeric variable to consider. Will be plotted on the x-axis. |
fill |
The color of the bars. Defaults to 'crimson'. |
sort |
Optional. Takes the following arguments: 'none', 'ascending' or 'descending', default to 'none' |
paddingWidth |
The distance between each bar. The value goes from 0 to 0.99 included. Defaults to 0.1. |
stroke |
Optional. The color of the stroke of the bars. |
strokeWidth |
The width of the stroke of the bars. Defaults to 1 when the 'stroke' parameter is used. |
bgcol |
Optional. The color of the background, default to: '#CAD0D3' |
valueTicks |
Optional. the number of x-axis ticks to consider. |
valueFontSize |
The font size of the x-axis values. Defaults to 10. |
labelFontSize |
The font size of the y-axis labels. Defaults to 10. |
valueTitle |
Optional. The title of the x-axis. |
valueTitleFontSize |
The font size of the x-axis title if specified. Defaults to 14. |
labelTitle |
Optional. The title of the y-axis. |
labelTitleFontSize |
The font size of the y-axis title. Defaults to 14. |
font |
The font family of the text. Defaults to "Verdana, Geneva, Tahoma, sans-serif" |
title |
Optional. The title of the overall graphic. |
titleFontSize |
The font size of the overall graphic's title when specified. |
opacity |
The color opacity of the bars. Goes from 0 to 1. Defaults to 1. |
axisCol |
the color of the x and y axis. It includes the ticks, the labels and titles. Defaults to 'black'. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
A SVG horizontal bar chart.
library(ggplot2) # needed for the mpg data frame library(dplyr) # needed for the data wrangling process mpg %>% group_by(manufacturer) %>% summarise(median_hwy = median(hwy)) %>% horzBarChart( label = "manufacturer", value = "median_hwy", sort = "ascending" )
library(ggplot2) # needed for the mpg data frame library(dplyr) # needed for the data wrangling process mpg %>% group_by(manufacturer) %>% summarise(median_hwy = median(hwy)) %>% horzBarChart( label = "manufacturer", value = "median_hwy", sort = "ascending" )
Create a horizontal lollipop chart
horzLollipop( data, label, value, sort = "none", bgcol = "white", valueTicks = NULL, labelTicks = NULL, valueFontSize = 12, labelFontSize = 12, font = "Verdana, Geneva, Tahoma, sans-serif", valueTitle = NULL, valueTitleFontSize = 14, labelTitle = NULL, labelTitleFontSize = 14, title = NULL, titleFontSize = 20, lineStroke = "maroon", lineStrokeWidth = 4, circleFill = "lime", circleStroke = "lime", circleStrokeWidth = 1, circleRadius = 5, axisCol = "black", width = NULL, height = NULL )
horzLollipop( data, label, value, sort = "none", bgcol = "white", valueTicks = NULL, labelTicks = NULL, valueFontSize = 12, labelFontSize = 12, font = "Verdana, Geneva, Tahoma, sans-serif", valueTitle = NULL, valueTitleFontSize = 14, labelTitle = NULL, labelTitleFontSize = 14, title = NULL, titleFontSize = 20, lineStroke = "maroon", lineStrokeWidth = 4, circleFill = "lime", circleStroke = "lime", circleStrokeWidth = 1, circleRadius = 5, axisCol = "black", width = NULL, height = NULL )
data |
The data frame containing the variables to consider. |
label |
The categorical variable to consider. Will be plotted on the x-axis. |
value |
The numeric variable to consider. Will be plotted on the y-axis. |
sort |
Whether to sort or not the vertical lines. Takes three values 'none' which is the default, 'ascending' or 'descending'. |
bgcol |
The background-color of the SVG output. Defaults to 'salmon'. |
valueTicks |
Optional. the number of x-axis ticks to consider. |
labelTicks |
Optional. The number of y-axis ticks to consider. |
valueFontSize |
the font size of the x-axis labels. Defaults to 10. |
labelFontSize |
the font size of the y-axis labels. Defaults to 10. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
valueTitle |
Optional. The title of the x-axis. |
valueTitleFontSize |
The font size of the x-axis title. Defaults to 14. |
labelTitle |
Optional. The title of the y-axis. |
labelTitleFontSize |
The font size of the y-axis title. Defaults to 14. |
title |
Optional. The title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
lineStroke |
The stroke color of the vertical lines. Defaults to 'maroon'. |
lineStrokeWidth |
The vertical lines stroke's width. Defaults to 4. |
circleFill |
The color of the circles. Defaults to 'lime'. |
circleStroke |
The color of the stroke surrounding the circle. Defaults to 'lime'. |
circleStrokeWidth |
The width of the circles' stroke. Defaults to 1. |
circleRadius |
The radius of the circles. Defaults to 10. |
axisCol |
the color of the x and y axis. It includes the ticks, the labels and titles. Defaults to 'black'. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
A SVG horizontal lollipop chart.
Create a line chart
lineChart( data, x, y, curve = "curveLinear", stroke = "crimson", strokeWidth = 1.5, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
lineChart( data, x, y, curve = "curveLinear", stroke = "crimson", strokeWidth = 1.5, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
data |
The data frame containing the variables to consider. |
x |
The x-variable to consider. Must be a date variable in 'yyyy-mm-dd' format. |
y |
The y-variable to consider. |
curve |
The line's curve type to render. A complete list can be found here <https://github.com/d3/d3-shape#curves>. Defaults to 'curveLinear'. |
stroke |
The color of the line. Defaults to 'crimson'. |
strokeWidth |
The width of the line. Defaults to 1.5. |
xticks |
Optional. the number of x-axis ticks to consider. |
yticks |
Optional. The number of y-axis ticks to consider. |
xtitle |
Optional. The title of the x-axis. |
xtitleFontSize |
The font size of the x-axis title. Defaults to 16. |
ytitle |
Optional. The title of the y-axis. |
ytitleFontSize |
The font size of the y-axis title. Defaults to 16. |
title |
Optional. The title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
bgcol |
The background color of the SVG. Defaults to "#CAD0D3" HEX color. |
opacity |
The color opacity of the bars (from 0 to 1). Defaults to 1. |
axisCol |
the color of the x and y axis. It includes the ticks, the labels and titles. Defaults to 'black'. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
A SVG line chart.
# 1. converting AirPassengers to a tidy data frame airpassengers <- data.frame( passengers = as.matrix(AirPassengers), date= zoo::as.Date(time(AirPassengers)) ) # 2. plotting the line chart lineChart( data = airpassengers, x = "date", y = "passengers" )
# 1. converting AirPassengers to a tidy data frame airpassengers <- data.frame( passengers = as.matrix(AirPassengers), date= zoo::as.Date(time(AirPassengers)) ) # 2. plotting the line chart lineChart( data = airpassengers, x = "date", y = "passengers" )
Create a lollipop chart
lollipopChart( data, x, y, sort = "none", bgcol = "white", xticks = NULL, yticks = NULL, xFontSize = 12, yFontSize = 12, font = "Verdana, Geneva, Tahoma, sans-serif", xtitle = NULL, xtitleFontSize = 14, ytitle = NULL, ytitleFontSize = 14, title = NULL, titleFontSize = 20, lineStroke = "maroon", lineStrokeWidth = 4, circleFill = "lime", circleStroke = "lime", circleStrokeWidth = 1, circleRadius = 10, axisCol = "black", width = NULL, height = NULL )
lollipopChart( data, x, y, sort = "none", bgcol = "white", xticks = NULL, yticks = NULL, xFontSize = 12, yFontSize = 12, font = "Verdana, Geneva, Tahoma, sans-serif", xtitle = NULL, xtitleFontSize = 14, ytitle = NULL, ytitleFontSize = 14, title = NULL, titleFontSize = 20, lineStroke = "maroon", lineStrokeWidth = 4, circleFill = "lime", circleStroke = "lime", circleStrokeWidth = 1, circleRadius = 10, axisCol = "black", width = NULL, height = NULL )
data |
The data frame containing the variables to consider. |
x |
The categorical variable to consider. Will be plotted on the x-axis. |
y |
The numeric variable to consider. Will be plotted on the y-axis. |
sort |
Whether to sort or not the vertical lines. Takes three values 'none' which is the default, 'ascending' or 'descending'. |
bgcol |
The background-color of the SVG output. Defaults to 'white'. |
xticks |
Optional. the number of x-axis ticks to consider. |
yticks |
Optional. The number of y-axis ticks to consider. |
xFontSize |
the font size of the x-axis labels. Defaults to 10. |
yFontSize |
the font size of the y-axis labels. Defaults to 10. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
xtitle |
Optional. The title of the x-axis. |
xtitleFontSize |
The font size of the x-axis title. Defaults to 16. |
ytitle |
Optional. The title of the y-axis. |
ytitleFontSize |
The font size of the y-axis title. Defaults to 16. |
title |
Optional. The title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
lineStroke |
The stroke color of the vertical lines. Defaults to 'maroon'. |
lineStrokeWidth |
The vertical lines stroke's width. Defaults to 4. |
circleFill |
The color of the circles. Defaults to 'lime'. |
circleStroke |
The color of the stroke surrounding the circle. Defaults to 'lime'. |
circleStrokeWidth |
The width of the circles' stroke. Defaults to 1. |
circleRadius |
The radius of the circles. Defaults to 10. |
axisCol |
the color of the x and y axis. It includes the ticks, the labels and titles. Defaults to 'black'. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
A SVG lollipop chart.
library(ggplot2) # needed for the mpg data frame library(dplyr) # needed for data wrangling mpg %>% group_by(drv) %>% summarise(median_cty = median(cty)) %>% lollipopChart( x = "drv", y = "median_cty", sort = "ascending", xtitle = "drv variable", ytitle = "median cty", title = "Median cty per drv" )
library(ggplot2) # needed for the mpg data frame library(dplyr) # needed for data wrangling mpg %>% group_by(drv) %>% summarise(median_cty = median(cty)) %>% lollipopChart( x = "drv", y = "median_cty", sort = "ascending", xtitle = "drv variable", ytitle = "median cty", title = "Median cty per drv" )
Create a pie chart
pieChart( data, value, label, colorCategory = "Paired", innerRadius = 0, outerRadius = "auto", padRadius = 0, padAngle = NULL, cornerRadius = 0, labelFont = "sans-serif", title = NULL, titleFontSize = 22, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "white", opacity = 1, labelHeight = 18, width = NULL, height = NULL )
pieChart( data, value, label, colorCategory = "Paired", innerRadius = 0, outerRadius = "auto", padRadius = 0, padAngle = NULL, cornerRadius = 0, labelFont = "sans-serif", title = NULL, titleFontSize = 22, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "white", opacity = 1, labelHeight = 18, width = NULL, height = NULL )
data |
The data frame to consider. |
value |
The numeric variable to consider. |
label |
The labeling variable to consider. |
colorCategory |
A D3 categorical color scheme, you can find more here <https://github.com/d3/d3-scale-chromatic#categorical>. Defaults to 'Paired' |
innerRadius |
The size of the inner radius of the pie. Defaults to 0. Set the inner radius to a higher value to plot a donut chart. |
outerRadius |
The size of the outer radius of the pie. |
padRadius |
From the D3 official documentation, The pad radius compute the fixed linear distance separating adjacent arcs, defined as padRadius * padAngle. |
padAngle |
Optional. From the D3 official documentation, the padAngle is used to set the padding angle between consecutive arcs. |
cornerRadius |
From the D3 official documentation, the value of the corner radius for rounded corners. If the corner radius is greater than zero, the corners of the arc are rounded using circles of the given radius. Defaults to 0. |
labelFont |
The font family of the legend. Defaults to 'sans-serif'. |
title |
Optional. The title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
bgcol |
The background color of the SVG. Defaults to "white". |
opacity |
The color opacity of the pie (from 0 to 1). Defaults to 1. |
labelHeight |
The height of the legend. Defaults to 18. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
A SVG pie chart
library(dplyr) # needed for the starwars data frame # starwars is part of the dplyr data frame mini_starwars <- starwars %>% tidyr::drop_na(mass) %>% sample_n(size = 5) # getting 5 random values pieChart( data = mini_starwars, value = "mass", label = "name" )
library(dplyr) # needed for the starwars data frame # starwars is part of the dplyr data frame mini_starwars <- starwars %>% tidyr::drop_na(mass) %>% sample_n(size = 5) # getting 5 random values pieChart( data = mini_starwars, value = "mass", label = "name" )
Create a scatter plot.
scatterPlot( data, x, y, col = "crimson", size = 2, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, stroke = NULL, strokeWidth = NULL, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
scatterPlot( data, x, y, col = "crimson", size = 2, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, stroke = NULL, strokeWidth = NULL, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", width = NULL, height = NULL )
data |
The data frame containing the quantitative variables. |
x |
The x-variable to consider. |
y |
The y-variable to consider. |
col |
The color of the dots. Defaults to 'crimson'. |
size |
The size of the dots. Defaults to 2. |
xticks |
Optional. The number of x-axis ticks to consider. |
yticks |
Optional. The number of y-axis ticks to consider. |
xtitle |
Optional. the title of the x-axis. |
xtitleFontSize |
The font size of the x-axis title. Defaults to 16. |
ytitle |
Optional. The title of the y-axis. |
ytitleFontSize |
The font size of the y-axis title. Defaults to 16. |
title |
Optional. the title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
stroke |
Optional. the stroke color of the dots. |
strokeWidth |
Optional. the stroke width of the dots. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
bgcol |
The background color of the SVG. Defaults to "#CAD0D3" HEX color. |
opacity |
The color opacity of the dots (from 0 to 1). Defaults to 1. |
axisCol |
the color of the x and y axis. It includes the ticks, the labels and titles. Defaults to 'black'. |
width |
Optional. the width of the SVG output. |
height |
Optional. the height of the SVG output. |
A SVG scatter plot.
scatterPlot( data = mtcars, x = "mpg", y = "wt" )
scatterPlot( data = mtcars, x = "mpg", y = "wt" )
Create a stacked area chart
stackedAreaChart( data, x, colorCategory = "Category10", curve = "curveLinear", stroke = NULL, strokeWidth = 1.5, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", legendBoxSize = 18, legendTextSize = 18, width = NULL, height = NULL )
stackedAreaChart( data, x, colorCategory = "Category10", curve = "curveLinear", stroke = NULL, strokeWidth = 1.5, xticks = NULL, yticks = NULL, xtitle = NULL, xtitleFontSize = 16, ytitle = NULL, ytitleFontSize = 16, title = NULL, titleFontSize = 22, font = "Verdana, Geneva, Tahoma, sans-serif", bgcol = "#CAD0D3", opacity = 1, axisCol = "black", legendBoxSize = 18, legendTextSize = 18, width = NULL, height = NULL )
data |
The data frame containing the variables to consider. |
x |
The x-variable to consider. Must be a date variable in 'yyyy-mm-dd' format. |
colorCategory |
A D3 categorical color scheme, you can find more here <https://github.com/d3/d3-scale-chromatic#categorical>. Defaults to 'Category10'. |
curve |
The line's curve type to render. A complete list can be found here <https://github.com/d3/d3-shape#curves>. Defaults to 'curveLinear'. |
stroke |
Optional. The color of the stroke of the area. |
strokeWidth |
The width of the line. Defaults to 1.5. |
xticks |
Optional. the number of x-axis ticks to consider. |
yticks |
Optional. The number of y-axis ticks to consider. |
xtitle |
Optional. The title of the x-axis. |
xtitleFontSize |
The font size of the x-axis title. Defaults to 16. |
ytitle |
Optional. The title of the y-axis. |
ytitleFontSize |
The font size of the y-axis title. Defaults to 16. |
title |
Optional. The title of the plot. |
titleFontSize |
The font size of the plot title. Defaults to 22. |
font |
The font family to consider for the titles. Defaults to "Verdana, Geneva, Tahoma, sans-serif". |
bgcol |
The background color of the SVG. Defaults to "#CAD0D3" HEX color. |
opacity |
The color opacity of the area chart (from 0 to 1). Defaults to 1. |
axisCol |
the color of the x and y axis. It includes the ticks, the labels and titles. Defaults to 'black'. |
legendBoxSize |
The size of the legend rectangles. Defaults to 18. |
legendTextSize |
The font size of the legend text Defaults to 18. |
width |
Optional. The width of the SVG output. |
height |
Optional. The height of the SVG output. |
a SVG stacked area chart
data <- data.frame( date = c( "2000-01-01", "2000-02-01", "2000-03-01", "2000-04-01", "2000-05-01", "2000-06-01", "2000-07-01", "2000-08-01", "2000-09-01", "2000-10-01" ), Trade = c( 2000,1023, 983, 2793, 1821, 1837, 1792, 1853, 791, 739 ), Manufacturing = c( 734, 694, 739, 736, 685, 621, 708, 685, 667, 693 ), Leisure = c( 1782, 1779, 1789, 658, 675, 833, 786, 675, 636, 691 ), Agriculture = c( 655, 587,623, 517, 561, 2545, 636, 584, 559, 2504 ) ) stackedAreaChart( data = data, x = "date", legendTextSize = 14, curve = "curveCardinal", colorCategory = "Accent", bgcol = "white", stroke = "black", strokeWidth = 1 )
data <- data.frame( date = c( "2000-01-01", "2000-02-01", "2000-03-01", "2000-04-01", "2000-05-01", "2000-06-01", "2000-07-01", "2000-08-01", "2000-09-01", "2000-10-01" ), Trade = c( 2000,1023, 983, 2793, 1821, 1837, 1792, 1853, 791, 739 ), Manufacturing = c( 734, 694, 739, 736, 685, 621, 708, 685, 667, 693 ), Leisure = c( 1782, 1779, 1789, 658, 675, 833, 786, 675, 636, 691 ), Agriculture = c( 655, 587,623, 517, 561, 2545, 636, 584, 559, 2504 ) ) stackedAreaChart( data = data, x = "date", legendTextSize = 14, curve = "curveCardinal", colorCategory = "Accent", bgcol = "white", stroke = "black", strokeWidth = 1 )