First Draft DAG

a messy diagram

Typst Code

= Figure 7.1: A Messy Diagram of the
== Effect of Online Classes on Dropout
#diagram(bezier: true,
  node(<Academics>, fill: purple.lighten(50%)),
  node(<Age>, fill: purple.lighten(50%)),
  node(<AvailTime>, fill: purple.lighten(50%)),
  node(<Dropout>, fill: blue.lighten(50%)),
  node(<Gender>, fill: purple.lighten(50%)),
  node(<InternetAccess>, fill: purple.lighten(50%)),
  node(<Location>, fill: purple.lighten(50%)),
  node(<OnlineClass>, fill: red.lighten(50%)),
  node(<Preferences>, fill: purple.lighten(50%)),
  node(<Race>, fill: purple.lighten(50%)),
  node(<SES>, fill: purple.lighten(50%)),
  node(<WorkHours>, fill: purple.lighten(50%)),
  node(<U1>, fill: gray.lighten(75%)),
  node(<U2>, fill: gray.lighten(75%)),
  node(<U3>, fill: gray.lighten(75%)),
  node(<U4>, fill: gray.lighten(75%)),
  node(<U5>, fill: gray.lighten(75%)),

  edge(<Academics>, <Dropout>),
  edge(<Academics>, <WorkHours>),
  edge(<Age>, <AvailTime>),
  edge(<Age>, <Dropout>),
  edge(<Age>, <Preferences>),
  edge(<Age>, <WorkHours>),
  edge(<AvailTime>, <OnlineClass>),
  edge(<Dropout>, <AvailTime>),
  edge(<Gender>, <AvailTime>),
  edge(<Gender>, <Dropout>),
  edge(<Gender>, <Preferences>),
  edge(<Gender>, <WorkHours>),
  edge(<InternetAccess>, <OnlineClass>), 
  edge(<Location>, <InternetAccess>),
  edge(<OnlineClass>, <Dropout>),
  edge(<Preferences>, <OnlineClass>),
  edge(<Race>, <AvailTime>),
  edge(<Race>, <Dropout>),
  edge(<Race>, <Preferences>),
  edge(<Race>, <WorkHours>),
  edge(<SES>, <Preferences>),
  edge(<U1>, <Academics>),
  edge(<U1>, <Race>),
  edge(<U2>, <Race>),
  edge(<U2>, <SES>),
  edge(<U3>, <Academics>),
  edge(<U3>, <Gender>),
  edge(<U4>, <Gender>),
  edge(<U4>, <SES>),
  edge(<U5>, <Location>),
  edge(<U5>, <SES>),
)