2024 Fall Timeline

2024-2025 Projects List

ID	First Author	Label	FullName
1	AQ	MS-MNA	Methodological Study of Missingness of Network Analysis
2	AQ	ES-MAD	Empirical Study of Missingness method in Acceralation Data
3	JZ	MS-NNS	Methodological Study of Novel Network Score
4	JZ	MS-RFS-P	Methodological Study of Rating Factor Score (Paper)
5	JZ	MS-NAR	Methodological Study of Network Analysis Reliability (Spencer)
6	LJ	MS-RFS-C	Methodological Study of Rating Factor Score (Conference)
7	ZJ	PD-SGD	Program Development of ShinyApp of SEM of Gene Data

Gantt Plot for Research Plan

Plot = import("https://cdn.jsdelivr.net/npm/@observablehq/plot/+esm")
import {controlPanel, Ctrls} from "@analyzer2004/control-panel"
tasks = transpose(ojsd)
myColors = [{group: "MS-NNS", color: "tan"},
            {group: "MS-RFS-P", color: "tomato"},
            {group: "Academic Calendar", color: "turquoise"},
            {group: "Holiday", color: "rosybrown"},
            {group: "TBD", color: "grey"}
            ];
domainByDate = tasks.sort((a, b) => d3.ascending(a.startDate, b.startDate)).map(d => d.task)
domainByGroup = d3.groups(tasks, d => d.group).sort((a, b) => d3.ascending(a.startDate, b.startDate)).map(d => d[0])
parser = d3.utcParse("%Y-%m-%d")
colorMap = new Map(myColors.map((obj) => [obj.group, obj.color]))
colors = domainByGroup.map(d => colorMap.get(d))

Plot.plot({
    height: settings.plotHeight,
    width: settings.plotWidth,
    x: { 
      grid: (settings.gridlines == "x") | (settings.gridlines == "both") ? true : null,
      padding: 0.4,
      domain: [parser('2024-09-19'), parser('2025-01-31')]
    },
    y: {
      domain: domainByDate,
      label: null,
      tickFormat: null,
      tickSize: null,
      grid: (settings.gridlines == "y") | (settings.gridlines == "both") ? true : null
    },
    color: { domain: domainByGroup, range: colors, legend: true },
    marks: [
      Plot.frame({ stroke: settings.panelBorder == "show" ? "#ccc" : null }),
      Plot.barX(tasks, { // shallow
        y: "task",
        x1: (d) => parser(d.startDate),
        x2: (d) => parser(d.endDate),
        rx: settings.barRoundness,
        insetTop: settings.barHeight,
        insetBottom: settings.barHeight,
        dx: 5, dy: 5
      }),
      Plot.barX(tasks, {
        y: "task",
        x1: (d) => parser(d.startDate),
        x2: (d) => parser(d.endDate),
        fill: "group",
        rx: settings.barRoundness,
        insetTop: settings.barHeight,
        insetBottom: settings.barHeight
      }),
      Plot.text(tasks, {
        y: "task",
        x: (d) => parser(d.startDate),
        text: (d) => d.task,
        textAnchor: "start",
        dy: settings.textPosition,
        fontSize: settings.fontSize,
        stroke: "white",
        fill: "dimgray",
        fontWeight: 500
      }),
      Plot.tip(tasks, Plot.pointerY({
        y: "task",
        x1: (d) => parser(d.startDate),
        x2: (d) => parser(d.endDate),
        fontSize: settings.fontSize,
        title: (d) =>
          `FullName: ${d.FullName}\nStart: ${d.startDate}\nEnd: ${d.endDate}\nDateRange: ${d.DateRange}`
      }))
    ]
})

viewof settings = controlPanel([
  [
    Ctrls.slider("plotHeight", {label: "Plot height: ", min:500, max:1000, value:600}),
    Ctrls.slider("plotWidth", {label: "Plot width: ", min:900, max:1600, value:1365})
  ],
  [
    Ctrls.slider("barHeight", {label: "Adjusted bar height: ", min:0, max:20, value:10}),
    Ctrls.slider("textPosition", {label: "Label dodge: ", min:-50, max:50, value:0}),
    Ctrls.slider("fontSize", {label: "Font size: ", min:8, max:24, value:17})
  ],
  [    
    Ctrls.radioGroup("panelBorder", ["show", "hide"], {label: "Panel border:", value: "show"}),    
    Ctrls.radioGroup("gridlines", ["x", "y", "both", "none"], {label: "Gridlines:", value: "x"})
  ],
  [Ctrls.rule()]
], {style: "font-family:sans-serif;font-size:12pt;pointer:default"});