classes

[alixander]

classes: {
  dragon_ball: {
    label: ""
    shape: circle
    style.fill: orange
    style.stroke-width: 0
    width: 50
  }
}
nostar: { class: dragon_ball }
1star: { label: "*"; class: dragon_ball }
2star: { label: "**"; class: dragon_ball }

classes: {
  orb: {
    shape: circle
    style.fill: red
    style.stroke-width: 0
    label: ""
  }
}

a.class: orb
b.class: orb
c.class: orb
d.class: orb

steps: {
  1: {
    classes.orb.style.fill: blue
  }
  2: {
    classes.orb.style.fill: green
  }
  3: {
    classes.orb.style.fill: yellow
  }
}

Kapture.2023-04-06.at.22.59.00.mp4

Also writes classes to SVGs, which can be a workflow to tag things in D2 for post processing. closes #566

Followups:

• compiler: accept array for class value #1135

closes #102

[alixander]

@nhooyr this isn't quite ready for merging yet but would like a review of this initial implementation

edit: this is now ready for merging

[alixander]

@nhooyr bump, i wanna release tmr morning

[nhooyr]

🚀