Multiple Styles

Back to Gallery

Tasks

add four nodes define a style called foo that sets the fill color to steelblue define a style called bar that sets the fill style to dotted set the styles for node A to be foo and bar set the style for node B to be bar set the style for node C to be foo

JSON Representation

{
"directed": false,
"hasParents": false,
"nodes": {
  "A": {
    "style": [
      "foo",
      "bar"
    ]
  },
  "B": {
    "style": "bar"
  },
  "C": {
    "style": "foo"
  },
  "D": {}
},
"edges": {},
"constraints": [],
"styles": {
  "foo": {
    "fillColor": "steelblue"
  },
  "bar": {
    "fillStyle": "dotted"
  }
},
"_positions": {
  "A": [
    -1.4465695280074646,
    -3.607056330586185
  ],
  "B": [
    1.4456804189763357,
    3.6074223273590227
  ],
  "C": [
    -3.5820511172876404,
    1.4360135546310735
  ],
  "D": [
    3.582848291028346,
    -1.4363449689573082
  ]
}
}