flowchart TD
  Lecture -->|inspire| Idea 
  Practice --> |inspire| Idea
  Idea--> Exercise
  Exercise --> Data
  Exercise --> Code
  Test_Functions --> Exercise
  Code --> Test_Functions
  Exercise --> |implement into| Notebook
  Notebook --> Introduction
  Notebook --> Exercises
  Exercises --> |evaluate| Results
  Results --> |improve| Exercises
  Notebook --> |motivate| Congrats
  Introduction -->|reality check| Beyond_Code
  Beyond_Code --> Study & Career

flowchart TD
  Lecture & Practice --> |relate to| Exercise
  Exercise --> Instructions
  Instructions--> |References|Self_study
  Self_study --> Code
  Instructions --> |include and guide\ncoding| Code
  Code --> |improve| Test_function
  Test_function --> |evaluate| Code
  Code --> |success| &#x1F37B

graph TD

    %% Subgraph for Category 1
    subgraph Category1["Notebooks 101"]
        Exercise1["Basics"]
    end

    %% Subgraph for Category 2
    subgraph Category2["Data manipulation and visualization"]
        Exercise2["Introduction to R"]
        Exercise3["Tidyverse"]
        Exercise4["Visualization"]

    end

    %% Subgraph for Category 3
    subgraph Category3["Data analytics"]
        Exercise5["Textual analyses"]
        Exercise6["SQL databases"]
        Exercise7["TBD"]
        Exercise8["TBD"]
    end

    %% Subgraph for Category 4
    subgraph Category4["Research design - replications"]
        Exercise9["Experiment"]
        Exercise10["DiD"]
        Exercise11["RDD"]
        Exercise12["IV"]
        Exercise13["Synthetic control"]
    end

    %% Optionally connect categories (if needed)
    Category1 --> Category2
    Category2 --> Category3
    Category3 --> Category4

graph TD
    classDef transparentArrow stroke-opacity:0.4;
    
    Server --> Student1
    Server --> Student2

    subgraph JupyterLab
        Student1(Student 1) --> Exercise1_1(Exercise 1)
        Student1 --> Exercise1_2(Exercise 2)
        Student1 --> Exercise1_3(Exercise 3)
        
        Student2(Student 2) --> Exercise2_1(Exercise 1)
        Student2 --> Exercise2_2(Exercise 2)
        Student2 --> Exercise2_3(Exercise 3)
    end

    linkStyle 0,1,2,3,4 stroke-width:2px, color:grey, stroke-opacity:0.4;