Dendrogram

D3Dendrogram

Sections

• Sample
• Properties
  • dataModel
    • Object Keys

Sample

<template>
  <div>
    <dendrogram-plot
     :dataModel="dendrogramData"
    />

  </div>
</template>

<script>

import {D3Dendrogram} from 'jscatalyst'
export default{
  data(){
    return{
        dendrogramData = []
    }
  },
  components:{
    dendrogramPlot: D3Dendrogram
  }
}

</script>

Properties

dataModel

Type: Array

The dataModel for a D3Dendrogram is empty by default and takes an array of nested objects:

dendrogramData = [
  {
    children: [
      {
        children: [
          {
            children: [],
            name: "f"
          },
          {
            children: [
              {
                children: [],
                name: "b"
              },
              {
                children: [
                  {
                    children: [
                      {
                        children: [],
                        name: "c"
                      },
                      {
                        children: [],
                        name: "d"
                      }
                    ],
                    name: "c-d"
                  },
                  {
                    children: [
                      {
                        children: [],
                        name: "a"
                      },
                      {
                        children: [],
                        name: "e"
                      }
                    ],
                    name: "a-e"
                  }
                ],
                name: "a-c-d-e"
              }
            ],
            name: "a-b-c-d-e"
          }
        ],
        name: "a-b-c-d-e-f"
      }
    ],
    name: "Root1"
  }
];

dataModel Object Keys

• children

  Type: Array

  The Children key pointes to a nested array of objects that represents th child nodes of this node.

• name

  Type: String

  The name of the node, rendered beside the node.

<--- Back to Top