Horizontal ShinyTree

[prabhjot0509]

Hi,

Is there an option make the ShinyTree horizontal. For example, we have a hierarchial data, the tree in horizontal layout would look much better than the current vertical layout.

Thanks!

[trafficonese]

This CSS should do it:

.jstree-node {
        display: inline !important;
    }

Full Shiny Example:

library(shiny)
library(shinyTree)

dt <- list(
  root1 = structure("123",stinfo="A"),
  root2 = list(
    SubListA = list(leaf1 = structure("leaf1",stinfo="B"), leaf2 = "", leaf3=""),
    SubListB = list(leafA = "", leafB = "")
  )
)

ui <- fluidPage(
  tags$head(tags$style(
    "
    .jstree-node {
        display: inline !important;
    }
    "
  )),
  shinyTree("tree")
)

server <- function(input, output, session) {
  output$tree <- renderTree({
    dt
  })
}

shinyApp(ui, server)

[prabhjot0509]

Thank you so much for such a quick response.

It is really good to know that we can change the alignment according to our need. I was in particular looking for a tree like structure wherein Root 1 is in the first row, then Root2 in second and so on. I am looking for something like the image in the question below:

https://stackoverflow.com/questions/9238672/how-does-a-script-optimally-layout-a-pure-hierarchical-graphviz-dot-graph

Would be really helpful if someone can help to bring the graph in this particular format. I am new to scripting so my questions might sound to be very basic.

Thanks for your help!

[trafficonese]

This will be a bit more complicated and jsTree does not support such structures. Maybe you could fiddle around with some CSS to model the tree to your desire.

But you could/should also check out other packages, which are maybe better suited for this task:

collapsibleTree
data.tree
ggraph
networkD3