In timelyportfolio/d3hierR: 'Htmlwidgets' for 'd3.js' Hierarchies

knitr::opts_chunk$set(
  collapse = TRUE,
  comment = "#>",
  fig.path = "README-"
)

d3hierR

The goal of d3hierR is to provide some foundational htmlwidgets for hierachies using d3. I do not know how far I will go with this package.

Installation

You can install d3hierR from github with:

# install.packages("devtools")
devtools::install_github("timelyportfolio/d3hierR")

Widgets

Currently, only a treemap is provided in d3hierR with the function tree.

Example

Here is a quick look at d3hierR::tree() with some random hierarchical data.

Quick Example

library(treemap)
library(d3r)
library(d3hierR)

rhd <- treemap::random.hierarchical.data()
rhd_nest <- d3r::d3_nest(rhd, value_cols = "x")

tree(rhd_nest, sizeField = "x")

Tile and Padding Example

library(treemap)
library(d3r)
library(d3hierR)

rhd <- treemap::random.hierarchical.data()
rhd_nest <- d3r::d3_nest(rhd, value_cols = "x")

tree(
  rhd_nest,
  sizeField = "x",
  paddingOuter = 20,
  tile = htmlwidgets::JS("d3.treemapBinary")
)

"The Labels Are Too Long" Example

The clipText argument will use a very simple test to clip any label text that is too wide or high to fit in its rectangle. Also, we can use the styleText argument to decrease the font size.

library(treemap)
library(d3r)
library(d3hierR)

rhd <- treemap::random.hierarchical.data()
rhd_nest <- d3r::d3_nest(rhd, value_cols = "x")

tree(
  rhd_nest,
  sizeField = "x",
  paddingOuter = 20,
  tile = htmlwidgets::JS("d3.treemapBinary"),
  styleText = list("font-size" = "70%"),
  clipText = TRUE
)