...

Text file src/oss.terrastruct.com/d2/docs/examples/vector-grid/vector-grid.d2

Documentation: oss.terrastruct.com/d2/docs/examples/vector-grid

     1classes: {
     2  empty: {
     3    label: ""
     4    style: {
     5      fill: transparent
     6      stroke-width: 0
     7    }
     8  }
     9  text: {
    10    style: {
    11      fill: transparent
    12      stroke-width: 0
    13    }
    14  }
    15  cluster: {
    16    style: {
    17      fill: transparent
    18      stroke-dash: 4
    19      stroke: "#C6D3DF"
    20    }
    21  }
    22  grid: {
    23    grid-columns: 1
    24    label: ""
    25    style: {
    26      fill: white
    27      stroke-width: 0
    28    }
    29  }
    30  row: {
    31    grid-rows: 1
    32    label: ""
    33    style: {
    34      fill: transparent
    35      stroke-width: 0
    36    }
    37  }
    38}
    39
    40vars: {
    41  left-cluster: {
    42    label: "n-sized Vector"
    43    class: cluster
    44    0*.style.fill: "#DFEFFA"
    45    0*.style.stroke: black
    46    grid-rows: 1
    47    grid-gap: 0
    48    label.near: outside-top-left
    49
    50    "0.62"
    51    "0.15"
    52    empty1.class: empty
    53    n.class: text
    54    empty2.class: empty
    55    "0.91"
    56    "0.48"
    57
    58    "0.15" <- n -> "0.91"
    59  }
    60  right-cluster: {
    61    label: "m-sized Vector"
    62    class: cluster
    63    0*.style.fill: "#72F5FF"
    64    0*.style.stroke: black
    65    grid-rows: 1
    66    grid-gap: 0
    67    label.near: outside-top-left
    68
    69    "0.62"
    70    "0.15"
    71    empyt1.class: empty
    72    m.class: text
    73    empty2.class: empty
    74    "0.91"
    75    "0.48"
    76
    77    "0.15" <- m -> "0.91"
    78  }
    79}
    80
    81grid-rows: 2
    82
    83top-row: {
    84  class: row
    85  empty.class: empty
    86  empty.width: 1100
    87
    88  Random Matrix Generator: {
    89    width: 300
    90    height: 170
    91    style.font-size: 20
    92    style.fill: "#A7BBCF"
    93    style.stroke: black
    94    style.border-radius: 10
    95  }
    96}
    97
    98bottom-row: {
    99  class: row
   100  left-grid: {
   101    class: grid
   102
   103    1: ${left-cluster}
   104    2: ${left-cluster}
   105    3: ${left-cluster}
   106  }
   107
   108  dot-container: {
   109    class: empty
   110    grid-columns: 1
   111    empty1.class: empty
   112    dot: Dot product {
   113      class: text
   114      circle: "" {
   115        shape: circle
   116        style.fill: black
   117        style.stroke-width: 0
   118        width: 20
   119        height: 20
   120      }
   121      label.near: outside-bottom-center
   122    }
   123  }
   124
   125  matrix-container: {
   126    class: empty
   127    grid-columns: 1
   128    matrix: Target dimension matrix {
   129      label.near: outside-top-center
   130      grid-rows: 4
   131      grid-gap: 0
   132      *.width: 100
   133      *.height: 100
   134      *.style.fill: "#F1F6F9"
   135      *.style.stroke: black
   136      "0.41"
   137      "0.32"
   138      "0.92"
   139      "0.13"
   140
   141      "0.74"
   142      "0.15"
   143      "0.53"
   144      "0.21"
   145
   146      "0.97"
   147      "0.45"
   148      "0.11"
   149      "0.05"
   150
   151      "0.61"
   152      "0.77"
   153      "0.59"
   154      "0.83"
   155    }
   156  }
   157
   158  empty.class: empty
   159
   160  right-grid: {
   161    class: grid
   162
   163    1: ${right-cluster}
   164    2: ${right-cluster}
   165    3: ${right-cluster}
   166  }
   167
   168  matrix-container -> right-grid
   169}
   170
   171top-row.Random Matrix Generator -> bottom-row.matrix-container.matrix

View as plain text